公開日 2015.10.06

【Webデザインの中のデザイン集-フォント編-】

こんにちわ。
キューブデザイナーの片山です。

突然ですが、皆さんは、
ウェブフォントデザインアワードという
コンペティションをご存知でしょうか？

これは、日本語Webフォントによる
Webサイト表現・技術・アイデアのための
コンペティションです。

最近、デザインを見ている中でも、
遊び心のあふれた、面白く個性的なフォントを
よく見かけます♪

そこで！今回はそんなフォントに注目して、
サイトのロゴマークや紹介されている商品名に使用されているフォントなどなど
webデザインの中のデザインについてお話ししたいと思います！

この記事の目次

■下鴨茶舗

京都の下鴨にある茶舗のサイトです。

商品の写真が縦に並んで配置されている、
主に商品紹介サイト！

そんな商品に注目してみてください。

「下鴨」の「下」という文字！
和風らしい明朝体とイラストが
組み合わさったデザインですね。

色合いは落ち着いていますが、
イラスト+フォントという遊び心を取り入れること、
印象に残りやすいデザインになっているのではないでしょうか？

下の方にいくと、「加茂川」や「糺の森」
というデザインが入った商品も！

簡単な図形が組み合わさり、ひとつのイラストにも見え、
そして、ちゃんと文字として読める!!
バランスもとても良くて、
素敵なデザインですね(*^^*)

パッケージを見た瞬間、デザインだけをみて
思わず買ってしまいそうなお洒落さが
魅力的なのではないでしょうか。

果物や野菜などの物販がされるイベントのサイトです。

まず、TOPを見て目に飛び込んでくるのは、
「太陽のマルシェ」というロゴマーク!!

これも上記で紹介した文字と似ていますね！

可愛らしいイラストと明朝体が組み合わせたデザインです。
ただイラストと文字が組み合わさっているだけではなく、
イラストのテイストに合わせて文字も少し手書き感のある
フォントになっているのがわかるでしょうか(*^^*)

また、一つ一つのフォントに対して、余白が多めにとってあり
見やすさも重視していますね。
サイトに使用されている、その他のフォントも
同じように、余白を少し広くとってあり、
全体のバランスもきれいなサイトではないでしょうか？

ananの読者モデル200人が在籍するanan総研で、
女性に向けての情報などを発信しているサイトです。

このサイトの、ロゴマークから見ていきましょう！

濃い目のピンクと水色で
細いフォントが適度にくるっと丸まった部分があるロゴマーク！

丸くて緩いフォントは女性らしさがでていますよね♪

また、このフォントにあわせて、ほかにも工夫が!!

まずは、上に配置されているナビゲーション！
「∞」のマークでロゴと同じくるっとしたデザインが使用されています。

それから最新記事のところなんかにも！

ちょっとした見出しには、「総研」と同じ細めの丸いフォントが使われており、
統一感がでていますよね♪

Webデザインの中から見つかるフォントデザイン！
デザインによって使われるフォントや
また印象に残りやすいユニークなロゴが
発見できたのではないでしょうか？

デザインをするときにも、印象をがらりと
変えてしまうフォントは、
選ぶのが大変ですが、これからも
いろんなフォントを知って行きたいですね～。

以上、「Webデザインの中のデザイン集-フォント編-」でした！
次回もお楽しみに！

一覧へ