ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

アイコンの使い方！

初心者のためのＨＰの飾りつけ教室VOL.2

■ 【ＨＰの飾りつけ教室VOL.2】アイコン！て何？

★ アイコンの使い方 ★

さあ、ＶＯＬ．２では、アイコンとボタンに付いて話して行きます。
「ＩＣＯＮ」とは、機能や内容を文字で表す変わりに、画像化したマークのようなものです。ユーザーはアイコンを見て直感的に機能や内容を連想し、操作できるようにしないといけません。そのためにも、判りやすいアイコンを使ったほうが、ユーザーには喜ばれます。

アイコンはひとつひとつ意味を持った絵文字です。そして誰が見てもその意味が連想できるものが、判りやすいアイコンと言えます。下に3つのアイコンを用意しました。みなさんは、これを見て何を連想されますか！

一番上の物は、メールをイメージした物ですよね。何も書かなくとも、メール用のアイコンかなってわかります。

二番目にいたっては、もう何者でもありません。

三番目は、メールってポストに入れるの？ッていう感じですよね。(モックンさんすいません。）（*^_^*）

アイコンは必ず機能と図案とのマッチングを考えて使ったほうがいいと思います。かわいいからといって、機能とは関連のない画像を使っているサイトを見かけますが、アイコンとしての意味がなくなり、逆に画面がごちゃごちゃとした印象になる可能性があります。
アイコン素材は、大変多くの種類があるので、ついあれもこれもという気になってしまいますが、色々なテイスト（持ち味、風合い）のものが混在してしまうと、画面がごちゃごちゃとした印象になり、一目で判らせると言うアイコンの意味もなくなってしまいます。できるだけ、風合いを統一する事を、お勧めします。（*^_^*）

■ 【ＨＰの飾りつけ教室VOL.2】ボタンって何？

★ ボタンの使い方 ★

目的のページに移ったり、ページを進んだり戻ったりさせる事を「ナビゲーション」と言いますが、このナビゲーションで最もよく使われるのが「ボタン」です。ボタンはその名のとおり見た目もクリックできるような形状をしていますので、訪問者がざっとページを眺めた時に、どこがナビゲーションのためのクリックポイントなのか、すばやく判断できなければなりませんね。