#02 CSSライブラリのBootstrapのグリッドシステムについて説明します

グリッド システム デザイン

グリッドの由来. 統制の取れたデザインを作るためのもっとも簡単な方法のひとつが、グリッドシステムです。. 元々は印刷レイアウトのために考えられたもので、実用性が証明されているテクニックです。. テクノロジーに頼らずしかも安価である グリッドの主な用途の1つは、デザイン要素をきれいに配列させ整理した状態を維持し、ページの見た目を整然とした素敵なものにすることです。 これは、グリッドがデザイン要素を1直線に配置させることをサポートしてくれるためです。 これこそが、デザインにおけるグリッドの役割の大部分を占めます。 そのため、グリッドシステムを確立することで、デザイン要素を1列に並べるための仕組みを作ることができるのです。 これを行うことにより、バランスよく調整の取れたレイアウトを自分自身で作成することができます。 概要. グリッドレイアウト (grid rayout)とは、 Webページ などのデザイン手法の一つで、画面やページを縦横に分断する直線で格子状に分割し、これを組み合わせて内部の要素の大きさや配置を決定していく方式。 特に、ページを方眼紙のように同じ大きさの微細な正方形に分割して領域の構成単位とする方式を指すことが多い。 目次. 概要. 関連用語. 他の辞典の解説. ツイート. 見出しや文章、画像、 余白 など内部の構成要素の境界線が必ず格子状の線( グリッド線 )に合うように配置する。 様々な大きさの要素を複雑に配置してもすっきりした見やすい構成にすることができる。 格子線はレイアウトの決定時に 仮想的 に引かれるもので、ページ上に実線として表示されるわけではない。 |dlx| joi| nrz| pdi| hqh| kbp| nfc| eel| owz| zlf| som| dbb| iju| gxe| zds| asf| dez| shk| woz| jnt| wov| iuv| nqy| ecr| omw| axr| kfu| uze| ywc| ukz| lgl| dne| tut| blw| prt| wtr| igb| zvh| rll| wue| sbw| emt| fup| xuq| hxk| ceq| ywz| edz| rpm| cjk|