Version1.6の新しいデザイン・フレームワーク

bingo!CMSで作成するページのデザインは、すべてスキンとコンテナ(段組み用にカラム分けが設定されたデザイン要素の入れ物)の組み合わせが骨組みとなっています。bingo!CMSはリリースされるバージョンに合わせて、都度その機能を活かすためのスキンを提供して参りましたが、残念ながら「固定幅のスキン」「固定化されたカラム設定」という枠を抜け出る事はありませんでした。

bingo!CMS Ver.1.6では、従来の「固定幅のスキン」「固定化されたカラム設定」を取り去る事で新しいデザインの流れに対応します。またコンテナに新しい機能を持たせる事で表現力の幅を大きく進化させました。

新しいデザイン・フレームワーク対応のスキン

画面幅一杯に画像やコンテンツを表示できる新しいスキンを用意しました。
新しく用意されたカラム間隔の無いスキンを利用する事で、コンテンツの配置間隔を自由にコントロールできるようになりフラットデザインに代表される「パネルデザイン」も容易になりました。


コンテナ毎に
背景色、背景画像や背景動画を設定

  • コンテナ(ページ内の段組み編集を可能にするフレーム)毎に背景色・画像・動画を設定できます。
  • 画像は用途に合わせて、画面全体を覆う表示方法など5パターンを用意。
  • 動画はページが表示されると自動再生され、ユニット(コンテナ内に配置するデザインパーツ)を手前に配置することで、動画に説明を加えたり、メッセージを表示することが出来ます。
ストーリーの流れに合わせて
背景色を変更する事で
「背景色が変わる=流れが変わる」
という演出につながります。
無機質な単色の背景から写真の背景へと変わる事で、一瞬写真の中の世界に引き込まれます。写真の手前に文章を適切に配置する事で、読み飛ばされる事が多い文章も、内容を効果的に伝える事ができます。
画像の圧倒的な情報量と世界観はメッセージを伝える
非常に有効な手段です。
動画に合わせてメッセージを表示することで
より多くの相乗効果が期待できます。
※動画はスマホ、タブレットでは表示されません。
※動画は Kannax Pte. Ltd.様の了解をいただき使用致しております。

コンテナ毎に上下左右にパディングを設定

コンテナ毎に上下左右にパディングを設定できるため、画面幅100%の画像を背景にコンテンツをゆったりと配置する事ができます。パデイングはピクセル(px)とパーセント(%)の2種類で設定できるため、用途に応じて全体の配置関係を大きく崩す事無くレイアウトすることができます。
緑線の外側のグレー部分は、コンテナ内の上下左右に
 パディング 左右=各10% 上下=各50px
この文章のテキストエリア(ユニット)にも
 マージン 上下=各50px 左右=各8% (緑線の内側の濃いグレーの部分)
 パディング 上下=各20px 左右=各50px

bingo!CMS Ver.1.6をもっと知るためのリンク


 

価 格
システム要件
動作検証済み推奨サーバー