カテゴリ
全体 ホームページの作成方法 死ぬまで生き抜くチカラ ビジネスあれこれ ホームページ制作日記 お知らせ ホームページを無料で作成する方法 ホームページ作成に必要なHTML・CSS ホームページのデザイン ホームページ作成の費用と相場 ホームページ制作会社の選び方 ホームページと集客 未分類 以前の記事
2020年 08月 2018年 12月 2018年 06月 2018年 03月 2018年 01月 2017年 12月 2017年 11月 2017年 10月 2017年 09月 2017年 08月 2017年 07月 2017年 06月 2017年 05月 2017年 04月 2017年 03月 2017年 02月 2017年 01月 2016年 12月 2016年 11月 2016年 10月 2016年 09月 2016年 08月 2016年 07月 2016年 06月 2016年 05月 お気に入りブログ
メモ帳
最新のトラックバック
ライフログ
検索
タグ
その他のジャンル
ブログパーツ
最新の記事
外部リンク
ファン
記事ランキング
ブログジャンル
画像一覧
|
================= 今回のテーマは前回から引き続き ホームページを作りたいと思っているけれど、 ホームページのデザインというのはどのようなものか よくわからない人のためのものです。 今回は<2.ホームページのデザインのコツ> について見ていきます。 ================= <2.ホームページのデザインのコツ> 前回、ホームページのデザイン・レイアウトを考える際にはまず、 1.ヘッダ・タイトル 2.本文(ボディ) 3.リンク(メニュー) 4.フッタ(補足情報など) という4つの要素を考えなくてはならない、という お話をしましたが、この4つの要素を どう配置(レイアウト)するかは ある程度決まった「型」があります。 この「型」を知っているかどうかが、 ホームページのデザインをする際のコツになります。 ホームページの型は大まかに3つに分類できます。 1. 1カラム型 2. 2カラム型 3. 3カラム型 ブログをやられている方は見たことがあるかもしれませんが、 ブログのデザインを選ぶ時に「●カラム」という風に 表記されていることがあります。 そのカラムです。 カラムとは元々「円柱」のことを表しています。 それが転じて「縦方向のまとまり」「縦の列」を 表すようになりました。 ホームページは通常縦長になるので、 柱に見立ててこのカラムという表現を 使うようになったようです。 それぞれのホームページの型を画像で解説します。 「1カラム型」は現在最も主流のデザインだと思います。 左右にメニューは置かずに、ヘッダ・タイトルから フッターまで1本モノのデザインです。 なぜ現在主流になっているのかと言うと、 スマホ・タブレットへの対応が容易だからです。 「2カラム型」はボディの左右とちらかに メニューを配置するタイプのデザインです。 現在でもまだまだ多く見られます。 また訪問者の利便性からヘッダ・タイトルの上下どちらかに メニュー(グローバルナビ)を配置しているページも 多くあります。 メニューは左右どちらに配置しても構わないのですが、 商用のホームページの場合、人間の視点の動きから考えると メニューを右に配置するのはやめた方が良いです。 「3カラム型」はボディの左右両方に メニューを配置するタイプのデザインです。 ただ、メニューを両方に配置しなくてはならないのではなく、 通常片方のエリアにはサブ情報を掲載します。 情報量が多くなるYahoo!などのポータルサイトなどで 採用されています。 この「3カラム型」は、訪問者の視点の動きを考えた上での 情報の配置が非常に難しくなります。 通常10ページ以内の商用のホームページでしたら 全く必要ありません。 逆に小規模なホームページで3カラムを使用すると 訪問者が混乱する恐れがあります。 <ホームページのデザインのコツまとめ:> 個人商店や小規模な企業の 10ページ以内のホームページでしたら 「1カラム」か「2カラムの左メニュー配置」が 最も適しています。 つまりベースとなるホームページの型は 2種類しかないということです。 これに画像を入れたり背景を装飾したりして 全く別のページに見えている、ということです。 ================= 現在【ホームページ1000】ではモニター作成を許可してくださる お店・事業を広く募集しています。 モニターといってもあなたに特にして頂くことはありません。 モニターを許可して頂ければさらに特別価格(月々825円)で制作します。 詳しくは こちら ホームページ制作【ホームページ1000】 初期費用¥0 月々1000円の小さなお店・事業のためのホームページ制作 =================
by hp1000blog
| 2017-09-20 10:15
| ホームページのデザイン
|
ファン申請 |
||