BLOG

FireworksでアイコンをiOS7風にデザイン

Fireworksで当サイトのグローバルナビのアイコンをiOS7風にデザインしてみました。1pxライン主体のデザインはサイズ調整に気を使いますので個人的にIllustratorよりFireworksの方が向いていると思います。 今回デザインしたアイコンはwidth16pxで使う前提で作っていますが、これを20pxに変更するとなると調整が必要です。単純に20pxに変更すると下図のようにエッジがダルくなります。 なってないやつもありますが・・・

塗りのアイコンは1pxラインのアイコンよりも取り回しが便利です。

単純に20pxに拡大しただけですがエッジがダルくなったようには見えません。

ちなみに一回り大きいアイコンを用意しているのRetinaディスプレイ用です。Retinaディスプレイは等倍の画像はにじんで見えます。 レスポンシブでサイトをデザインする時はこの辺も考慮しなくてはいけません。ちなみに大きい方の画像をワンソースで共有した時に1pxのエッジがダルくなるときはスライスを1pxずらすと解消する場合もあります。

    Sponsored Links