どうしても・・・自分だけのデザインが欲しい！ という、あなたへ

手軽に入手できる、無数のホームページ素材

　現在、インターネットで「ホームページ　素材」と検索すると、
たくさんのアイコン、画像、イラスト、背景画像が手に入ります。

最近では、海外のクールな素材を集めたホームページも多数あります。
※ホームページ素材とは、背景に使える画像や、パターン、テクスチャなどのこと

書店に行けば、「ホームページデザイン用の素材集」が、2,000円程度で販売され、数百点に及ぶ素材が、手軽に入手できるようになっています。

これらの素材を駆使すれば、「あなただけのデザイン」を作ることも簡単です。

ただし、デザイン編集には、注意が必要です

Quick Homepage Makerのデザインは、XHTMLと、CSSを駆使して

• どのブラウザでみても崩れない
• 正しいXHTMLを使うことで、検索エンジン対策
• タグの現れる順番を工夫した検索エンジン対策
• メニュー部分より、コンテンツ部分を先の読み込ませるＳＥＯ対策
• ナビに箇条書きを使い、水平に並べることに依るSEO対策

などを施しており、簡単に変更できるものではありません。もし、適当に変更してしまうと、

• Firefoxと、IEで見た目が違ったり、崩れたり
• せっかくの検索エンジン対策が無効になったり

します。

もちろん、読んでもよく分からないような、CSSの工夫、記述を行っているので、「自分で簡単に変更」するのは、至難の業です。

QHMのように、手軽にデザインを編集できる
新しいシステムを開発しました

　Quick Homepage Makerのように、

• 「ホームページ上で、ホームページのデザインを変更

できるシステムを開発しました。

標準デザイン68種類をベースに、自由に、「あなたのお好きなように」デザインを変更できるシステムです。
このシステムは、AJAXという最新の技術を使うことで、デザインの変更を即座に反映し、確認しながら、直感的に作れるツールです。

どこにもないデザイン作成ツール

このQuick Desingerは、某有名ホームページ作成ソフトより、遙かに直感的です（下図）。
某ソフトでは、何度もメニューをクリックして、ＯＫを連打して・・・と面倒です。
しかし、Quick Designerは、設定が、即座に反映されるので、試行錯誤しやすくなります。

Quick Designerは、QHMに特化することで、直感的かつ使いやすいツールに仕上げています。Quick Designerでデザインを編集すると、検索エンジン対策の効果や、ブラウザの互換性などを自動で実現できます。

インストールから、利用までが、とっても簡単
動画解説も充実させています

インストールは、QHMプロフェッショナルのインストールシステムから行います。ボタン一つで、簡単に設置できます。更に、使い方も「動画で解説」しているので、難しいマニュアルを睨め付ける必要もありません。

使い方、準備、予備知識に関する9本の動画を用意し、「コツ」も解説しています。

1. 必要なツールの準備(Firefoxの導入)
2. QHMのデザイン、表示の仕組み
3. Quick Designerのインストール
4. デザイン作成から、保存、公開まで
5. Quick Designerの基本
6. 背景画像の変更方法
7. 見出しの変更(余白設定、枠について)
8. フォントサイズの変更
9. メニューの位置、サイズの変更
   などなど

更に、各機能を詳細解説した、PDFマニュアルも用意しています。参考書として手元にプリントアウトして利用すると便利です。

実際に「洗練したデザイン」を実現する
一部始終も解説

実際に、思ったようなデザインを作るには、「Quick Designerのボタンの押し方レベルの解説ではなく、実践的な操作の様子」を知ることが必要です。

そこで、実際に画像を作成し（便利なWeb上で生成するツールを使います）、デザインを洗練させる様子を動画で解説しています。すべてブラウザだけで完結する編集の様子を見ることによって、私が行ったことと、同じことを実現できるようになっています。

※以下のリンクをクリックして、動画で確認してください

• 本文：見出し（斜線背景）

• 本文 : 見出し (斜線画像で下線)

• 本文 : 見出し (罫線で強調)

• ナビ部分：光沢のある背景を作って設定

• ナビ部分：シンプルでモダンなナビ

• - メニュー：背景画像を利用する

また、会員専用サイトでは、個別具体的に、「やりたいことを実現する方法」を解説しています。

• サイトの幅を変更する
• サイトの背景（画像や色）を変更する
• フォントを変更する
• 標準の文字の大きさを変更する
• メニューの位置を変更する
• メニューの幅を変更する
• ナビを2段にする
• テーブルの位置を変更する
• ホームページの素材を探す

など

Quick Designerの機能

Quick Designerを使えば、自動的に

• どのブラウザでも崩れないデザイン
• コンテンツ部分を読まれやすくする検索エンジン効果
• HTMLタグの出現順序によるSEO効果
• ナビの箇条書きによるSEO効果

などを、自動的に設定したデザインを作ることができます。
以下が、それぞれのできることです。

全体設定

全体設定では、全体のフォントサイズ、フォント色、フォントの種類を変更できます。
さらに、ページの幅、メニューの幅などを簡単に変更することができます。
背景を好きな画像や、色に簡単に変更することができます。背景色を変えるだけでも、サイトの印象を変えることが変えることが可能です。

ロゴ部分の設定

※ロゴ部分は、独自画像を使った場合は、変更する必要はありません

※マウスオーバー : マウスが文字の上に乗った時の状態を設定

ナビ部分の設定

