「良いデザイン・反応が取れるデザイン・結果を出せるデザイン」これらをあなたが作り上げるために重要なことがあります。この中でどれか1つが大事とかではなく、それぞれが最高であれば最高のデザインが出来上がるのです。今日は、そのうちの「書体」のお話。どんなに綺麗なレイアウトで、おしゃれな配色になっていたとしても、フォントがダサかったり、全体のテイストにあっていなければ、デザインのクオリティは下がってしまいます。やってフォントを選べばいいのでしょうか?いち早く、プロレベルのスキルを身に付けたいのであれば、現役のデザイナーが実際にどうしているかを知るのが近道です。そこで、今回は現役のWEBデザイナーが現場で使っているフォントを厳選してまとめました。現役デザイナーが選んだフォントと照らし合わせて、ご自身のデザインに活かしてもらえればと思います。【お知らせ】2000名以上の人生を変えるキッカケになった「好きなことで生きていく!WEBデザイナーという働き方セミナー」では、WEBデザイン業界の「最新」ウラ事情WEBデザイナーにおける「未経験OK」のワナWEBデザインの学習で失敗した「しくじり先生」の話などをお伝えしています。「WEBデザインの学び方がわからない」「WEBデザイン業界について知りたい」という方はぜひご参加ください。>>詳しくはこちらフリーフォントの使い方おすすめのフリーフォントをお伝えする前に、フォントをダウンロードした後に、実際に使用するための手順をご説明します。Windows1.フォントのデータをダウンロードすると、Zip圧縮フォルダがお使いのパソコンにダウンロードされます。(パソコンの設定によってダウンロード先が異なるので、ダウンロードフォルダやデスクトップフォルダを探してみてください)2.圧縮フォルダを右クリックまたはダブルクリックをして展開(解凍)します。3.展開(解凍)したフォルダをダブルクリックして開きます。4.フォルダ内にある、フォントファイルを右クリックして、インストールを選択します。Mac1.ファイルをダウンロードすると、Finderのダウンロード内に圧縮フォルダが保存されます。2.ダウンロードした圧縮フォルダをクリックして解凍します。3.解凍したフォルダーをダブルクリックしてフォントフォルダを開きます。4.フォルダ内にあるttfファイルをクリックすると、フォントの見本が開くので、フォントをインストールをクリックします。Photoshopにフリーフォントを入れる方法はこちらの記事にまとめているので、合わせてご覧ください。Photoshopにフリーフォントを追加できないときの対...まずは無料でWEBデザインを学びませんか?WEBデザイン基礎学習の約40時間が節約できちゃう5大特典をプレゼント中です。\受け取りは簡単30秒!/まずはこちらのボタンをクリックして詳細をご確認ください。視認性が高くWEBデザインから紙媒体や看板まで様々なシーンで使われています。太めのゴシック体は文章に使うと、読みにくくなってしまうので、目的に応じて適切にフォントを使い分けることが重要です。Medium・Bold・Heavyの7つのウェイトが用意されています。現場では奇をてらったフォントよりも、シンプルで読みやすいフォントが重宝されています。その点、このフォントは綺麗で読みやすく、対応している漢字がとても多いので、様々な用途に合わせて幅広く使うことができるでしょう。入れておくことをおすすめしたい、非常にポピュラーなフリーフォントです。FONT」をベースに、旧漢字から地名などの固有名詞など、14,000字以上の漢字を網羅したフリーフォントです。文字サイズの大小問わず、様々なシーンで活用できるでしょう。源柔ゴシックhttp://jikasei.me/font/genjyuu/源ノ角ゴシックから派生した、丸系ゴシック体です。丸みの強さが3段階に分かれていて、源ノ各ゴシック同様7つのウェイトに分かれています。丸ゴシックは角ゴシックに比べ優しい印象を持っているため、あまりビジネスの場で使われないフォントですが、LPのヘッダーや書籍タイトルなどで使えば個性的かつ可愛い印象を与えられます。明朝体はゴシック体に並んで、非常にポピュラーなフォントです。ゴシック体は縦横線の太さがほとんど同じで装飾がないのに対して、明朝体は横線に対して縦線が太く、トメハネなどの装飾があるのが特徴です。シンプルでクセのない書体で、文字サイズの大小問わず読みやすいので、見出しなどのデザインはもちろん、レポートや企画書でもよく使われます。うつくし明朝体オールドhttps://www.flopdesign.com/freefont/utsukushi-mincho-font.html柔らかで優しい雰囲気を感じさせられる、女性が好むような綺麗なフォントです。実は、日本語は元々縦書きが主流だったため、文字の形としても縦書きで並べた方が綺麗に見えるようになっています。このフォントは横書きが主流になっている今を意識して、横に並べても繋がりを感じさせるような現代的な作りになっているので、横書きの見出しなどでも非常に綺麗なデザインが作れるでしょう。download|fontopo角丸のすっきりとした明朝体フォントです。電車の中吊り広告やテレビCMでも使われていそうな綺麗なスタイルで、見出しやヘッダーで使えば爽やかな印象を持たせることができるでしょう。明朝https://typingart.net/もじどおり、柔らかではんなりとした雰囲気のある、ひらがなとカタカナが特徴的な明朝体フォントです。うつくし明朝と少し似た雰囲気のあるフォントですが、こちらの方が比較的シンプルな書体でできているので、見出しだけでなく本文でも有効活用できます。手書き風ゴシック体や明朝体に続いて、よく使われるのが手書き風フォントです。ナチュラルでラフな手書きフォントは見出し文字の装飾から本文まで様々なシーンで使うことができます。字https://hp.vector.co.jp/authors/VA039499/手書き風フォントの中でも代表的な存在なのが「ふい字」です。サインペンで書いたような書体が特徴で、アルファベットから漢字まで幅広い文字をカバーしています。ゆるく可愛らしい印象と可読性が両立されているので。バナーからLPまで様々な場所で手書き風なデザインを演出することができます。こども丸ゴシックhttps://typingart.net/チョークやクレヨンでこどもが書いたような、丸っこい書体が特徴の手書き風フォントです。小学校3年生までに習う漢字が収録されています。これだけでかなり存在感のあるフォントなので、バナーなどで使えばガラッとデザインのイメージを変えることができるでしょう。仕事メモ書きhttp://font.sumomo.ne.jp/shigoto.htmlこちらもふい字のように、ボールペンで手書きしたような印象の手書き風フォントです。実際にメモ書きしたようなこじんまりとした書体が特徴的で、文字詰めで文字間に緩急をつけることで、より手書き感を出すこともできます。現役デザイナーが選ぶ!定番フォントランキング「現役デザイナーはどんなフォントを使っているんだろう?」デザインの勉強をされている方なら一度は疑問に思ったことがあるのではないでしょうか?もちろん、ここまででご紹介したフリーフォントも無料とは思えないクオリティで現場でも重宝しています。現場のデザイナーはこれらのフリーフォントだけで、デザインをすることはほとんどありません。そこで、実際に現役デザイナーが選ぶフォントTop5をまとめました。一部、有料フォントも入っていますが、AdobeCCに加入している方であれば全て無料で使うことができます。5位ふい字https://hp.vector.co.jp/authors/VA039499/無料フォントでもご紹介したふい字がランクインです。ランディングページなどのお客様の声で、使用されることが多く、誰かが話していたり手で書いているような雰囲気を題したいときに重宝しています。4位秀英角ゴシックhttps://fonts.adobe.com/fonts/dnp-shuei-gothic-kin-std秀英角ゴシックは100年以上にわたり開発が続けられているゴシック体で、ゴシック体特有の視認性の高さはそのまま、本文としても使いやすい可読性の高さを両立しています。余談ですが、このフォントを出しているモリサワの明朝体は「君の名は。」でも使われています。3位筑紫A丸ゴシックhttps://fonts.adobe.com/fonts/fot-tsukuardgothic-std筑紫A丸ゴシックは、丸みがあって温かさを感じるフォントです。可愛いだけでなく、大人っぽさも兼ね備えていているので、女性向けのデザインや柔らかい雰囲気を表したいときに、おすすめです。Illustratorにデフォルトで入っているフォントです。「Adobe製品に付属しているから」という理由で使っている方もいますが、シンプルで親しみやすい書体から、幅広いシーンで使えると現役デザイナーからも重宝されています。1位ヒラギノ角ゴシックhttps://www.morisawa.co.jp/fonts/specimen/1844現役デザイナーが選ぶ定番フォント第1位に輝いたのはMacユーザーならおなじみのヒラギノ明朝です。デザインでまず最初に押さえておかなければいけないことは、伝えたいことがきちんと伝わるデザインになっているかということです。その点、ヒラギノ明朝は可読性の高さと書体の綺麗さが両立していて、バナーやLPのデザインから、プレゼン資料の作成までプロ・素人かかわらず効果的に使用できるフォントです。筆ペンテイストの日本語フリーフォント。漢字はJIS基本漢字(6355字)など約9000字を収録。Rhttps://cute-freefont.flop.jp/zinpenkeba.html英推楷書https://www.ac-font.com/jp/detail_jb_007.php英推行書http://aeropres.net/release/html/644花鳥風月https://www.fontmatome.com/kachoufuugetsu/春夏秋冬https://www.fontmatome.com/shunka-shuutou/清風明月https://www.fontmatome.com/seifuumeigetsu/衡山毛筆フォントhttps://opentype.jp/kouzanmouhitufont.htm青柳衡山フォントThttps://opentype.jp/aoyagikouzanfontt.htm青柳疎石フォントhttps://opentype.jp/aoyagisosekifont.htm衡山毛筆フォント草書https://opentype.jp/kouzansousho.htm変体仮名フォントhttps://wakufactory.jp/densho/font/hentai/嵯峨本フォントプロトタイプhttps://fontdasu.com/604フォント選びを極めてデザインスキルをアップさせよう!実際に現役デザイナーが使っているフォントから、今使えるフリーフォントをご紹介してきましたが、お気に入りのフォントは見つかりましたか?くりかえしになりますが、フォント選びはデザインのクオリティに大きく関わる要素の一つです。最初はフォント選びに時間がかかってしまうと思いますが、現役デザイナーが使っているフォントを駆使して目をこやしていけば、どんどんあなたのスキルも伸びていくので、ぜひ楽しみながらデザインにトライしてみてくださいね。デザインというと、つい写真やイラストなどのグラフィックに目が行きがちですが、情報を伝える上で欠かせないのは、文字ですよね。「日本人の生き方・働き方をより幸せにし、日本をより良い国にする。」をモットーに、デザインスクールでは1700名以上に指導しています。※スクロールできます日本デザイン誰かのために生き、自分のために働く。誰かのために働き、自分のために生きる。自分が働くこと、自分が生きること、そんな当たり前のことを誰かに認められて求められる。誰もが生きたいと思う世界。誰もが行きたいと思う未来。そんな毎日を誰もが送れる日本に変えること。それを頭の中ではなく、目の前に創り出すこと。それが私たちのビジョンです。生き方、働き方、日本デザイン。/とりあえず詳細を見てみる。