マーカーネット株式会社

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

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

関連記事

【Illustrator】簡単!マーブル模様の作り方

マーブル模様って、パターンと違って規則性もないし、表現するのは大変ですよね。 アナログで作るのにも道具を引っ張り出すのも面倒・・・失敗するのも怖い・・・ そこで、Illustratorで簡単にマーブル …

海外で人気のあるPHPのyiiフレームワークを使用してみました。

海外で人気のあるPHPのyiiフレームワークを使用してみました。

海外では、人気のあるPHPのyiiフレームワーク使用してみました。 1. yiiをhttp://www.yiiframework.com/ダウンロードしまして、 ソースコードを任意のwebの公開ディレ …

【デザインに一工夫】ちょっと変わったアイコン素材サイト3選

【デザインに一工夫】ちょっと変わったアイコン素材サイト3選

日頃WEBデザインの仕事に携わる関係上、素材サイト巡りをすることがよくあります。 その中で、最近面白いなと思ったサイトをご紹介したいと思います。   ヒューマンピクトグラム2.0 http: …

【フラットデザインに+α】2014年のWebデザイントレンド3選

【フラットデザインに+α】2014年のWebデザイントレンド3選

近年、あちこちのサイトで見かけるようになったフラットデザイン。 レスポンシブと組み合わせたり、フルスクリーン表示にさせたりと応用法も様々に、オシャレなWEBサイトが増えていますね! そこで、今回はこの …

Movable Type6がリリースされました

Movable Type6がリリースされました

movable type6 以下の新機能が追加されたとのことです。 – Data API APIを通じてMovable Typeの管理画面の操作や記事の読み込みが可能になったとのことです。 – Cha …