WEB制作関連

タイポグラフィを生かしたWEBデザイン20個

タイポグラフィを効果的に用いたWEBデザインのまとめです。タイポがおしゃれなムービーとあわせてどうぞ。

Coreymade

typo_webdesign_01.jpg

Red Tiki

typo_webdesign_02.jpg

We are cupcake

typo_webdesign_03.jpg

Syropia

typo_webdesign_04.jpg

El Dorado

typo_webdesign_05.jpg

Column Five Media

typo_webdesign_06.jpg

Beercamp

typo_webdesign_07.jpg

Six11ink

typo_webdesign_08.jpg

ちなみに初期のタイプグラフィとは

印刷物の読みやすさである可読性や、視認性、そしてその美しさを得るために、活字の配置・構成やその属性すなわち書体、字体の大きさ(ウェイト)、行と行との間隔(レディング)、文字と文字との間隔(カーニング及びスペーシング)、印刷紙面上での活字が占める領域の配置・構成(レイアウト)などを設定し、経済的に効率良く印刷物を出版すること

だそうです。当たり前のようでなかなか奥深いですね。

Rockwell from Jordan Clarke on Vimeo.

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    色とWEBデザイン -ピンク編-

    色別WEBデザインのまとめです。今回のテーマは「ピンク」です。…

  2. WEB制作関連

    ワイヤーフレーム作成に便利なWebツール「Moqups」

    最近利用している人をよく見かける機会が増えたこの「moqups」ですが…

  3. WEBディレクターズマニュアル

    WEBディレクターの為の便利ツール「Support Detail」

    エラーが起きていると言われたけど自分のPCでは再現しない。そんな時はま…

  4. WEB制作関連

    味覚も視覚も刺激する飲食店のWEBサイト33個

    いろいろなジャンルの飲食店のWEBサイトのまとめです。&nbs…

  5. WEB制作関連

    行政機関・自治体のWEBサイトまとめ

    首相官邸のWEBサイトの構築費が4500万で高すぎるなんで話題なってい…

  6. WEB制作関連

    EVERNOTEの新機能「Site Memory」実装編

    EVERNOTEからリリースされた新機能「Site Memory」を早…

  1. WEBマーケティング

    「囚人のジレンマ」を回避した一言とは?
  2. iPhone

    超速クリア動画がスゴい。「Touch the Number」
  3. WEB制作関連

    X’MASにぴったりなPhotoshopのレイヤースタイル
  4. 話題・トレンド

    2011年の振り返りと2012年の展望を考えてみた。
  5. Design Items

    ピンチをチャンスに変えたテーブルクロスとは?
PAGE TOP
Top