2011年11月28日 星期一

未上架主題

算是我自已的實驗性的小小收藏吧,後來上架的版本是沒有這個主題的,因為感覺太瘋狂了,但我很喜歡這個風格,所以現在只有我自已可以用到這個主題。

AdvancedMode_5

2011年11月21日 星期一

VinGear的操作說明

其實要不要加入操作說明這也是一直滿困擾我的問題,一個好的APP應該是讓使用者可以靠直覺就完成所有功能,但是好不容易寫好的APP又不希望使用者漏了什麼你引以為豪的功能。像是VinGear在轉到不同的方向會出現不同的功能,要是使用者沒發現這個功能,我會覺得很嘔...所以我還是加了一個操作說明,這又是額外多了一個星期的工作天...

Help_1

Help_2

Help_3

Help_4

Help_5

Help_6

2011年11月14日 星期一

icon 設計

VineGear_icon_v3_L


Vin Gear第一個版本的icon。這個icon只用了一個版本,下個版本就改掉了。主要是因為太複雜了,而且放到iPhone 3Gs,這種沒有retina的“低解析”營幕上就整個糊掉了。設計icon真是個學問,新版的icon(如下圖)有二個重點:
  1. 簡化增加辨識度
  2. 加入和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