iT邦幫忙

DAY 9
2

Android APP設計風格系列 第 9

有圖有真相

每天都利用午休時間來PO,真的好累

今日鐵人明日廢人

昨天研究了一下t4 Template

真是個快速產生程式的好物!!

搭配超強同事這一系列文章

http://ithelp.ithome.com.tw/ironman7/app/#/article/dev/recent/10157302

以後的工作負擔不知道能不能減少一半

字型

今天我們稍微脫離DP來談一下Android的字型設定與icon

我們都知道字型大小單位為pt

而Android這個喜歡特立獨行的傢伙又訂了一個新的字型單位sp (scale-independent pixels)

基本上跟dp一樣,在160dpi的手機下 1sp = 1pt

sp = pt * dpi / 160

Icon

另外,因為圖比字容易閱讀(所以我喜歡看漫畫不喜歡看小說)

所以官方也建議大家盡量使用圖示表示功能

因為行動裝置大多是用手指點選操作

之前說到神奇48dp,是一個比較適合人體手指操作的寬度

而不同意義的icon,官方也有一些不同的建議

1.桌面的圖示

建議是滿版的48dp

設計上來說最好有立體感

2.Action Bar

也是48dp,但建議留白,保留每個Icon之間的距離

如果圖形比較細長型的,最好轉個45度角,視覺上比較飽和

同時也要注意到Bar的底圖與icon背景之間的對比

3.主畫面

上的小小icon,則建議為16dp,並留白

最好使用簡單的形狀與單一色系,讓使用者容易了解目的

4.狀態列的通知

生成在系統狀態列的通知,像下圖那樣的東西

建議為24dp,同樣以簡單的形狀與單一色系,讓使用者容易了解目的


上一篇
誰是市場寵兒?
下一篇
品牌故事是個騙錢的好東西
系列文
Android APP設計風格30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
juben
iT邦新手 4 級 ‧ 2014-10-02 08:40:44

t4 Template 真的是好物(完全偏離主題XD

0
superpucy
iT邦新手 3 級 ‧ 2014-10-02 13:42:11

真是好物,但中文有點問題
樓上的我等你的文等超久的....

我要留言

立即登入留言