Webサイト作成時のデザイン用語を教えてよ-パート1-

あ～！なんかようやく何を作っているのか分かって、面白くなってきたのに、Webサイトのデザイン用語が多すぎて、何の話をしてるのか、分からない！つまらない！また家出し～ちゃお。

またエンターキーちゃん、おらんくなったの？しばらく変わったるわ。

はぁ〜、今度は何が分からんくって、家出したんかな…

てばくん、よくこの場所が分かったね。 　う～ん、前回コーポレートサイトを作るのは、分かったんだけど、デザインをしていくのに、訳分かんない言葉がいっぱいでさ。何の話をしているのか、分からないからつまらない…しかも、私にだけ、当たりがきついから、嫌になっちゃったんだよ。

てばくんありがとう！
エンターキーちゃん、デザインに夢中で気にかけてあげられなくて、ごめんね。デザインについての説明なら任せて！！
デザインするには、まず、どんな雰囲気のサイトが良いのか、どんな情報を載せたいのか、どんな構造のサイトを作りたいのか、お客様のイメージを形にするところから始めるよ。

おお！そんな言葉覚えているなんて、エンターキーちゃんは、よく話を聞いて仕事してるんだね。えらい！ 　今の時代、Webサイトを見る端末は、いっぱいあるよね？スマートフォン、PC、タブレット端末とかね。それぞれの画面の大きさって、結構違うでしょ？だから、PC用に作ったWebサイトは、スマートフォンで見ると、見にくくなるんだよ。それは、お客様にとって、結構なストレスになるから、サイトを見てもらえなくなるんだよ。それを避けるために、どのデバイスで見ても、見やすいレスポンシブデザインを採用することが多いよ。レスポンシブデザインは、Webサイト情報は1つの形で作るけど、デバイスによって表示させる画面情報が変わるようサイトをデザインすることだよ

サイトマップは、サイト全体の構造を記した構成図のことだよ。どのページとどのページが繋がっているのかの関係性を記しているよ。下の図は、分かりやすい形でサイトマップを表しているよ。
枠組みや色合いなどの細かいページ毎のデザインをする前に、サイト全体の構造を考えなくちゃいけない。その時、役に立つのが、このサイトマップだよ。
これがあれば、必要なページ数、各ページの内容を把握して、計画的に作業を進められるからね。

そう！よく分かっているね。さすが、エンターキーちゃん。
図のトップページっていうのが、サイトを開いた時に、一番始めに出てくるページのことね。そのページから下に繋がっているページのことを、下層ページって言うんだよ。

さすが！ちゃんと理解して覚えてるね！
作業するときは、まず既存のサイトマップと新しいサイトマップを作ることで、どこをどのように変えるか、見えるようにするよ。
作業するスタッフ同士はもちろん、お客さまとどんなホームページを作るか、どんなページを作ればホームページを見る人がわかりやすいのか考える上でもとても重要なんだよ。

もちろん！じゃあパート2ではホームページで表示されているパーツについて詳しく伝えるね！