基本レイアウト

“唯一無二”へのカスタマイズ

フルオーダーに限りなく近い基本構造

クオリティWebデザインでは、基本レイアウトをお選びいただき、そこからホームページを作成することで、最短3営業日というスピーディーな納品を実現しております。

基本レイアウト・・・いわばテンプレートではあるのですが、あらかじめ決められているのはレイアウト構造(骨格)のみ。ですので、ここでは「テンプレート」とは呼びません。

現在公開されている世界中のホームページも、分類してみればごく限られたレイアウトで構成されています。
同じテンプレートでも、使用する素材、色、業種の違いやお客様の想いで唯一無二のホームページが完成します!

ぜひ最後までお読みいただきたいページですが、お急ぎの方はお気軽にお問い合わせください。

構造を選ぶ

ホームページのレイアウト構造を以下のタイプからお選びいただきます。

ここでは、レイアウトのみご確認ください。メニュー・コンテンツタイトルの書体・大きさ・背景などはお客様のご要望に合わせてご提案いたします。
もちろん、同業種・異業種を問わず、「ここのホームページみたいな感じで!」というリクエストでも構いません。

メインビジュアル

ホームページにアクセスした際、スクロールなしで見える部分の構造です。ここにはヘッダー・グローバルナビゲーション・スライドショーが配置されます。

Aタイプ
Aタイプ

一番人気で、ヘッダー、グローバルナビゲーション、スライドと上から順に並ぶタイプです。

Bタイプ
Bタイプ

ロゴとグローバルナビゲーションが上部で横に並ぶタイプです。スライドショーの上にヘッダーをかぶせることもできます。

Cタイプ
Cタイプ

ヘッダー、スライドショー、グローバルナビゲーションの順に並ぶタイプです。スクロール時にメニューが上部で固定されます。

Dタイプ
Dタイプ

グローバルナビゲーションをトグルボタンに格納します。グローバルナビゲーションの数が多い場合に有効です。

カラム

メインビジュアルの下部に位置するコンテンツの構造です。
2列型タイプは左右の入れ替えが可能で、スマートフォンサイズの場合、メインエリア、サブエリアの順に縦に並びます。

1列型
メインビジュアル
コンテンツ

メインビジュアル・コンテンツと縦に並ぶタイプです。
(おすすめ)

2列型-A
メインビジュアル
メインエリア
サブエリア

メインビジュアルの下でメインエリア・サブエリアと並ぶタイプです。

2列型-B
メインビジュアル
メインエリア
サブエリア

メインビジュアル・メインエリアと縦に並び、その横にサブエリアがあるタイプです。(料金+)

配置

ブラウザのサイズに対して、ページの幅を固定(センター配置)するか、ブラウザの幅に合わせる(フルサイズ)かをお選びいただけます。レスポンシブデザインのため、固定幅であっても、一定の幅より狭い場合、最大幅は100%になります。
※固定幅の最大サイズはおよそ1200pxになります。

全幅固定
全幅固定

ブラウザの幅が一定の値を超えると左右に余白ができます。

部分固定
部分固定

固定部分と100%幅部分が混在します。お客様のご要望に応じて、メインビジュアルのみ100%幅にするなど柔軟に対応します。

100%幅
100%幅

ブラウザの幅にホームページの幅を合わせます。

イメージカラーを選ぶ

大まかな指定

ホームページ全体のカラーを大まかにご指示いただく方法です。

たとえば、「全体的なイメージカラーは赤。でも背景は白で」や、「全体的にモノトーンだけど、重要な部分だけ彩度を落とした赤で!」など…。
もちろん、全体的なイメージカラーをご指定いただいた上で部分的にカラーをご指示いただいても構いません。

大まかにご指示いただいたイメージカラーをもとにこちらでデザインし、提案させていただきます。

ホームページのイメージカラー

詳細な指定

ホームページのカラーを細かくご指定いただくこともできます。ご指定いただける箇所はおもに以下の通りです。

  • 背景色
  • 文字色(通常の文字色)
  • 見出し色(ページやコンテンツのタイトルなどの文字色)
  • 文字色(通常の文字色)
  • リンク文字色
  • マウスをのせたときのリンク文字色 etc
ホームページのカラー指定 イメージ

オーダーメイド感覚!

こんな感じで基本レイアウトをもとにお客様のホームページ制作していきます。ここまでご覧いただきお分かり頂いたともいますが、決まっているのはレイアウト(構造)だけです。
そもそも世の中に存在する数えきれないほどのホームページを見てみても、ごく限られたパターンで制作されています。国家のホームページであっても小規模の企業のホームページであってもです。

本ページで紹介したレイアウト。これが世の中のすべてとは言えませんが、このパターンに従い、カラーやパーツを変えることで唯一無二のホームページが出来上がるのです。弊社でも、この基本的な構造をもとにホームページを制作していくので、作業時間を抑え低価格でホームページを提供できるというわけです。

このページのまとめ

  • 基本レイアウトをもとにホームページを作成することで、最短3営業日というスピーディーな納品を実現。
  • ホームページのカラーのご指示は大まかなものでも細部にわたるものでもOK。
  • ナビゲーションボタンやリンクボタンにグラデーションもお使いいただけます。
  • どんなホームページであってもレイアウトのパターンは限られている。