重新定制原生桌面

國内手機市場競争愈趨白熱化，各大廠牌在輪番推新機的同時，也力求将自家系統的顔與品烙在廣大用戶的使用習慣中。感謝開源的同時，你是否也在懷念 Android 原生桌面的容顔？現在，你有機會重新定制 Android 原生桌面。

第 213 期設計獎，我們頒給了一個最受歡迎的第三方桌面應用——Nova Launcher。它無限大的自由度讓你能将自己的手機桌面重新定制成任何樣子。

在今年六月的 4.0 版本更新中，它使用了 Android 5.0 的設計風格，很好地實現了 Google Material Design 規範。

本期豌豆莢設計獎請來了三位使用 Nova Launcher 的 Android 資深用戶，并公開了他們為自己量身打造的手機桌面——

王俊煜的手機桌面

選擇 Moonshine 圖标包，靈活搭配文件夾與 widget，工作和信息應用分屏展示。

第一屏

放置五個文件夾，基本是 Google 的原生配置，加了一個 Google Now widget。

第二屏

三個工作用的 Widget：Asana、Google Keep、Google Tasks。

第三屏

兩個常用的信息源：Flipboard、Press。

第四屏

無聊的時候擺的一屏 PPPPP…

*王俊煜，豌豆莢聯合創始人

NovaDNG 的手機桌面

Widget 可以滿足從拍照到查看天氣的所有需求，常用的應用分門别類放置在不同文件夾中。

第一屏

留空，用來看壁紙。

第二屏

索尼相機的 widget，TrackID 的 Widget，用來閱讀、看新聞、聽博客的應用放在 Lorem 文件夾裡，一些工具類的應用放在 Ipsum 文件夾裡。

第三屏

主屏，放置時鐘和社交類應用文件夾。

第四屏

Play Newsstand widget、Play Sound Search widget、記賬軟件 Financius 和相冊文件夾。

第五屏

天氣應用 Weather Timeline 的兩個 widget。

*NovaDNG，設計師

馬力的手機桌面

閱讀和工作文件夾占據了首屏的主要位置，隻保留搜索和電量控制的 widget，讓桌面保持簡單清晰。

第一屏

放置一些常用的應用，在「讀」文件夾中放置平時常閱讀 App。

第二屏

Google Search 的搜索框，結合 Google Now 的搜索功能非常強大。下面的電量控制，方便迅速管理各項功能減少耗電。

*馬力，最美團隊 CEO

接下來，我們會通過對 Nova Launcher 4.0 的分析，告訴你如何判斷一個産品是否采用了 Material Design 的設計規範。

動畫：讓用戶知道每一個元素從哪裡來，到哪裡去。

Nova Launcher 的「菜單」按鈕逐漸放大，直到占領整個屏幕。在這個過程中，按鈕本身即為整個動畫的起點。

在 Nova Launcher 的設置界面，你手指的點擊會喚出「漣漪」，從「漣漪」為中心，開啟一個新界面。在這兩個案例中，喚出菜單、退出菜單與按鈕的因果關系，被叙述得非常清楚。

Material Design 中的動畫效果，需要承載「引導用戶」的功能。通過單個元素和矩形面之間的轉化，動畫帶領用戶去了解每一個元素的因果關系和時間關系。

透明欄（Translucent Bars）：讓通知欄和頁面融為一體

Nova Launcher 的頂部導航欄，使用了比頁面主色調 #D84315 更深一個色号的橙色。

為了讓手機屏幕被充分利用，Material Design 提供了四種頂部導航欄形态。它們分别是半透明、黑色、從頁面中提取的顔色，以及比應用欄深一個色号的顔色。

系統圖标：拒絕「空間感」的色塊和線條

Nova Launcher 重新設計了一系列簡潔明快的系統圖标。「界面外觀」以調色盤表示，「文件夾」則使用圓形、方形和線條，簡化了「正在運行」的應用界面。

Material Design 中的系統圖标必須清晰、扁平，傳統的「空間感」是被禁止的。所有的矩形色塊必須使用圓角，線條和筆畫則用尖角展現凹凸感。

操作按鈕：讓頁面設置和開關燈一樣容易

在 Nova Launcher 中，你可以使用滑動條自由調整透明度和圖标字體大小。單選按鈕不隻更節省空間，還通過動畫表達「聚焦」和「按下」的狀态。開關按鈕的設計，以顔色和動畫營造出 On/Off 的視覺效果。

不管是單選、多選、自由劃動或是開關，Material Design 的原則是，在最節省空間的同時，以最直觀的方式引導用戶操作。

關于 Material Design 你應該了解的

在Google 發布 Android 5.0 系統以後，大家都開始談論 Material Design。「Material」代表着什麼？究竟什麼才是 Material Design？它有什麼樣的設計特征？

Google 的 Material Design 是一套統一的設計語言。它在手機、平闆、甚至電腦的不同平台和不同尺寸的屏幕上，都保持着一緻的體驗。

Material Design 中的魔法材料「Material」，擁有紙張的特性、物理世界的特性和反饋能力。

除此之外，它還具有伸縮、變形、自由拼接和分裂的能力，Material Design 的頁面中任何一個元素都由它衍生而來。

隻有一張白紙的變換未免顯得單薄。因此，Material Design 将材料打上光線，以陰影表現不同的高度和層級關系，賦予頁面豐富的視覺想象。

除了基本的特性介紹，對于顔色、動畫和字體，Material Design 也有詳細的設計規範。你可以通過搜索 Google Material Design 進行更深度的了解。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!