個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています(※情報はこの記事の執筆時のもの)。 最新版を公開!フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 お探しのページは現在ご利用いただけません。 クリックしたリンクは、以前のバージョンであるユニバーサル アナリティクスに関するドキュメントでした。ユニバーサル アナリティクスは廃止され、2024 年 7 月 1 日をもってご利用いただけなくなりました。 アナリティクス ラーニング センターにアクセスして、新しいバージョンの Google アナリティクス 4 をお試しください。 �=�� V
目次 やわらか・繊細系の日本語フォント 12種類 力強い太文字系の日本語フォント 8種類 手書き・毛筆系の日本語フォント 6種類 レトロ系の日本語フォント 3種類 コミック系の日本語フォント 2種類 民芸風の日本語フォント 2種類 変わり種の日本語フォント 4種類 フォントを利用する際は必ず規約の確認を 商用利用の可否や条件については調査し記載していますが、商用利用のみ有料版の購入が必要だったり、配布元への連絡だったりする必要なケースもあります。ご利用の際は、必ずフォント配布元サイトで利用規約をご確認ください。 1. やわらか・繊細系の日本語フォント 12種類 落ち着いた優しいデザインにマッチする、繊細なフォントを集めました。癖が強くなく使いやすいものが多いので、重宝できます。 イマジン・ヨコハマフォント イマジン・ヨコハマフォント ひらがな・カタカナに加え、横浜市に関連する漢字が使えます
今年はアプリのデザインのお仕事をいただく事が多かったのでちょっと前まで**@3x画像**の書出しなどに追われる日々でした。 デザインデータから各種デバイス用の解像度の画像を切り出す場合、 Photoshopだとレイヤーグループに名前をつけておいて Slicy で書出しているのですが、 Sketchだと例えば一つのレイヤーから**@2x画像とxhdpi画像**みたいな同じ大きさで別々の名前の画像が切り出せるのが便利でした。 やりかたも簡単でExportの設定をレイヤーグループ毎に複数の書出したい画像のサイズとプレフィクスなどを設定しておけば、最後にボタン一つで書出せるようになっています。 各種解像度用の画像を書出す時の設定が沢山あって覚えきれないので忘れないようにメモしておきます。 書出したい画像 タブ用の画像という想定で**30x30**のアイコンを作って書出してみます。 対応したいデバイ
Adobe XDは、2015年のAdobe MAXで、AdobeのUXデザインツールとしてproject Cometという名で発表されたツールで既に紹介する記事もあるけれど、あえて一月近く利用した上で操作性から良い点と少し気になった点をまとめてみた。 重さを感じさせない動作発表当時のデモの時から、その軽量性がアピールされてきたけれど、実際使ってみてびっくりするほど軽く使えている。全アートボードを表示するのも、各アートボードを実寸で表示するのも一瞬で拡大縮小できるし、どんな状態でも、オブジェクトの移動やプロパティ変更に妙な遅延を感じることもない。例えば、都道府県単位で選択・編集可能なベクターの日本地図を複数のアートボードに配置したりしても全く速度は変わらなかった。 私が主に使用しているMacbook Pro 13インチは2015年のもので比較的新しく軽さを語るのには向かないが、Intelli
Adobe Experience Design(以下、Adobe XD)の評判はいいって聞くけど、実際のところどうなの? 使えるの? そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤーフレームやプロトタイプを作成するのに便利な機能を紹介します。 Wireframing and Prototyping in Adobe XD 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 UI/UXデザインに適したツールを探して Adobe XDとは Adobe XDのアートボード Adobe XDのシェイプ操作 Adobe XDのオブジェクトのグループ化 Adobe XDのリピート グリッド(Repeat Grid) Adobe XDのエクスポートとインポート Adobe XDでプロトタイプを作成 Adobe X
Adobe XD CCってどういうツール? Adobe XD CCはWebサイトやスマホアプリなどを手軽にデザインするためのツールで使い方も簡単。さらに、デザインした複数のページを簡単につなげて、実際に動いているかのようなプロトタイプを作る事もできるんだ! Adobe XD CCはそれらを直感的な操作で仕上げる事ができ、軽量で使いやすいUIになっているので、人気がぐんぐん上がっているのだ。 まずは完成形のデザイン 今回はAdobe XD CCで「ドラえもんのLINEグループ」というコンセプトで簡単にデザインしてみた。作業時間だけで言えば「15分」もあればデザインできてしまう。 今回はこのデザインを元にAdobe XD CCの使い方を学んでいこう! Adobe XD CCのスタート画面の使い方 Adobe XD CCをインストールしたら最初に次の画面が立ち上がり、デバイスから選ぶ形でアートボ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く