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サイト心理学|視線解析

    「ウソを付く時に人は右の方を見てしまう。」というのを聞いたことはありま…

  2. WEB制作関連

    jQueryを学ぶなら必ず見ておきたいサイトまとめ

    今年こそはjQueryを学ぼうという方、またサンプル通りにやれば設置で…

  3. WEB制作関連

    必ず入れておきたいポピュラーなフリーフォント30選

    どこかで見たことのあるあのフォントを含め、何かと重宝しそうなフリーフォ…

  4. WEB制作関連

    レトロな雰囲気が素敵なWEBサイト20個

    レトロな雰囲気を醸し出しているWEBサイトのまとめです。 (さ…

  5. WEB制作関連

    WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ

    WEB制作に携わる方であれば業務の中で目にしたり、自分で作成したことが…

  6. WEB制作関連

    デザイナーなら必ずダウンロードしたいグラフィティなフォント25選

    ちょっと遊んだデザインやアパレル関連などに重宝しそうなグラフィティなフ…

  1. WEBマーケティング

    2010はてブ年間ランキングに学ぶ記事タイトルのつけ方。
  2. WEB制作関連

    今どきなUIデザインサンプル35個
  3. 話題・トレンド

    やっぱりストリートビューはすごかった。
  4. Design Items

    おしゃれに節水できる蛇口があった。
  5. WEB制作関連

    WEB制作者なら必ず知っておきたいWEBツール21選
PAGE TOP
Top