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デザイン30個

    WEBサービスやアプリケーションの紹介には欠かせないスクリーンショット…

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

    ツールジプシーの果てに。

    先日、「WEBディレクターの為のEXCEL術(1)作業スケジュール」と…

  3. WEB制作関連

    レトロなデザインのWEBサイトまとめ

    レトロな雰囲気を持ったデザインのWEBサイトのまとめです。 (…

  4. WEB制作関連

    便利なアイコン配布サイト10+1

    アイコンを作成の際に利用する便利なサイトをまとめましたので紹介します。…

  5. WEB制作関連

    便利なオンライン校正管理ツール19選+2

    いろいろ試しているんですがなかなかこれといった手法に行きつかないデザイ…

  6. WEB制作関連

    Word×Dreamweaverで高速コーディングをするワザ

    WEBサイトをコーディングする際にMicrosoftのワードで原稿をも…

  1. WEB制作関連

    複数の動画を設置できる「jQuery Youtube Player 」
  2. 話題・トレンド

    パイロットから見たL.A.の夜景が素敵すぎる。
  3. WEB制作関連

    フリーで使える高品質な紙のテスクチャー40個まとめ
  4. WEB制作関連

    WEB制作者なら必ず入れておきたいFirefoxアドオン50個
  5. Design Items

    食卓をドラマティックに演出する「Manga Food Plates」
PAGE TOP
Top