アイコンデザインのコツ：小さくても見分けやすい四角い顔

編集画面では大きく見えるアイコンも、実際のプロフィールでは数十ピクセルになります。細部を増やす前に、輪郭、ひとつの目印、背景との明暗差を決めましょう。

先に確認する5項目

1. 髪型、帽子、眼鏡で外側の形を決める。
2. 最も目立つ特徴をひとつ残す。
3. 顔、髪、背景の明るさを分ける。
4. 丸く切り抜かれても困らない余白を取る。
5. PNGを保存し、実際に使う場所で小さく表示する。

Classic Squareで一枚作る

Classic Squareを開いて START を押します。顔と髪型を選び、目、口、色を整えて SAVE します。元のPNGは残してください。

Classic SquareはRuffleで動作します。ブラウザーで起動しない場合は、HTML5版の四角アイコンエディターを使えます。

アップロード先の切り抜き画面で、目、口、髪型が中央に残るか確認します。小さくして読みにくいときは、輪郭、コントラスト、余白のうち最大の問題をひとつ直します。