Google Material Design 正體中文版
介紹
1. Material Design
- 1.1. 介紹
2. What is material?
3. Animation
4. Style
5. Layout
6. Components
7. Pattern
8. Usability
- 8.1. 親和性
- 8.2. * 雙向性
9. Resources
10. What's new
- 10.1. * What's new

Google Material Design 正體中文版

結構

UI 區域及導覽

這個章節包含手機到桌面應用程式其中的幾點指導方針。

應用程式的款式相當多，是為了滿足不同的需求，舉例來說：

應用程序，其主要目的是沒有更深的導航不同的活動之間切換（如電話撥號器提供收藏，最近和聯繫人）

專門處理單一個行為的應用程式(像是計算機、相機、還有一些遊戲)
主要用來處理不同行為的應用程式，而並沒有更深入的操作(像是電話簿、聯絡人、最近的通話)
包含一個廣泛的數據以及深度的導覽(像是有不同資料夾的郵件工具或是購物的應用程式)

你的應用程式結構，是來自於內容以及想要呈現給使用者的功能。

從上方開始

啟動畫面的佈局需要格外注意，這是人們在啟動應用程式所看到的第一個畫面，所以要讓新舊訪客擁有相同的使用者體驗。

試問你自己：“一般的使用者將怎樣去使用我的應用程式”，而這將會是你開始畫面的依據。

將內容轉發。許多應用程序集中的內容顯示。避免導航僅屏幕，而是讓人們通過使內容的開始屏幕的中心找到您的應用程序的核心體驗的時候了。選擇佈局，在視覺上具有吸引力和適當的數據類型和屏幕尺寸。

將內容擺前面。許多應用程式專注在內容的顯示。避免螢幕只有顯示導覽，而是讓人們透過啟動畫面就了解你們的應用程式核心概念。以具吸引力的視覺、適合的數據及不同螢幕尺寸來選擇畫面的佈局。

導航及操作。像是任何的工具列，工具欄可以整合各種重要的功能。理想呈現導覽選項的位置，就是將它放在螢幕的頂端。如果你的內容可以被搜索，工具欄內就包含搜尋功能吧，這樣人們可以透過導航快速切換不同的層級

重視的功能。，當你的應用程式擁有大量的功能及內容，指引用戶去關注產品重要的環節。突顯內容的重點，把最有特色功能放在浮動功能的按鈕。別強調應用程式少用的功能。

索引頁策略 (TOP-LEVEL VIEW STRATEGIES)

譯者：TOP-LEVEL VIEW 是應用程式進入後的第一個階層參考，雖然和索引頁意思並不相同，但為了翻譯順暢，這裡翻譯做"索引頁"

索引頁是主要介紹應用程式功能的區域，有些應用程式容易被關注，且有適度的導航；其他應用程式索引頁會存在許多的畫面，而你必須確保使用者可以透過這些導覽找到他們的需求。

選擇最好的且符合你應用程式的導航。

專注一個被嵌入的導覽視點。所有必要的連結都放置在導覽上，提高導航的可見度。當應用程式導覽很簡單的情況下，這或許是適當的，然而，在大量的連結顯示在導覽時，這可能會減少內容顯示的空間；而且這些路徑可能被分佈在整個螢幕，而不是容易被預測和方便的位置。

以下情形請用上下文的導覽：

應用程式有強烈的主視覺，且沒有(甚至很少)的替代方案。
透過主要的畫面，使用者能夠完成大部份常用工作。
你期待使用者會是不常使用這應用程式，而是注重這些連結。

使用頁籤來切換數量不多，且同等重要的內容。如果應用程式只有少數的功能區，每個功能的層次也不多，就使用頁籤來切換每個不同的索引頁內容。不僅可以快速切換不同的內容，且能透過點擊或是滑動來將內容顯示出來。然而這些頁籤，小顯示器上也要夠為顯著，且適用在少數且簡潔外觀的標簽上。

以下情況建議使用頁籤：

你期待使用者會很頻繁的切換內容。
索引頁內容總數是有被限制住的。
你想要使用者會關注這些交互的內容。

透過左方導覽面板來管理複雜的結構。在左方導覽面板能夠同時顯示大量的導航目標。在應用程式中有種單一功能的特別有用，"回首頁"，還有側欄面板還能作為一個較少使用的索引。如果應用程式需要直接從另一個重要的區塊切換過來，從應用程式的左方滑動面版，來切換不同的內容是很有效率的。然而，由於它沒有一個直覺的提示，它需要使用者花些時間去熟悉它。

以下情況建議使用側面導覽面板(navigation drawer)：