EASY-WEB
サンプルデザイン紹介ページ
画像メインのページデザインサンプルです。
見出しと説明文の下に画像とその説明を並べる様にデザインしています。
メインは画像と文章のセットを任意の数だけ自由に追加できるパーツを利用しているところです。
一番下には一般的な施設情報を記載するテーブルと、GoogleMapの埋め込みタグを貼りつけています。
上記のサンプルページ1にサイドメニューを付けた物です。
ページの説明文以外はすべて同じ内容としておりますので見比べて頂ければと思います。
サンプルページ1と同じデザインで全体の色を変更した物です。
正方形の写真を並べるパーツを利用したページです。
利用パーツは、複数の正方形からなるパーツとサイドメニュー・正方形パーツ下部のお知らせ用テーブルパーツの3点のみです。
少ないパーツでシンプルに作り、情報発信量はそれなりに増やせる手法として参考にしていただければと思います。
ブログタイプのパーツ使用例です。
使用ブログパーツは単体で、サイドメニューが付いてきます。また、ブログのタイトルリストもサイドメニューの下に追加されていきます。
最近良く見かける背景が固定されたままスクロールするタイプのパーツを利用したサンプルです。
背景画像1枚を固定で表示し、その上に背景色のあるパーツや影を付け画像上でも読みやすくした文字列を乗せました。
メインビューには画像を利用していませんが、文字のみでスライド表示できるようになっています。
基本的にスライドする情報個数の上限は決まっていませんが、あまり多すぎると表示に時間がかかる事があるかもしれません。