Material You – 安卓未來的設計語言給我們帶來了什么

前言：Material 是 Google 賦予 Android 的設計語言規范。隨著每年一個大版本的迭代更新，Material Design 也在不斷地演變和進化，今年，Material You 帶來[……]

閱讀全文 ?

初識Material Design設計規范（精簡版）

Material Design是移動端開發主流中除iOS外的第二套設計規范，這套優秀的設計語言雖然是應用在Android上，但其要義被許多設計師借鑒，并用在自己的設計中。官方的文檔是最佳的了解方式，但[……]

閱讀全文 ?

系統圖標背后的Material基礎規范

前面通過Gmail的案例讓大家初步了解產品圖標的繪制，這篇文章則闡述Android的系統圖標基礎規范，讓大家掌握Android下的圖標風格、尺寸和網格布局。通過本文的學習，大家可以繪制簡單的系統圖標。[……]

閱讀全文 ?

Material Design圖標規范——產品圖標

UI中的圖標是用戶第一次接觸和后續使用的門面擔當，隨著移動化趨勢的普及，如今說起圖標浮想起的是移動端上的圖標。移動端圖標根據系統平臺的不同有兩種標準：IOS標準和Material Design標準（A[……]

閱讀全文 ?

做深色主題設計？請看谷歌的行業級設計規范

前段時間Google I/O 大會如約召開，除了更加智能的AI，漸趨一致的多平臺交互手勢，不得不提的就是和設計師息息相關的Dark theme深色主題模式。很多人會奇怪，早在去年macOS Mojav[……]

閱讀全文 ?

提升 Material Design「懸浮按鈕」用戶體驗

懸浮按鈕是 Material Design 語言的一個常用的控件，英文稱為 Floating Action Button（FAB），通常用于 Android 手機端界面的按鈕，它的特色之處就是會有一個下陰影，從而讓它看起來就像懸浮在 UI 界面上面[……]

閱讀全文 ?

一個Material APP 層級展示頁

作為 APP 、前端開發 人員，界面層級關系需要更清楚，不能亂套，這里有一個用于 Material 設計層級關系的頁面指導圖，可以讓你清楚了解這個層級關系。

如果你對 Material desi[……]

閱讀全文 ?

助你快速搭配 Material Design 配色方案的10款Web工具

在設計 Material Design 的過程中你會發現一個很大的問題，那就是如何大膽、靈活的使用色彩組合。
Material Design 里的調色板工具將色彩描述為“受大膽排列色塊并結合柔和的環[……]

閱讀全文 ?