[i] フラットデザインアイコンのデザイン



 

テンプレとか探してみた


Appleサイト

http://www.apple.com/ios/ios7/design/

アイコンの動画

http://movies.apple.com/media/us/ios/ios7/f34c5445-5a9c-4b3a-9556-8efe89147559/design_icondraw/design_icondraw.mp4

iOS7用のアイコン製作テンプレート(ピクセル最適化済)

http://fladdict.net/blog/2013/06/icon-for-ios7.html

 


考察:

  • ライン=細い
  • 文字=細い
  • 透明を多用
  • グラデを多用
  • 明度や彩度ではなく、色相をずらしたグラデーション
  • 白抜きイラスト
  • 細くて薄い影
  • 蛍光色(印刷で考えた場合の)
  • ビビッドな色
  • 記号的
  • 幾何学的
  • 近位置にある物体は、テンプレートのラインに吸着させる
  • 例外有り



コメントを残す