2018年2月24日
  |  ログイン
 

 VACCO-SIMPLE01-COLOR 最小化

【概要】

シンプルなレイアウトに、複数の色を一つのスキンに収容。最低限のデザインに画面を目一杯使える実用性重視のスキン。

【レイアウト】

各色とも3ペイン(左+中央+右)と2ペイン(左+中央)の二種類。メニューは縦方向のみ。各ペインの幅は、両サイドのコンテナは固定幅(200px)で、センターはウィンドウに応じて可変(100%)。コンテナの配置場所は不問。

【色】

タイトルバーの色や有無により、AZUKI, BLUE, NOTITLE, ORANGE, OLIVE, PURPLE, UGUISU, PINK, GRAY, RED, YELLOWのスキン&コンテナ。

【注意事項】

ヘッダ部左にロゴ、右部に写真などを入れるバナーペインがあり、両者が重なるとレイアウトが崩れるので留意が必要。またセンターも可変幅のため、大きい画像やテーブルを入れると、ウィンドウを小さくしたときにレイアウトが崩れる場合があるので、そのあたりを考慮しつつコンテンツを作成。

【適用事例】

アトリエM(Olive)

http://atelier.vacco.net

              
 

タイトルなしのコンテナの例