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制作関連

    HTMLメールのプレビュー方法 -Thunderbird編-

    HTMLメールを作ったんですが、どうやってプレビューすればいいの?…

  2. WEB制作関連

    jQueryベースのグローバルナビゲーション20選

    主に大規模サイトのグローバルナビゲーション向けのjQueryプラグイン…

  3. WEB制作関連

    色とWEBデザイン -あか編-

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

  4. WEB制作関連

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

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

  5. WEB制作関連

    今どきなUIデザインサンプル35個

    アプリやWebサービスのインターフェイスに役立ちそうなUIサンプルです…

  6. WEB制作関連

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

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

  1. 話題・トレンド

    ガンダムもそう遠くない未来になってきた!?
  2. WEB制作関連

    写真を効果的に魅せる6つのjQueryギャラリー
  3. ソーシャルメディア

    Twitterがリニューアル。
  4. 話題・トレンド

    Web Designing 2012年8月号に執筆させてもらいました。
  5. WEB制作関連

    色とWEBデザイン -みどり編-
PAGE TOP
Top