ユーザーが、どのような知識や経験を持っているかによって、そのデザインの受け取られ方や印象は異なります。
誰でも、それまで見たデザインの経験に応じて、そのデザインを判断するからです。
Webデザインも同様に、それまで使用したWebサイトを元にページをブラウズします。
ユーザーが、どのような知識や経験を持っているかによって、そのデザインの受け取られ方や印象は異なります。
誰でも、それまで見たデザインの経験に応じて、そのデザインを判断するからです。
Webデザインも同様に、それまで使用したWebサイトを元にページをブラウズします。
Webサイトをデザインする際は、「どのように見せるか」だけでなく、「どのように使って貰うか」を考慮する必要がある。
クリックされやすさやタップされやすさなど、使いやすさを考慮したデザインが求められます。
詳しくは、以前書いた下記リンクで見て欲しいのですが、大まかに分けて、上部のヘッダー領域、コンテンツ領域、フッター領域、サイド領域が存在し、そこに、グローバルメニューとローカルメニューが存在するという形を取る。
Webデザイナーは、各々の領域の役割をキチンと把握した上でデザインするようにする。
参考にしたいサイトを探す時に便利なのが、Webデザインギャリーサイト。
今回は、そんなWebデザインギャリーサイトを特集しました。
カテゴリーで、業種やエレガント、スタイリッシュなどデザイン要素、ECサイト、コーポーレートサイトなど、目的とするWebデザインによる分類、ホワイトなどのカラーによる分類などに分けられており、ユーザーは、その時、自分が目的とするサイトを見つけやすくなっている。
デザイン性に富んだサイトがスクラップされている。
情報を視覚化する作業。
レイアウトとは、サイトの目的に沿って、どの情報をどこに、どのように配置するかである。
伝えたい情報を正しく伝えるために行う。
Webサイトを見て、「綺麗だ。真似したい。」と思っても、そのサイトのどこが優れているのか、どういう点に配慮して制作しているのか、理論的な知識がなければ、わかりません。
自分で制作する時のためにも、デザイン理論を学んでいると、制作する上で迷いが少なくなり、クライアントにも、上手に論理的に説明することが出来ます。
また、下記で紹介する、優れたデザインを観察する際にも、理論を学んでおくと、制作者が、「どういう意図を持って、どういう点に工夫しているのか。」が、よく理解することができる。
デザイン理論だけではなく、世の中では、デザインが、どう役に立っているのであろうかとか、
例えば、椅子の形状は、人が側にいれば、座りたくなる家具であり、椅子の形状(デザイン)は、人に、そう仕向けている。
同じように、ドアの取っ手なども、そのデザインにより、押したくなる、引きたくなる、など、認知心理学の面から紹介した本などを読んでおくと、デザイナーという仕事が、社会に、こう活かされているのだという誇りにも、繋がり、心理学の根本を知っておくと、その知識は、一生、生きてくるのではないでしょうか。
いずれにおいても、デザインに、心理学というのは、必要な知識です。
また、ものが飽和し、これからの時代、デザインなどの装飾をいかなければと、幾つもの本で主張されています。
情報を、上のことを考慮した上で、受け手にわかりやすく整理する。
色が持つ意味。フォントの大きさなどによる強弱など。
形式 | GIF | JPEG | PNG−8 | PNGー24/32 |
色数 | 最大256色 | フルカラー | 最大256色 | フルカラー |
圧縮方法 | 可逆圧縮 | 非可逆圧縮 | 可逆圧縮 | 可逆圧縮 |
圧縮率 | 中 | 高 | 高 | 低 |
透過機能 | ○ | × | ○ | ○ |
アルファチャンネル | × | × | △ | ○ |
アニメーション | ○ | × | × | × |
主に写真を保存する際に用いられる。
24ビット(1670万色)まで扱える。
イラストには不向き。
ファイルサイズを下げると、見た目にも画像の劣化が発生する。
写真、グラデーション
24ビット(1670万色)まで扱うことができる。
グラデーションのように、色調を連続して変化させることができる。
圧縮で画像が劣化する。
不可逆圧縮。
圧縮で捨ててしまったデータは元に戻すことができない。
・JPEG のファイル容量を抑えるには?
コントラストを下げる。