COLUMN

コラム

COLUMN

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

2024.12.17

てばくんシリーズ

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

トップページのデザイン用語

エンターキーちゃん

今日は前回に引き続き、SPDのデザイナーのきとうさんにトップページのデザインに取り掛かった時によく出てくる用語も教えてもらうよ!

なんでも聞いてね!

きとうさん

エンターキーちゃん

さっそくだけど…ナビゲーションとか、パンくずリストとかハンバーガーリストって何?
なんかハンバーガー屋さんのサイトでも作ってるの?

あはは、違うよ。作ってないよ。
そうだよね。その名前からしたらハンバーガー屋さん思い浮かべちゃうね。
下の図を見て欲しいんだけど、これなら分かりやすいかな?

きとうさん

エンターキーちゃん

あ~~~~~これのことだったのか!

そう、トップページのまず一番上の横長の部分をヘッダーっていうよ。ここには、企業名や会社のロゴマーク、サイトの下層ページの題名が表示されることが多いよ。この下層ページの題名が表示される部分のことをナビゲーションって言うよ。

きとうさん

MV(メインビジュアル)、KV(キービジュアル)、ファーストビューとは?

きとうさん

ヘッダーの下にあるMV(メインビジュアル)KV(キービジュアル)って呼ばれる部分は、会社を印象付ける写真や動画、キャッチコピーが入る場所だね。
このヘッダーとMVやKVを合わせてFV(ファーストビュー)って言うよ。サイトが表示されたときに、一番最初に目に入ってくる部分のことだよ。サイトの印象を決めるとっても重要な部分だよ。

サイトを開いたら、まず目にするところするところだね!

エンターキーちゃん

ハンバーガーメニューとは?

きとうさん

そして、自分が見ているページがサイトのどのページから来たのかを教えてくれるのがパンくずリストだよ。
>> が並んでパンくずが落ちているみたいだからこの名前になったみたいだよ。

そういうことか。見た目が似ているからって付けられた名前だったのか。
サイトを見ていると、今どこにいるのか分かんないときがあるよ。前に見たページにすぐ戻りたいとき、パンくずリスト、ハンバーガーメニュー、ナビゲーションは、役に立つね。  あとは、サイドメニューとコンテンツもよく聞くけど、どんな意味?

エンターキーちゃん

きとうさん

サイドメニューは、画面の左右どちらかに、固定されるナビゲーションの役割をする部分のことだよ。下層ページが多いサイトでは、ナビゲーションじゃ足りないから、サイドメニューにして、常に下層ページの題名を表示することで、サイト内を見やすいようにしているんだよ。
デザインは、見た目だけじゃなくて、使い易いこともとても大切だからね。お客様は、使いにくいとアクセスしてくれなくなるからね。

あとは、よく聞くのがコンテンツフッターかな。
これはなんのことなの?

エンターキーちゃん

きとうさん

コンテンツは、サイトの中身である文章や画像、動画などの情報のことだよ。
あと、ヘッダーがWEBサイトの一番上の部分を示しているように一番下の部分を示す用語もあって、それがフッターだよ。
よく、サイトマップ(サイト内の内容)、会社情報、問い合わせ先、ロゴマークなどが載っている部分だね。

他によく出てくるのは、サムネイルかな?

エンターキーちゃん

きとうさん

サムネイルは、ページを開かずに次のページの内容を見ることができる、小さな画像のことだよ。

サムネイルがあれば、クリックしなくても、次のページがどんな内容か分かるから見やすくていいね!
しかも、小さいから一気に、色んなページと比較して見れて助かるな〜。

エンターキーちゃん

きとうさん

これで、トップページ全体のデザイン用語が、だいたい分かったかな?

うん!これだけの言葉が分かれば、今どこのデザインの話をしているのか、理解できるから楽しく仕事ができそう!
いろいろ教えてくれてありがとう!

エンターキーちゃん

きとうさん

でしょう?ぜひ、戻っておいでよ。一緒に、素敵なトップページを作ろう。(そろそろ手羽先食べたいの我慢できなくなってきたからね~)

それがええわ。はぁ~、押され過ぎて、骨が出るかと思ったがね。これで、ゆっくりできるわ。

てばくん

株式会社SPDでは、初めてWebサイトを作成する方にも、丁寧にデザインの説明を行いますので、ご気軽にご相談ください。
どんなものにしたいのか、具体的なイメージが固まってなくても大丈夫です。
会社の雰囲気、ロゴ、メインカラー、事業内容、サイトを作る目的などをお聞かせください。
皆さんの思いを具体的な形にしていきます。
コンテンツに使用する文章をこちらでご用意することも可能ですので、まずはお気軽にご相談ください。