星期三, 3月 19, 2014

Holo style : the Android style



我是一位Android開發者,獨立開發者,
從UI設計到程式開發一手包辦,
很多會寫程式的人,程式的部份可以自己搞定,
但多數人會卡在『糟糕;我沒有美術的天份』這裡,
認為自己弄不出夠水準的介面設計。

於是會將程式介面外包給設計師來做,
本來術業有專攻,那也沒什麼不好。
問題是,有些介面設計師手拿iPhone, iPad,
連Android手機都沒用過,
你怎麼能期待他比你更知道Android的介面應該是什麼樣子呢?



我認為介面設計不會只是『美術的天份』這件事而已,
也包含對於系統的熟悉和元件配置,而導致的使用者操作習慣上等。

同樣的,因為我對ios的介面使用和操作習慣並沒有很深入的了解,
如果有人請我幫忙去設計ios上的app介面,
我一樣會感覺到非常無所適從。
因為我並不知道ios上的給開發者的原生元件是什麼樣子,
我所設計的元件,開發者需要多少時間精力去修改,
並且不知道這樣的設計是否有符合ios使用者的習慣。

所以身為Android開發者,您有沒有想過Android style應該是什麼樣子,
反而言之,如果你知道Android style 該是什麼樣子,
那你是否就有能力自己寫出符合Android使用習慣,夠水準的UI!

Google 在Android3.0 時推出了Holo風格的預設主題,
在Android4.0時開始強制要求手機製造商必須把Holo風格留在裝置上,
並且不能更改Holo風格中的樣式。

在這之前,手機廠會根據自己的需求或各廠牌設計師的審美觀,
把Android的預設改成自己需要的樣式,
如此一來,開發者寫好的App放到各個廠牌的手機時,
全都長得不一樣,開發者沒辦法全權控制自己App的樣式。
除非開發者非常有耐心的在每一個元件都仔細設定字型,大小,顏色等各個項目。

有了Holo theme之後開發者在建立UI時,
能夠更得心應手,不需要擔心在不同品牌的手機,
會看到不同的結果了。

以前在寫Windows桌面程式的時候,如果你總是只使用預設的風格,
那你寫出來的介面就會等於醜到暴,或是等於看起來很普通。
但這樣的情況正在改觀,使用者開始要求開發者要以Holo style來寫App,
許多Android app 也開始在介紹的地方,
強調是使用Holo style來設計,
因為Holo style才是符合使用者心目中Android app該有的樣子。

Google 所提供的預設Holo theme有三種,
Holo Light, Holo Dark 和 Holo Light with dark action bars
除了這三種還可以利用Android Assets Studio工具
來客製出您所需要的Holo Theme Color

因上述提的,Holo theme只支援到Android3.0以後的裝置,
如果需要在3.0之前使用Holo 風格的元件,
可以在專案中使用開放原始碼專案 HoloEverywhere

通常只要在App中使用Holo theme並善用Roboto(我喜歡叫他蘿蔔頭字型)字型,
就能設計出不錯的介面。設定Roboto字型的方式如下:
在layout xml中做如下設定
android:fontFamily="sans-serif"           // roboto regular  
android:fontFamily="sans-serif-light"     // roboto light  
android:fontFamily="sans-serif-condensed" // roboto condensed  
android:fontFamily="sans-serif-thin"      // roboto thin (android 4.2)  
想要小試試身手嗎?如果你手邊沒有合適的專案,
試試看這個開放原始碼的練習,
你會對做出有水準的UI更具有信心


Making apps beautiful






CoWallet是一個以Holo theme主題製作的App,
適合團體/家庭共同記帳管理使用,
找個知心好友或家人一起陪你記帳會更有動力哦!

張貼留言