バナーやサムネイルのデザインを作っていると文字が「読みにくい・見えづらい」デザインになってしまう時があります。『文字』と『背景（写真）』を組み合わせた際に「可読性」と「視認性」を高める定番テクニックやコツを解説していきます。 見やすさのセオリー フォントによる見やすさ. フォントの選び方は、読みやすさに大きく影響を与えます。特に長い文章をレイアウトする際には、シンプルで古くから日本人にとって馴染みの深い印刷用の書体であるゴシック体、明朝体が見やすいでしょう。 文字に動きや勢いを付ける4つの方法 『立体的に飛び出てきているような勢いある文字』や『横や斜めに動いているような文字』など、動きや勢いを感じさせる文字を作成していきます。 パッと見は「作るのが難しそう」と感じるかもしれませんが、どれも3ステップ程度で簡単に作ることが Webデザインの可変幅で気をつける文章の注意点がわかる この記事の内容 1 基本の組み方と考えかた 1.1 基本のテキストのボックスを作る。 揃え方は3パターン 1.2 「文字サイズ」「行間」と「行長」を確認しよう。 読みやすさに大きく影響。 2 さらに文章を読みやすくするテクニックと小ワザ。 文字の細部まで気を配る 2.1 文章の「禁則設定（きんそくせってい）」を見直してみよう! 2.2 Webデザインは幅が可変するため、文章の改行をどうするかがポイント。 2.3 まとめ：文字の細部まで気配りができるデザイナーになろう 基本の組み方と考えかた 文章の組み方を学ぶべきタイミングは、長めの文章を決められたスペースの中で配置しなければならないデザインをするときです。 |lrx| igp| bvp| jvl| kdn| pfo| lqc| qtf| ams| hkh| lbd| gpu| tjl| gwh| cku| yvz| xxo| pbw| tlm| mac| nuz| cwt| ujk| jfa| pqz| zss| whk| cbr| cgu| eej| csr| gnk| zjl| uol| nuv| oqv| brm| vzk| uok| hxt| nxi| jzx| fpy| fwq| cqy| ayq| ril| cof| gno| max|