Marketing Blogマーケティングブログ

  1. HOME
  2. マーケティングブログ
  3. WEBサイト集
  4. 【Webデザインの中のデザイン集-フォント編-】

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

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

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

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

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

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

■下鴨茶舗

shimogamo
http://nananozaki.com/shimogamo-tea-house.html

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

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

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

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

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

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

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

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

■太陽のマルシェ

taiyo
http://timealive.jp/marche/report/

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

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

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

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

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

■anan総研

souken
http://anansoken.magazineworld.jp/

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

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

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

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

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

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

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

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

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

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

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

Share On