タグ

Webデザインとtypographyに関するhayasi-nのブックマーク (3)

  • デザインのレベルを上げる!レイアウトやタイポグラフィに関するまとめ - コムテブログ

    TL;DR 先日名刺の入稿用データを作成していたのですが、印刷物用のデザインは慣れていなかったので結構時間がかかってしまいました。Web 関係の知識だけでは、綺麗な制作物は出来ないと思い、総合的なデザインができるようにデザインの基礎を勉強。今回は Web 関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。また使う機会があるかもしれないので、メモしておきます。 レイアウト 視覚的に明快で上手に配置されたものは読者に好まれます。そういったレイアウトを作るために、余白の使い方や文字や画像配置などの知識をおさらいします。 1.アクティブ・ホワイトスペース 小さなテキストを広い余白に配置すると存在感が増し、視線の滞在時間が長くなります。余白は一見無駄のように見えますが、意図的に配置されていることが多いです。 余白の美 空白により読者のコンテンツの読み進めを制御することができ

    デザインのレベルを上げる!レイアウトやタイポグラフィに関するまとめ - コムテブログ
  • クリエイティブタイポグラフィ61総まとめ2010

    webにかかわる人も、そうで無い人もデザインにかかわる全てのクリエイターなら、一度は通る道が、タイポグラフィデザインです。 文字、いわゆるテキストさえもデザインする事で、デザインの幅は大きく広がります。 今回はそうしたクリエイターに送る資料としてホットでクリエイティブなタイポグラフィ作品をまとめました。 また、これからタイポグラフィについて記事を書こうと思った方の資料として使っていただければという思いも込められています。 キュートでかわいいタイポグラフィパターン ちょっとしたアクセント、背景に注目です。 リンク先で拡大画像が見れますが、それぞれの文字がフルーツで出来ています。 立体的な造形物です。リンク先では様々な角度からの画像が見れます。 リンク先ではそのほか様々な作品が閲覧できます。 このページでは、そのほかラブリーなタイポグラフィが閲覧できます。 チュートリアルになっています。 リン

    クリエイティブタイポグラフィ61総まとめ2010
  • http://www.designwalker.com/2009/05/illustrator-text-effect.html

    http://www.designwalker.com/2009/05/illustrator-text-effect.html
  • 1