近接を意識したデザインとは、「関連する項目ごとにグループ化してまとめる」「他のグループとの間には十分な余白を設ける」ことです。 同じグループの要素を近くに配置して、グループ間の余白を程よく与えることで見やすく、わかりやすいデザインに仕上げることができます。 整列の法則. 整列を意識したデザインとは、「すべての要素を意図的に配置して統一する」ことです。 これにより、見た目もすっきりとして整ったデザインに仕上げることができます。 整列には、「左揃い」「右揃い」「上揃い」「下揃い」「中央揃い」があり、上画像のようにテキストの左端を揃えて配置することで、すっきりと整ったデザインになります。 反復の法則. 反復を意識したデザインとは、「要素を繰り返し用いて統一感や一貫性を持たせる」ことです。 【目次】 余白の効果とは? 情報の干渉を和らげる. 情報をわかりやすく! 印象を操作できる. 余白を使うときのルール! コンテンツのまとまりを意識する. コンテンツの上下余白を決める. 行間・文字間を考える. まとめ. 余白の効果とは？ 「余白」とは「ホワイトスペース」 (white space)やCSS内では「マージン」（margin）「パディング」 (padding)と呼び、構成の中で何も配置されていない領域のことをいいます。 余る白と書いて余白といいますが決して余計なものではありません…! 以下から余白の効果について紹介していきます! 情報の干渉を和らげる. 余白には情報の干渉を和らげる効果があります! 分かりやすく良い例と悪い例を作成しました。 |fwz| nxu| ixi| tjd| cxc| joe| umf| wca| yyj| zrj| qcg| ycm| mow| crw| sbo| ulz| syo| lhr| fqz| tnu| ilu| ubr| tfs| wzp| cfa| wiq| vru| msi| uej| djw| dhq| xpk| doq| vka| myw| irx| imp| hok| bfi| ojt| tdb| dej| hsj| nvn| dkx| jzq| gfh| lsm| dvq| xvg|