マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

【2014年総まとめ】今年一番多く使ったWEBフォント

投稿日:2014年12月26日 更新日:

こんばんわ~WEBデザイナーのHです。

本日はこの1年間、実際のWEBデザイン制作を通して、一番多く使ったWEBフォント、トップ3をご紹介します。
中には有料のものもありますが、社内で共有することを優先する場合は、ライセンスフリーのものをおすすめします。

Web concept, vintage letterpress text

第一位 ヒラギノ角ゴ

01
困ったときのヒラギノ様。どんなデザインにもあわせられる魔法のようなフォントです。
さらに、新ゴに比べて、角張った感じがなく、スムーズな曲線美は、とても見やすく、ユーザービリティもダントツです!
トップページのメインの大キャッチにも使えますし、サブキャッチにも使える、さらには下層デザインの説明文にも使える。
多種多様すぎて、使えないところが無いのではないかという、すごさを持っています。

何より美しくて読みやすい、というのが一番の理由ですね。
長い文章を読ませたい!と思うフォントはヒラギノを使うと間違いありません。

第二位 筑紫明朝

02
今年、私の中で大ブレイクしました筑紫明朝様。このフォントはフォントワーク社様の有料フォントで、
1PCにつき1ライセンスという、とても希少価値の高いフォントです(笑)
それゆえとは言いませんが、とても美しく存在感があり独特でありながら馴染む印象も与えるフォントです。
トップページのメインの大キャッチコピーにインパクトを与えるために、何度もお世話になりました。
ただ、共有が難しいので、多様はできないというのが難点ではあります。。

第三位 AXIS

ƒtƒHƒ“ƒg

アクシスフォント様。こちらは英文フォントです。
WEBデザインをする際、よく日本語文字でタイトルを書き、その横や下に10pxくらいで英語フォントを置いて
かっこいいイメージを演出します。その英語フォントでよく活躍してくださいました。
こちらもヒラギノ角ゴのように、どのようなデザインにもあわせやすいので、時間がなくてもクオリティをそこそこ保たないといけない
デザインの時に大活躍してくださいました。

圏外だけど個人的に好きなフォント はんなり明朝

04
はんなりとした大正ロマンっぽい感じが、味があって好きなフォントです。
大体、トップページのメインにしか使えませんが、独特の雰囲気を出したいときに使っています。
ですが、残念ながら、大抵のディレクター達からは「他のフォント使って。」と低評価。。
私の力不足ではんなり明朝様を活かすことができないことを悔やみます。。

WEBデザイナーの皆様、フォントに迷ったときは是非、参考にしてみてください。
優秀なフォントの皆様が、素敵なデザインのお手伝いをしてくれます。

ではよいお年を♪

-WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

「CSSを設定したのに効かない!?」っていうことありますよね。 その場合、一概には言えませんが、もしかしたらCSSの書き方が原因かもしれません。 下記を参考に、CSSを書き直せば直る可能性もぐっと高ま …

先取り!2015年に流行るWEBデザインのトレンドは!?

先取り!2015年に流行るWEBデザインのトレンドは!?

こんばんわ!あと1カ月で2014年も終わりを迎えます。。 この時期に気になるのは来年のWEBデザインの流行です! 毎年、新しいデバイスが発売され、めまぐるしい進化を遂げるWEB業界は先読みして情報を掴 …

【Photoshopのすごいテキストエフェクト】クールなフォントでデザイン力アップ!

デザインをしている時に、最も人の目に触れるメインの処理について悩む事はありませんか? そんな時、フォントをPHOTOSHOPで少し凝ったエフェクトを使ってデザインすることで、デザインの質が2倍にも3倍 …

面白い動きや便利な機能をJSで実装! その3:一目で印象に残るアニメーション背景を作成!

web制作をされている方ならば、サイトを訪れてくれた人を少しでも長く引き留めたいと思われると思います。 一体どうやって見てくれる人の興味をひけるのか。色々な方法がありますが、その一つとして面白い動きを …

制作部隊に仕事を依頼するときに最低限必要な5つのこと。

制作部隊に仕事を依頼するときに最低限必要な5つのこと。 こんにちは。WEBデザイナーのKです。 本日はWEBデザイナーやプログラマーなど制作関係の方に、仕事を依頼するときに、 最低限抑えておかなければ …