iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

UI / UX 設計白皮書 - Material Design 導讀 系列

UI / UX 起手式,透過導讀Material Design,把那些藏在魔鬼裡的細節一一挖出來,讓設計更貼近使用者。

鐵人鍊成 | 共 30 篇文章 | 51 人訂閱 訂閱系列文 RSS系列文
DAY 11

UI / UX 設計白皮書 / Material Design 導讀_Day11 Sound 聲音

昨天我們了解到 Sound 聲音可以分為音效、音樂、語音三種,將這些聲音帶入 UI 可以適時提供使用者訊息或狀態回饋,不同聲音可以傳達不同的情境與感受,英雄般的...

2020-09-11 ‧ 由 Yvonne_Zhong 分享
DAY 12

UI / UX 設計白皮書 / Material Design 導讀_Day12 Iconography 影像學

昨天我們了解到聲音可以具有不同的屬性及特徵,運用不同的編排可以使用在各種物件狀態及情境事件上,在應用程式的畫面層次中依序建立聲音回饋,藉此讓使用者得到更多的互動...

2020-09-12 ‧ 由 Yvonne_Zhong 分享
DAY 13

UI / UX 設計白皮書 / Material Design 導讀_Day13 Shape 形狀

昨天我們了解到 Iconography 影像學中各種圖示設計的注意事項,圖標由不同的設計元素構成,透過網格我們可以設計出具有統一性的圖示,配合筆畫粗細、圖示顏色...

2020-09-13 ‧ 由 Yvonne_Zhong 分享
DAY 14

UI / UX 設計白皮書 / Material Design 導讀_Day14 Shape 形狀

昨天我們了解到 Shape 形狀,可以設定個式形狀來傳達含意及狀態變化,同類型的形狀可以識別組件和識別不同的元件區塊,獨特的形狀可以跟一般組件形狀產生出差異,也...

2020-09-14 ‧ 由 Yvonne_Zhong 分享
DAY 15

UI / UX 設計白皮書 / Material Design 導讀_Day15 Motion 動作

昨天我們了解到當元件 Shape 形狀改變時,可以增加動畫讓改變動態更順暢,也更能突顯元件。在品牌與層次結構間使用形狀能建立統一的品牌結構基礎,若是需要突顯的元...

2020-09-15 ‧ 由 Yvonne_Zhong 分享
DAY 16

UI / UX 設計白皮書 / Material Design 導讀_Day16 Motion 動作

昨天我們了解到 Motion 動作可以強化結構層次、表現品牌、增加回饋和狀態及幫助用戶執行。更了解到各種畫面及元件在轉場動畫上的設定,各種主題在軸線上的轉場含義...

2020-09-16 ‧ 由 Yvonne_Zhong 分享
DAY 17

UI / UX 設計白皮書 / Material Design 導讀_Day17 Interaction 相互作用

昨天我們了解到 Motion 動作中,轉場動畫可以藉由控制速度及緩和速度帶給用戶順暢的畫面轉場,搭配持續時間的運用可以讓轉場效果如同自然物體的動態。藉由編排動畫...

2020-09-17 ‧ 由 Yvonne_Zhong 分享
DAY 18

UI / UX 設計白皮書 / Material Design 導讀_Day18 Communication 通訊

昨天我們了解到 Interaction 相互作用使用各種手勢可以對不同元件產生互動,透過不同手勢類型可以執行不同的任務指令,並依照應用程式預設好的狀態與產品進行...

2020-09-18 ‧ 由 Yvonne_Zhong 分享
DAY 19

UI / UX 設計白皮書 / Material Design 導讀_Day19 Communication 通訊

昨天我們了解到 Communication 通訊可以使用不同方式的通知,提供用戶確認與承認,減少用戶對於已採取或將要採取動作的不確定性。除此之外還可以防止用戶犯...

2020-09-19 ‧ 由 Yvonne_Zhong 分享
DAY 20

UI / UX 設計白皮書 / Material Design 導讀_Day20 Communication 通訊

昨天我們了解到 Communication 通訊中,當應用程式無法顯示項目的內容時,畫面呈現空白狀態,這時畫面可以顯示內容來告訴用戶當前狀態,或是提供其他方案讓...

2020-09-20 ‧ 由 Yvonne_Zhong 分享