突然ですが、QuickTime Player のアイコンってダサくありません？
Yosemiteになってからのアイコンは金属感を生かしつつ、フラットデザインとうまく共存していてかなり好きなのですが、QuickTime Playerのみは許せません。
このアイコンにはフラットデザインを行うときの、よくない多くの点が詰まっているので、これを修正していくことでデザインを行う時の参考にしていければなと思います。
何がダメ？
1. 影が濃すぎる
まずは簡単なところから
このアイコンは影が強すぎます。全体的にフラットにまとめようと思うならもうしこしぼかしを弱くするべきですし、浮いている感じを出すにしては影が濃すぎます。
今回はくっきりめでぼかしを薄くします。
2. 素材がない
Yosemiteの他のアイコンには素材がわかるような厚みがあります。
私がYosemiteで最も好きなアイコンの１つである設定のアイコンはぱっと見で金属だとわかるデザインですし
地図やターミナルにもはっきりとした素材が見て取れます。しかし、QickTime Player の素材はなんでしょう？
ただ上から下にグラデーションしているだけで特に素材が見えません。
今回は影や枠を使って金属らしさを出してみましょう。
オススメの金属感の出し方は
- y : -1 でinner shadowをかけて立体感を出す。
- y : 1 で明るい色でinner shadowを出す。
- y : 1, blur : 1 でshadowをかける。
- Borderをこんな感じのグラデーションでかける
3. 色がダサい
Yosemiteのアイコンは寒色系→暖色系のグラデーションを使って、フラットののっぺり感を消しています。
なので今回も少し暖色系の色を混ぜてみます。
また、内側のグラデーションにも紫を混ぜて色に厚みを持たせます。
どうでしょう？最初よりかなり良い感じになったのでしょうか？
フラットデザインは最近の流行りですか間違えるとノッペリ感・ダサさが前面に出てしまいやすいデザインでもあります。
こういうところで遊んでみるとそういう意味で楽しく学べるのでオススメです。
今回作ったもの
GitHub