---

網誌好讀版：
http://thisblogexist.pixnet.net/blog/post/106826021

~ ~ ~ 本文開始 ~ ~ ~

在今年6月Android I/O，Material Design亮相。相信只要對手機UI設計有所
涉獵的人都不陌生。

Material Design其特色之一「陰影」－－利用影子來增加元件之間的層次感
，如果能適度地使用陰影，UI便會更有格調。

這次麵下要介紹一款APP，它巧妙地使用了陰影。

http://pic.pimg.tw/thisblogexist/1411296962-509320682.jpg

經典案例1號：適度使用陰影增添層次感

　APP資訊

　APP名稱：tawkon手机辐射报警器

　版本資訊：2.0.3.6（Android）

http://pic.pimg.tw/thisblogexist/1411129258-2432749229.png

這款APP有啟動畫面（splash screen）。一般來說，使用者多會希望APP一開
啟就是操作頁面，因此啟動畫面或動畫往往只是一種干擾。

然而，也不是所有的啟動畫面都會令人反感：

1. 當使用者比較有耐心的時候

　　比方說休息、在家、或是只想用手機打發時間的時候，這和APP的使用場
　　合有很大的關係。

2. 啟動畫面很美

　　廠商或開發者希望多秀幾次logo，可是使用者只想看到養眼的畫面。

3. 不得不加點東西的時候

　　有時候因為網路連線、讀取資料庫等等，只有一個中間圈圈在轉，不只單
　　調更讓使用者沒安全感，這時候加個背景是再好不過了。

　　值得注意的是，與其放logo，改成一個跟下一頁相似的畫面可能更為加分
　　（請參照延伸閱讀1）。

http://pic.pimg.tw/thisblogexist/1411129259-933534284.png

在兩個地方，我們看到這款APP運用了陰影效果，上圖是其一，下圖是另一個
有用到陰影的地方。



除了陰影之外，顏色對比和那個小箭頭的設計都是值得留意的部分。

http://pic.pimg.tw/thisblogexist/1411129259-3193395477.png

這是tawkon的對話框。

和前面「分頁按鈕」不同的地方是，中間多出一條有點突兀的細線。很罕見的
設計。



延伸閱讀：

1. 合適的 APP 啟動畫面 - Desiring Clicks
http://0rz.tw/n5r65

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.194.161.233
※ 文章網址: http://www.ptt.cc/bbs/AndroidDev/M.1411306985.A.010.html