Webデザイナーが知っておきたい美しく表現力のあるタイポグラフィの基本原則
あなたはタイポグラフィがウェブサイトの可読性・アクセシビリティ・ユーザビリティ、そしてデザインに大きく影響することをご存知でしょうか？美しく読みやすいウェブサイト制作が理想ですが、それってなかなか難しいですよね。 では一体、どのようにすれば「美しく読みやすいウェブサイト」を作ることができるのでしょうか？それはデザインの基本である「タイポグラフィ」を徹底して学ぶことです。特にお客さまと直接会話することのできないウェブサイトでは、コミュニケーションにすべて「文字」が用いられ、基本的にどんな場面でも文字は登場するので、見た目にも大きく影響するからです。事実Web Design is 95% Typographyという記事によると「ウェブデザインの95%はタイポグラフィ」とも言われるほどです。 ですから元々印刷物に対して使われていたタイポグラフィですが、我々ウェブデザイナーもしっかりとその基本原則
文字をデザインする！英文字のかっこいいタイポグラフィを作れるジェネレーター「Wordle」
どうも、やなぎさわです。資料の表紙など、文字でインパクトを出したい！なんて思ったことありませんか？ 今回は、文字組つまりタイポグラフィを自動で生成してくれるジェネレーター「Wordle」というサイトを発見したので、ご紹介したいと思います。 文字の配置や動きを自動で組んでくれるので、デザインに自信がない、文字組についてよく分からんという方でも大丈夫です。 ついでに文字の並べ方、配置で見た目も結構変わるんだなぁと遊びながら学べるかもしれません！ かっこいいタイポグラフィを作成できる「Wordle」 「Wordle」 操作はいたって簡単です。テキストを入力⇒フォントや文字組を調整⇒完了です。 まずは、サイトのTOPページから中央付近にある「Create」をクリックします。 「Paste in a bunch of text:」と言うところに、テキストを入力します。 残念ながら日本語には対応してい
CSSを使ったタイポグラフィ例を収集、コードも確認できるギャラリーサイト・typespiration
CSSによるタイポグラフィ例を収集しているギャラリーサイトのご紹介です。英語圏のサイトなので日本語はまた別ではありますが、これはこれで参考になるかと思います。まだ数が少ないので今後に期待。 CSSによるタイポグラフィ例のギャラリーです。WebフォントとCSSで、みたいなやつ。コードやカラースキームもあります。 まだ数が多くは無いですけど、こういうギャラリーサイトは珍しいので更新に期待です。 個別ページ。こんな感じで作成例とソースコード、カラースキームを確認出来ます。 スマフォの需要増加でこういう手法も日の目を浴び始めているのは確かですよね。数が増えてくれると嬉しいな。 typespiration
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォントの選び方の参考になる！世界で活躍している有名デザイナーたちが選んだフォントのランキング -Typographer’s Typefaces | コリス
ウェブデザイナーにお勧め！フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス
IDEA * IDEA
IDEA * IDEA
