🌟✨design-s's diary📔📖

今回からシングルカラム型レイアウトのバリエーションを取り上げて行く。
先ずは 標準的なものからです。
上から下へコンテンツを垂直に配置したシングルカラムの基本形のレイアウトだ。
ある例では 情報量がそれほど多く無いため、背景は全面に敷いているものの コンテンツの幅を少し縮め 文章を読み易くしている。
縦に長くなると 情報の境界線が分かりにくくなるため、メインコンテンツの部分は ブロックごとに背景色を変え 境界線を明確にするとメリハリがつく。
この場合 マルチデバイス対応するときには スマートフォンの様な小さな画面で見ても レイアウトにほとんど変化がない。
レイアウト以外では ナビゲーションの位置や文字サイズ、行間に 注意すれば良いことになる。

例を挙げると
こちら・・・リンク先です。
エークラスミュージック株式会社・・・リンク先です。
注意書きの例として
People & Store・・・リンク先です。
お知らせとナビゲーションがページの下部に固定してある。スマートフォンでのユーザーの操作する指の位置を想定して、下部に固定してあるものも多い。

✨ 早速 シングルカラムのもので 背景色を色分けして見たいですね。但し、区切って 色分けする仕方は どうするのかな？研究して見ますね〜〜(⌒▽⌒)