2017 Material design 前言與目錄

D27發表於2017-07-24

翻譯初衷:

1.翻譯初始網上唯一完整版譯文出自極客學院 Wiki ,可惜版本截止至15年8月就沒再跟進。
2.看過極客學院 Wiki 版譯文的人都知道,由於“眾譯”的原因,翻譯質量參差不齊。有大半部分譯文是看不下去的。但是,在此還是十分感謝那些譯文作者的辛勤付出!
3.不管是 Android 還是 iOS 設計規範,認真研讀過的人都知道這是很棒的學習資源。自己陸陸續續翻譯了半年多的時間,希望譯文能夠幫助有需要的你。

閱前必必必讀:

1.為了減少因翻譯版本專業名詞的翻譯不同導致對讀者理解的干擾,部分名詞翻譯將延續極客學院 Wiki 版。
2.為了避免歧義,某些單詞不作翻譯。
3.文中一部分連結跳至官網原文相應章節,請大家對應譯文相應章節查詢;一部分連結需要科學上網才能瀏覽。
4.如覺得動圖不清晰或載入失敗,請跳轉至官網檢視。
5.一些單詞表達同一意思但文中給出的譯詞沒統一,有可能導致讀者誤解。如:
Grid:網格、柵格或宮格
Accessibility:可訪問性、無障礙
...
6.與官網同步更新


目錄:(官方文件最新更新至2017年4月)

Material design

  • 介紹 Introduction
  • 環境 Environment
  • Material特性 Material properties
  • 高度和陰影 Elevation and shadows

動效 Motion

  • Material動效 Material motion
  • Duration and easing
  • 運動 Movement
  • material的變化 Transforming material
  • 流程設計 Choreography
  • 富有創造性的定製方案 Creative customization

樣式 Style

  • 顏色 Color
  • Icons
  • 影象 Imagery
  • 字型與排版 Typography
  • 書寫 Writing

佈局 Layout

  • 原則 Principles
  • 單位和尺寸 Units and measurements
  • 度量和參考線 Metrics & keylines
  • 結構 Structure
  • 響應式UI Responsive UI
  • 分屏 Split screen

元件 Components

  • 底部導航 Bottom navigation
  • 底部sheets Bottom sheets
  • 按鈕 Buttons
  • 按鈕:浮動按鈕 Buttons: Floating Action Button
  • 卡片 Cards
  • Chips
  • 資料表格 Data tables
  • 對話方塊 Dialogs
  • 分隔線 Dividers
  • 擴充套件皮膚 Expansion panels
  • 宮格列表 Grid lists
  • 列表 Lists
  • 列表:控制元件 Lists: Controls
  • 選單:Menus
  • 選擇器 Pickers
  • 進度和活動 Progress & activity
  • 選擇控制元件 Selection controls
  • 滑塊 Sliders
  • Snackbars & toasts
  • Steppers
  • 副標題 Subheaders
  • Tabs
  • 文字欄位 Text fields
  • 工具欄 Toolbars
  • 提示框 Tooltips
  • 小部件 Widgets

模式 Patterns

  • 確定和確認 Confirmation and acknowledgement
  • 資料格式 Data formats
  • 無資料狀態 Empty states
  • 出錯 Errors
  • 指紋 Fingerprint
  • 手勢 Gestures
  • 啟動頁 Launch screens
  • 影象載入 Loading images
  • 導航 Navigation
  • 抽屜式導航 Navigation drawer
  • 引導過渡 Navigational transitions
  • 通知 Notifications
  • 許可權 Permissions
  • 滾動 Scrolling techniques
  • 搜尋 Search
  • 選擇 Selection
  • 設定 Settings
  • 滑動重新整理 Swipe to refresh

學習和溝通 Growth & communications

  • 介紹 Introduction
  • 使用者引導 Onboarding
  • 特性探索 Feature discovery
  • 手勢學習 Gesture education

可用性 Usability

  • 資訊無障礙 Accessibility
  • 雙向性 Bidirectionality

平臺 Platforms

  • 平臺適配 Platforms adaptation
  • 安卓 Android

資源 Resources

  • 色板 Color palettes
  • 裝置 Devices
  • 佈局模板 Layout templates
  • Roboto和Noto字型 Roboto & Noto fonts
  • Sticker sheets & icons
  • 投影 Shadows

相關文章