水平メニューのナビ部分を自由に変更できます。背景画像を指定することによって、全く別のナビを作り出すことも可能です。

また、ナビの上にマウスが乗った時、別の背景色を設定することで、リンクの上を指し示していることを、分かりやすくさせることができます。

これらの操作は、本来、とても難しいことですが、簡単にできるようになっています。

メニュー部分の設定

メニュー

など

コンテンツ部分の設定

• 全体の位置調整
• 背景画像、背景色の設定
• 枠の設定
• 左右の余白設定
• 行間の設定
• 段落間の空白サイズ
• リンク色の設定

• 見出しの設定
  • 外側余白
  • 内側余白
  • 文字の配置
  • 背景画像
  • 文字サイズ、文字色
  • 枠線

• テーブル
  • 線の色
  • 配置
  • 背景画像、背景色
  • 文字色、太さ

• 箇条書き
  画像の変更

ナビ２の設定

• 全体の余白設定
• 背景画像、背景色
• 文字の色
• 枠線

フッターの設定

• 位置調整
• 背景色、背景画像の設定
• 枠線の設定
• 文字色

充実の取り扱い説明書

• 専用PDFマニュアル

このQuick Designer専用のPDFマニュアルをご用意しました。PDFマニュアルでは、「線の種類」「幅の単位について」などなど、詳細に解説しています。

• 動画マニュアル

ビデオですぐに、動作方法が分かるようにしています。使い方の概要をビデオで学べば、すぐに使えるようになります。

• 海外のクールな画像配布サイトのリンク集

日本語で素材を探すのは簡単だと思います。ただ、海外の素材は、日本のものでは少ない、ハイクオリティーなものが多々あります。これらへのリンクを用意しています。

• 画像生成ツールへのリンク集

グラデーションや、斜線の背景を作るのに便利な画像生成ツールへのリンクを用意してます。面倒なソフトを使わなくても、簡単に背景パターンを作ることができます（もちろん、ビデオでも解説）

• 会員サイトに情報を集約

Quick Homepage Makerと同じように、会員専用サイトを用意しています。ここですべての情報が手に入るようになっています。

更に、1,000パターン以上のデザインを
使えるようにする方法を解説

WordPress（世界で最も普及しているブログシステムのひとつ）では、多くのデザインテンプレート（テーマと呼ばれています）が、配布されています。無料で利用できるものの数は、1,000を超えます。

WordPressのデザインのほとんどは、デザイナーの名前表示と、デザイナーのWebページへのリンクを消さなければ、自由に使えるものがほとんどです。

WordPressのデザインが使えれば、デザインの幅は一気に広まります
そして、QHMは、WordPressのデザインを利用できるように設計されています。

しかし、WordPressのデザインをただ適用すると、ブログ型になってしまうため、QHM用にカスタマイズが必要です。そこで、Quick Designerの特典として、

• QHMのデザインの仕組みから、カスタマイズに必要なツールの準備、
  カスタマイズの具体的な方法、そして公開までの手順を解説
  (Windows、Mac OS Xに対応)。

分かりやすいように、必要なツールの準備から、実際の編集、更新、公開をすべて「動画でも解説」しています。
デザインを勉強して、自由に編集できるようになりたい！という勉強意欲があるかたに、おすすめします。

独自カスタマイズ情報

Quick Homepage Makerは、Webデザイナーが簡単に、独自デザインを実現できるように設計されています。

具体的には、デザイン作成時に

• 独自のテンプレート（表示要素の定義）
• 独自CSS

を用意することで、QHMの使いやすさをそのままに、全く違った独自のデザインを作れるように、設計しています。

この独自デザインを実現するための情報も、「会員サイト」にて、ご覧頂けます。

そこでは、以下のような情報を記載しています。

独自デザイン作成の基本手順

独自のテンプレートを定義し、デザインを組み込んでいくためのステップを解説しています。

Open Designの適用方法

1,000を超えるデザインが公開されている「Open Designs」というサイトがあります。ここでは、デザイナーが作成したデザインが、無料公開されています。

Open Designのテンプレートをカスタマイズすることで、QHMに適用することが可能です。

これらの作業のための情報、ヒントを解説しています。

※ただし、HTML、CSSの知識が必要です

コンバージョン率をアップさせるデザイン

Quick Homepage Makerのセールスレター型デザインよりは、もう少し普通のホームページのような形で、上から下に読ませたい・・・という場合に、最適なデザインです。

このデザインを使う方法は、

1. 以下のデザインをダウンロード (会員サイト内で)
2. FTPソフトで、QHM内にアップロード
3. 独自のロゴを作成して、アップロード

これだけの作業ができれば、独自のセールスレター型デザインを使えるようになります。

もし、独学でデザイン編集を行おうとすると
多大な苦労が待っています

もし、独学でデザインを編集しようとおもうと、最低でもCSS入門、CSSリファレンス、HTMLリファレンスなどの書籍を購入し、勉強する必要があります。合計6,000円近くはかかるでしょう。

更に、QHMのデザイン要素を調べ、カスタマイズする必要があります。デザインハックという技術が必要になり、時間的コストは、莫大になるでしょう。

一方、Quick Desingerを使えば・・・

直感的操作で、簡単に色、背景画像、幅、余白を変更できます。その場で、変更が反映されるので微調整が容易にです。

その場で完成イメージを確認しながら、楽しく「あなただけのデザイン」を実現することが可能となります。

そのために必要な費用は、8,000円となります。