iT邦幫忙

鐵人檔案

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

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

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

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

達標好文 UI / UX 設計白皮書 / Material Design 導讀_Day01 Material 基本介紹

必點技能 近年來 UI / UX 設計盛行,許多企業在開職缺需求都有特別備註需要了解 Material Design 及 Human Interface Gui...

2020-09-01 ‧ 由 Yvonne_Zhong 分享
DAY 2

UI / UX 設計白皮書 / Material Design 導讀_Day02 Material 章節項目

昨天我們了解 Material 的基本介紹,今天讓我們一起來看看 Material 的指標項目吧。 Material 主要分成Foundation (基礎)與...

2020-09-02 ‧ 由 Yvonne_Zhong 分享
DAY 3

UI / UX 設計白皮書 / Material Design 導讀_Day03 Environment 環境

昨天我們用嚴肅的態度去了解 Material Design 基礎介紹與章節架構後,今天讓我們用比較輕鬆的心情將 Material 章節拆解細分,一天天拼出完整的...

2020-09-03 ‧ 由 Yvonne_Zhong 分享
DAY 4

UI / UX 設計白皮書 / Material Design 導讀_Day04 Layout 排版

今天我們進入到 Material Design 中 Layout 排版的部分,排版涵蓋的範圍較廣,我們會分成兩天來介紹排版,今天會先了解排版、像素密度、響應式網...

2020-09-04 ‧ 由 Yvonne_Zhong 分享
DAY 5

UI / UX 設計白皮書 / Material Design 導讀_Day05 Layout 排版

在昨天我們了解了 Layout 排版需要具備響應式設計並且保有一致性,像素密度與裝置解析度的換算,各裝置平台的像素特性,在響應式網格排版與斷點間的密切關係,今天...

2020-09-05 ‧ 由 Yvonne_Zhong 分享
DAY 6

UI / UX 設計白皮書 / Material Design 導讀_Day06 Navigation 導覽列

在 Layout (排版) 的單元,我們了解到 Material Design 不止適用單一的螢幕尺寸,也是可以用於各種裝置的設計指南,不同的用戶在不同的情境使...

2020-09-06 ‧ 由 Yvonne_Zhong 分享
DAY 7

UI / UX 設計白皮書 / Material Design 導讀_Day07 Color 顏色

在 Navigation 導覽列的單元,我們了解到 Navigation 導覽列擺放的位子以及在不同頁面間導覽列的功能,在畫面切換間使用轉換動畫能加強關聯性減少...

2020-09-07 ‧ 由 Yvonne_Zhong 分享
DAY 8

UI / UX 設計白皮書 / Material Design 導讀_Day08 Color 顏色

昨天我們了解到色彩系統分為主要色、次要色、輔助色及替代顏色的基本概念及變體色的選擇,搭配不同的主題運用替代顏色進行色彩創作,在 UI 元件上建立高對比度的色彩搭...

2020-09-08 ‧ 由 Yvonne_Zhong 分享
DAY 9

UI / UX 設計白皮書 / Material Design 導讀_Day09 Typography 文字排版

昨天我們了解到顏色在搭配使用上呈現不同的色彩感受,在互動元件上巧妙的搭配能吸引注意力,顏色也能代表程式狀態,在不同的配色下仍然需要保持內文能清晰閱讀,在淺色及深...

2020-09-09 ‧ 由 Yvonne_Zhong 分享
DAY 10

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

昨天我們了解到 Typography 文字排版樣式等級,也了解每個字母都存在著許多學問,需要注意文字段落包含的字數、字體間距、行距,都與易讀性及可讀性有著密不可...

2020-09-10 ‧ 由 Yvonne_Zhong 分享