デザインには、色がつきものです。しかし、色の塗り分けだけに頼ると、その組み合わせが見えにくい場合があります。デザインには、そのような視認性や、可読性といった「見やすさ」が求められます。

究極の塗り分けは、白と黒です。しかし、これでは、背景色を含む２色しか表せないので、グレーを中間調として使います。無彩色で考案したデザインは、色をつけても、見やすさが維持できます。

グリッドの表示 / 非表示は、[ 表示 ] メニューから、[ 表示・非表示 ] – [ グリッド ] を選択、または、[ command ( Ctrl ) ] + [ @ ] キーを押すと切り替えることができます。

二重枠の角丸では、内側のフレームの半径を基本とした場合、外側のフレームの角丸半径は、「内側の半径」+「内側から外側までの距離」で計算します。作例の場合、内側のフレームの半径が [ 32 px ]、内側から外側までの距離が [ 48 px ] です。これらを合算すると、32 + 48 = 80 (px) になります。

しかし、この計算値は、あくまでも論理的なもので、視覚的には、直線より曲線の方が細く見えます。そのため、外側のフレームをちょっと太らせた方が、同じ太さに見えます。論理的な計算値より、小さい数値を設定するようにしましょう。