Webデザインにおけるタイポグラフィの考察 | ノート | dotgraphy
2016年5月16日（月）に社内勉強会でWebにおけるタイポグラフィについて発表しました。このエントリーはその発表資料です。なおこのエントリー中の例はMacのOS X El CapitanのChromeで確認しています。画像を使わずにどこまで出来るかトライしてみたかったので他のブラウザでは意図した表示をしていないです。画面サイズはPCのサイズを想定しています。 「の」「を」「と」はTypography 09の「組版上級者になるためのメソッド 工藤強勝さんのスタッフ指導」より うちでは独自でまとめた書体の見本帳があるんです。仮名の中でも書体の特徴が出やすく使用頻度も高い「の」「を」「と」などを拡大し、縦、横、それぞれの本文組の例や見出し使用例なども載せてあるので、スタッフは常にそれを見て勉強しています。 とあったので、「の」「を」「と」をTP明朝でつくってみました。 目的 紙のタイポグラフィ
Webデザイナーなら知っておきたいWebタイポグラフィの基本 | FICCナレッジブログ | FICC
Webサイトを閲覧していて、文字を読まないということは滅多にありません。情報アーキテクチャの先駆者として世界的に有名なInformation Architectsは、「Web Design is 95% Typograpy」という記事で、「Webデザインの95%はタイポグラフィである」と述べています。 私たちの行動は文字によって喚起されます。例えば、オンラインショッピングをするときに、商品のイメージだけで購入することはほとんどないのではないでしょうか。価格をはじめ、特徴や仕様、レビューなど、文字が伝える情報を咀嚼して購買を決定しているはずです。オンラインショップは実店舗とは違い、商品を手にとって確認することができませんから、文字から伝わる情報がより重要性を増すのです。 これらは、タイポグラフィのデザインがWebデザインにとって無くてはならない役割を担っている証拠だと言えるでしょう。 それで
美しく文字を組む
タイポグラフィとは Webデザインの世界では、デザイン教育を受けたことがないデザイナーが大勢います。始めたきっかけはHTMLの勉強からだったり、もともとプログラマーだったりと、その背景はさまざまです。これはWebが、プログラムや動画など、ほかのメディアよりもジャンルの要素が多いためではないでしょうか。 筆者も同じく学生時代にデザインの教育は受けていません。デザイン会社の現場で、実践とともにデザインを学んできました。しかし、デザインの仕事を始めてからスキルアップのため、重要性・必然性にかられて正式に学んだものの1つにタイポグラフィがあります。 タイポグラフィとは、デザインの中で文字を扱う技術、もしくは文字にかかわる知識・学術のことを指します。例えば、レイアウトを行う際に、美しい書体を選択することや、字間のバランスを整えて、読みやすさと視認性を高める技術がこれに該当します。 現在の商業デザイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Basic Design Note
ウェブデザイナーにお勧め！フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス
