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

    使いづらい(!?)けどフリーで高品質なアイコン素材60個

    「汎用性がない。」「何に使うの?」というものもありますが、ピッタリはま…

  3. WEB制作関連

    パララックス効果で奥行きを魅せるWEBサイトまとめ

    パララックス効果とは視差効果ともいい、平面で重なり合う画像を異なる速さ…

  4. WEB制作関連

    jQuery+Ajaxで実装するファイルアップローダー

    jQueryを利用したファイルアップローダーのまとめです。 (…

  5. WEB制作関連

    どこまでも横に展開していきそうな25個のWEBサイト

    横スクロールで展開するWEBサイトのまとめです。…

  6. WEB制作関連

    デザイナーなら必ず知っておきたい国内素材サイト22選

    デザインにはかかせない写真やイラスト、動画などの素材サイトのまとめです…

  1. 話題・トレンド

    Photoshopでクッキーをつくる。
  2. Design Items

    トイレットペーパーを蘇らせた2人のアーティスト
  3. 話題・トレンド

    思わず目を疑ってしまうペットの捜索願い
  4. Design Items

    ストレスフリーなネクタイ
  5. ソーシャルメディア

    Twitter管理に役立つツール6選
PAGE TOP
Top