サイブリッジラボでタグ「webdesign」が付けられている記事一覧

知らないと恥ずかしい?デザイン用語一覧

デザイナーのacurryです。

今日はビジネスの現場でよく使われる
Webデザインの用語について書きたいと思います。

IT業界は、ただでさえ横文字用語が飛び交っている業界です。
結局「用語なんて知ってても知らなくてもどっちでもいいじゃん」
と言ってしまえばそれまで、立場としてはアリなのですが、
お客様のところに言ったときに「...?」となるよりは、
知っておいた方が何かと得をするものです。

というわけで、私が実際にお客様との打ち合わせや
実際の現場でよく耳にするなと思う
Webデザイン関連の用語をお届けします。

IT用語まで手をだすと収集がつかなくなるので
あくまでwebデザインに関するものだけ。
かなりくだけた説明なので、詳しい意味は個別に検索してみてください。


アイキャッチ

主にデザインの中で一番相手の注意をひくもの。目立つ物。

アイトラッキング

ユーザの目線の動きを可視化すること。

(情報)アーキテクチャ

知識やデータの組織化を意味し、 「情報をわかりやすく伝え」「受け手が情報を探しやすくする」ための表現技術のこと。

RGBとCMYK

RGB→web用、CMYK→印刷用と覚えておけばとりあえず問題ないです。

カラースキーム

どの色をどの配分で使っていくかという計画です。

コンポジションワーク

各パーツ、構成部を分類し配置すること。レイアウトテクニックのひとつ。

画面利用率

そのデザイン全体に、どれだけ空きがあるかということ。 ※関連語:ホワイトスペース

ジャンプ率

本文に対しての見出しの大きさの違い。これが大きいとメリハリが出ます。

スプラッシュページ

雑誌で言うところの表紙のようなもの。サイトイメージを伝えるもの。
例えばトップでフラッシュが大きく使われているようなページがこれに該当します 。

ティザーページ(サイト)

発売前の新製品等に関する断片的な情報のみを公開し、
閲覧者の興味を引くことを意図したプロモーション用のページ。
キャンペーンサイトなんかだと、作る事があります。

トーン&マナー

広告表現の核となるコミュニケーションメッセージやデザインに
一貫性を持たせること。広告系の会社に行くと耳にします。

ユーザインターフェース

UIとも略されます。
コンピュータシステムとユーザが情報をやり取りするときの境界面、
パソコンでいうと画面とか目に見えるシステムの部分ですね。

ユーザビリティ・アクセシビリティ

ユーザビリティ:「使いやすさ」のこと。
アクセシビリティ:万人が不自由なく利用できる状態にあること。
混同されやすい。

ワイヤーフレーム

Webページの大まかなコンテンツやレイアウトを 大まかに試作したものです。
デザインラフを作成する前にまずこれを作成することが多いですね。


逆にWebデザイン・ITに関する専門用語を
話している相手が知らないというケースも多々あるので、
そういった際はわかりやすい言葉に置き換えることも大事です。

状況に合わせて必要な言葉を選んでいけるように、
日々精進したいものです。