BlockDesign

ダウンロード

ダウンロードページ press2_003公開しました

一覧に表示したい文字数が多く001では可動性が悪い時におすすめブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録についてから会員登録をしてください。会員の方はログインしてください。
ダウンロード

ダウンロードページ press2_002公開しました

休診や夏季休業などのお知らせのように画像がない投稿がメインのときブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録についてから会員登録をしてください。会員の方はログインしてください。
ダウンロード

ダウンロードページ press2_001公開しました

横長のサムネイル設定でシンプルにきれいに並べるレイアウトブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録についてから会員登録をしてください。会員の方はログインしてください。
無料会員向け

billboard_001についての説明

ビルボード部にスライドショーを配置するのはよくあると思います。BiNDではスライドショーを作成・編集するためにSHiFTというソフト(アプリケーション)がついています。スライドショーパーツを選択するとSHiFTが起動しスライドショーを作成で
無料会員向け

contents_002についての説明

画像に回り込み設定をしたコンテンツブロック そこでブロックのCSSで指定する方法で対応したコンテンツ用のブロックデザインです。画像に対してwidth:50% , float: leftを指定し、さらにpaddingで画像の右と下に余白がつく
無料会員向け

features_002についての説明

パソコンは4カラム、スマホでは2カラムの基本的な設定カラムwidthの設定はなしの4分割。スマホレイアウトでは2列表示。カラム3、カラム4のpadding-topに余白を設定。各項目で説明文の文字数が少ないときスマホでは2カラムが可能。
ダウンロード

ダウンロードページ footer_008公開しました

4分割したブロックの一番右側の幅を広めにとりバナーを並べるような提案のフッター。スマホでは2列のメニューの下にバナーとしたいためにスマホ用のフッターはブロックを別けています。ブロックデザインデータのダウンロードはゴールド会員限定です。会員登
ダウンロード

ダウンロードページ footer_007公開しました

街並みなどの横長1色のイラストをフッターの色と合わせてレイアウト。ブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録についてから会員登録をしてください。会員の方はログインしてください。
ダウンロード

ダウンロードページ footer_006公開しました

大きなイラストなどがあり、その一番下の色の濃い場所に白抜きのフッター表記を載せるパターン。背景指定の画像と高さ・余白の設定で位置を合わせています。ブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録につい
ダウンロード

ダウンロードページ footer_005公開しました

左右に分割したブロックで左はロゴ・会社概要など、右はサブメニューと電話・フォームへのリンクというレイアウト。色を分けた次のブロックに右寄せでコピーライトを配置しています。ブロックデザインデータのダウンロードはゴールド会員限定です。会員登録が
ダウンロード

ダウンロードページ footer_004公開しました

3つのブロックを組み合わたフッター。メインはコンテンツを詳細で並べたメニューと、横に並べたサブメニューは上下を区切り線で挟み多少立体感をもたせたラインにしています。ブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの
ダウンロード

ダウンロードページ footer_003公開しました

メニューBの中央配置でサブメニューをフッターに配置。1行のキャッチコピーとコピーライトのシンプルなフッターです。ブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録についてから会員登録をしてください。会員
ダウンロード

ダウンロードページ footer_002公開しました

背景に濃い色を2トーンで設定。ロゴと会社概要を左右に別けてたっぷりの余白で配置し、コピーライトは色を変えた次のブロックに配置しています。ブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録についてから会員
ダウンロード

ダウンロードページ footer_001公開しました

シンプルにコピーライトを中央に配置しただけのフッターブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録についてから会員登録をしてください。会員の方はログインしてください。
ダウンロード

ダウンロードページ header_009公開しました

モーションメニュー「バルーン」でメニューを作ったパターン。メニューを線で囲い、マウスオーバーで色が変わる設定はDRESSで設定しています。ブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録についてから会
ダウンロード

ダウンロードページ header_008公開しました

ヘッダー右側に電話番号や営業時間、住所などの表示を入れたい時に使えるレイアウト。メニューはブロックを別にして中央揃えで並べています。ブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録についてから会員登録
ダウンロード

ダウンロードページ header_007公開しました

ビルボード部に大きくレイアウトする画像の下にメニューのブロックを配置したレイアウト。スクロール時にはページの上部に固定されます。ブロックデザインデータのダウンロードはゴールド会員限定です。会員登録がまだの人は会員登録についてから会員登録をし
ダウンロード

ダウンロードページ header_006公開しました

背景に指定した画像に載せるメニューブロックと、スクロール時に表示されるゴーストヘッダーの組み合わせ。スマホでは画像のレイアウトも変わるため、別のブロックでスマホ用のヘッダーを作っています。ブロックデザインデータのダウンロードはゴールド会員限