blog
- top
- blog
- design_thing
- デザインの幅を拡げる。フリー(無料)で使えるフォントwebサイト4選
design_thing
- top
- blog
- design_thing
- デザインの幅を拡げる。フリー(無料)で使えるフォントwebサイト4選
デザインの幅を拡げる。フリー(無料)で使えるフォントwebサイト4選
2019.06.10.
デザインを形にしていく上で大切な要素といえば「フォント」。シンブル、女性らしさ、高級感、子ども向け・・いろんなデザインテイストがありますが、適切なフォントを選ぶことでよりデザインにエッジを効かせることができます。
フォントはすべて有料というわけではなく、無料で配布されているいわゆる「フリーフォント」というものもあります。フリーフォントの大半は英語ですが、最近は日本語のフリーフォントも増えてきましたね。なのでボクがよく使わせてもらっているwebサイトを紹介したいと思います。
PhotoshopVIP
はじめに紹介したいのはやっぱり「PhotoshopVIP」。このサイトにはお世話になりっぱなしです(笑)。年度別にフォントをまとめて紹介してくれていたり、筆記体や手描きフォントなども種類別で紹介してくれたり、かなり親切な素材webサイトです。フォントだけではなくデザインに役立つモックアップやチュートリアルなどいろんな素材を紹介してくれているのも素晴らしい。
紹介先のwebサイトはほとんど海外のサイトなので「どこからダウンロードすればいいの?」的な問題はよくありますが、それを差し引いてもブックマークしておきたいwebサイトです。
DaFont
PhotoshopVIPはいろんな素材紹介サイトですが、DaFontは完全にフォント特化型。フォントの数はかなり多いのですが、すべてのフォントが各カテゴリに分けられていて探しやすい。カテゴリ名は英語ですが「なるほど、こういうフォントはこんなカテゴリに入るんだな」という勉強にもなります(笑)。
各フォントの右端にはダウンロードボタンが付いていて、探す時間を大幅に短縮できるページデザインなのも素晴らしい。気になるフォントをすぐダウンロードして使ってみて・・を繰り返すことができるので制作に集中できる時間も確保できます。フリーのフォントだけを探すならDaFontは外せないですね。
fontfabric
fontfabricはまずwebサイトデザインがおしゃれ。最近リニューアルしたようで、さらにおしゃれになりましたね。フォントは有料のものから無料のものまで揃えられていて、何でもかんでも揃っているというよりはクオリティの高いフォントのみを厳選して揃えているといった感じです。
海外のwebサイトで日本語対応はされていないですが、フォントのディティールで直感的に探すといった感じのインターフェースなのでデザイン的にもインスパイアされそうです。
FFONTS
FFONTSもDaFontと同じくフリーフォント特化型のwebサイトで、こちらも海外サイトだと思うのですが、日本語対応しているのが特徴です。ちょっと日本語が怪しい部分もあるのですが・・(笑)自分で制作したフォントもアップロードできたりするのでフォントづくりに興味のある人にはいいかもしれません。
フォントが変わればデザインも変わる
フォントの知識を身につけると、あらゆる書体が街中に溢れていることに気づきます。そしてその書体が対象物にとって最適なのか、自分ならどんなフォントを使うかを考える癖をつけるとよりフォントを知ることができ、デザインに深みを持たせることができると思います。ボク自身もまだまだ知らないことが多いので、勉強しながら使っていきましょう。
※フリーフォントは便利ですが注意点もあります。無料で使えるフォントでも配布者によっては規約があったりするので、商用利用可能なのか、そこだけはちゃんと確認して守るようにしてください。
はじめましてBUROKIです。
ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)
制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。
ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。
latest contents
最新コンテンツ一覧
categories
カテゴリ一覧
Blog Ranking
人気ブログランキング
illustratorにてプレゼン用のスライド資料をつくる前にやっておきたい設定
2020.02.06.
illustratorにてプレゼン用のスライド資料をつくる前にやっておきたい設定
2020.02.06.
どんなフォントにも対応できるステンシル風加工のやり方と考え方
2021.03.14.
意外と簡単なiMac2019のメモリ増設方法。8GBから40GBにしてみた
2019.08.28.
どんなことしてる?デザインアイデアが浮かばないときの解決方法
2019.05.10.
blog ranking
人気ブログランキング
illustratorにてプレゼン用のスライド資料をつくる前にやっておきたい設定
2020.02.06.
illustratorにてプレゼン用のスライド資料をつくる前にやっておきたい設定
2020.02.06.
どんなフォントにも対応できるステンシル風加工のやり方と考え方
2021.03.14.
意外と簡単なiMac2019のメモリ増設方法。8GBから40GBにしてみた
2019.08.28.
どんなことしてる?デザインアイデアが浮かばないときの解決方法
2019.05.10.