
2011年11月28日 星期一
2011年11月21日 星期一
VinGear的操作說明
2011年11月14日 星期一
icon 設計

Vin Gear第一個版本的icon。這個icon只用了一個版本,下個版本就改掉了。主要是因為太複雜了,而且放到iPhone 3Gs,這種沒有retina的“低解析”營幕上就整個糊掉了。設計icon真是個學問,新版的icon(如下圖)有二個重點:
- 簡化增加辨識度
- 加入和APP相關元素(酒瓶)
順帶一提,icon的大小及弧度:
- corner radius for the 512x512 = 90 (iTunesArtwork)
- corner radius for the 114x114 = 18 (iPhone/iPod touch (Retina))
- corner radius for the 72x72 = 11 (iPad)
- corner radius for the 57x57 = 9 (iPhone/iPod touch)
資料來源:
https://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html
http://stackoverflow.com/questions/2105289/iphone-app-icons-exact-radius
訂閱:
文章 (Atom)