DESIGN NOTE

font-size: 14px／line-height: 28px

フォトショップ：アンシャープマスクの使い方 : Retouch WebLaboratory

タイトル：#262626

いつでもイメージ固めて、参考サイト探してっていうプロセスは同じ。これを怠ると中途半端なものになる。その参考サイトを探す数とか、その内容の濃さが違うだけ。

線の細さ揃える、フォントのルール

EC CUBE使うときは、基本的にレイアウトを変えないようにデザインする。一回それでしてみて、変って思うとこだけ変える。

リニューアルで、漠然と変えたいって言われたときは、一回全然違うのを出してみる。それを見せることで、お客さんは、そういうのを求めていたのか、そういうのじゃないのか、これよりはもっとこんな感じかなとか、次への道筋が見えやすい。今までと同じのを出しても誰も何も見えなくてずるずるいくだけ。

影をつけて立たせる、凹ませるときに、要素の重なり方を考えて、矛盾のないように作る。

の3つの軸で探す。

人に響くものの9割は理論、あとの1割は五感に訴えるもの。

レイアウトは関係性

日本語＋英語でタイトルなどを置く場合、日本語と英語を中途半端に同じ大きさにせず、思い切って大きくすると、英語を読ませずに図として認識させることができ、日本語に目がいくようになる。

情報の優先順位を忘れずに、一つ一つの要素に根拠を持って作る。あしらいにとらわれすぎないで、基本的な文字などの強弱の付け方でまずはメリハリをつけていく。

最初にターゲットが誰なのか、どういう用途で使われるサイトなのか、このサイトで何をしようとしているのか、情報の優先順位、などをしっかり確認しておく。

安心感がありすぎるとさっと通り過ぎてしまうので、アイコン+文字で置く際に強弱をつけておくと文字に目がいきやすい。アイコンで目をとまらせて、文字を読んでもらうことができる。

イラレデータをのせるときは修正あるときのことを考えて、一気にコピペせずにある程度わけてコピペするとあとあと楽。

ロゴなどで小さい文字と大きい文字組み合わせるときは、レイヤーわけてアンチエイリアスの処理をわけられるようにする。小さい文字は鮮明にすると細すぎて読みづらいので、シャープにして薄くしたい場合は色で調整する。