料理が美味しく見えるレイアウト(bingo!CMS Ver.1.5)

じゃーん！
"小田原の天丼"、美味しそうでしょう。 

料理の魅力を最大限に引き出すために、 
【全体的に窮屈な印象にならないよう、バランスの良いレイアウト】
を目指しました。


bingo!CMSでのポイントは4つ。
1. 背景色を白に。 
2. 余白を広めに。
3. 要素をリズム良く配置。
4. シズルを大きめに。

言わずもがな、"美味しそうなシズル"を使用することも重要です。


それでは 具体的にbingo!CMSでは どのように配置しているのか、見てみましょう。

 左が、コンテナの配置です。 

１列、２列、３列の他に、サイズ比率の異なるコンテナユニットを配置しています。

コンテナユニットをうまく配置する事で、ほどよい余白で、バランスよいサイトを制作することができます。

◆ここでtips！
【コンテナユニット：配置テクニック】

段組みが変わる箇所だけでなく、 
要素がかわるところでもコンテナを追加してから作成すると
修正の際に手間がかからず、スムーズに編集を進める事が出来ます。

例えば、５段目と６段目の「コンテナユニット１列」の連続部分。

ここをひとつの「コンテナユニット」で制作をすすめることも可能ですが、 あえて２つのコンテナに分けておくことで、全体のレイアウトを見直し修正、追加、削除が必要になった場合でも ドラッグ＆ドロップでの移動や、ワンクリックで削除ができ、とってもスマート！

 左が、ユニットの配置です。