iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

6 Like 1 留言 10956 瀏覽

鐵人賽自我挑戰組 DAY 1

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

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

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

Yvonne_Zhong ‧ 2020-09-01

1 Like 0 留言 7086 瀏覽

鐵人賽自我挑戰組 DAY 4

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

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

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

Yvonne_Zhong ‧ 2020-09-04

2 Like 0 留言 6436 瀏覽

鐵人賽自我挑戰組 DAY 9

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

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

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

Yvonne_Zhong ‧ 2020-09-09

1 Like 0 留言 5663 瀏覽

鐵人賽自我挑戰組 DAY 8

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

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

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

Yvonne_Zhong ‧ 2020-09-08

1 Like 0 留言 4214 瀏覽

鐵人賽自我挑戰組 DAY 7

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

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

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

Yvonne_Zhong ‧ 2020-09-07

1 Like 0 留言 3899 瀏覽

鐵人賽自我挑戰組 DAY 3

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

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

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

Yvonne_Zhong ‧ 2020-09-03

1 Like 0 留言 3448 瀏覽

鐵人賽自我挑戰組 DAY 5

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

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

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

Yvonne_Zhong ‧ 2020-09-05

1 Like 0 留言 3303 瀏覽

鐵人賽自我挑戰組 DAY 6

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

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

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

Yvonne_Zhong ‧ 2020-09-06

2 Like 0 留言 3054 瀏覽

鐵人賽自我挑戰組 DAY 2

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

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

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

Yvonne_Zhong ‧ 2020-09-02

1 Like 0 留言 2243 瀏覽

鐵人賽自我挑戰組 DAY 24

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

技術 UI / UX 設計白皮書 / Material Design 導讀_Day24 Usability 易用性

昨天我們了解到 Material Theming 主題，提供了一套基本的主題樣式，在設計時可以觀察 Material 主題樣式的細節，甚至可以直接下載修改為符合...

Yvonne_Zhong ‧ 2020-09-24

1 Like 0 留言 2222 瀏覽

鐵人賽自我挑戰組 DAY 27

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

技術 UI / UX 設計白皮書 / Material Design 導讀_Day27 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導，Android 系統的狀態欄、指紋及觸覺設計指南，在狀態欄內應顯示的圖示及功能，還有區塊的建議尺寸...

Yvonne_Zhong ‧ 2020-09-27

1 Like 0 留言 2211 瀏覽

鐵人賽自我挑戰組 DAY 10

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

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

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

Yvonne_Zhong ‧ 2020-09-10

1 Like 0 留言 2200 瀏覽

鐵人賽自我挑戰組 DAY 18

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

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

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

Yvonne_Zhong ‧ 2020-09-18

1 Like 0 留言 2142 瀏覽

鐵人賽自我挑戰組 DAY 28

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

技術 UI / UX 設計白皮書 / Material Design 導讀_Day28 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導，Android 系統的圖示、介面導覽、通知，在圖示的章節中把圖示細分為四層元素，在每一層元素上依照...

Yvonne_Zhong ‧ 2020-09-28

1 Like 0 留言 2105 瀏覽

鐵人賽自我挑戰組 DAY 17

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

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

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

Yvonne_Zhong ‧ 2020-09-17

1 Like 0 留言 2015 瀏覽

鐵人賽自我挑戰組 DAY 11

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

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

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

Yvonne_Zhong ‧ 2020-09-11

2 Like 0 留言 2006 瀏覽

鐵人賽自我挑戰組 DAY 15

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

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

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

Yvonne_Zhong ‧ 2020-09-15

0 Like 0 留言 1934 瀏覽

鐵人賽 Mobile Development DAY 29

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 29 篇

技術 Day 29 - Tabs ( Design )

前言不知不覺鐵人賽也接近尾聲，要講的最後一個元件是 Tab，也是一種導航切換畫面的元件，圍繞在同一主題上。在大多數的 App 都能看到，包裹著相關性高或相同應...

vosscg0822 ‧ 2022-10-14 ‧團隊好想工作室 v6.0

2 Like 1 留言 1931 瀏覽

鐵人賽自我挑戰組 DAY 30

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

技術 UI / UX 設計白皮書 / Material Design 導讀_Day30 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導，子母畫面模式可讓兩個活動同時顯示在螢幕上，執行兩種不同的應用程式活動，也可以調整子母畫面的畫面尺寸...

Yvonne_Zhong ‧ 2020-09-30

1 Like 0 留言 1891 瀏覽

鐵人賽自我挑戰組 DAY 12

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

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

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

Yvonne_Zhong ‧ 2020-09-12

0 Like 0 留言 1852 瀏覽

鐵人賽 Software Development DAY 11

Python GUI 專案設計模式及好用的開發技巧系列第 12 篇

技術純手工打造UART版資料清洗工具之 PySide2 GUI 大補帖 - Part B

從七月開始從零開始研究PySide2 GUI相關設計及程式如何撰寫，已經有一段時間了，筆者深深有感，PySide 系列的水很深。 Let's GO ~~ 如...

家誠 ‧ 2021-09-26

1 Like 0 留言 1807 瀏覽

鐵人賽自我挑戰組 DAY 14

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

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

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

Yvonne_Zhong ‧ 2020-09-14

1 Like 0 留言 1765 瀏覽

鐵人賽自我挑戰組 DAY 25

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

技術 UI / UX 設計白皮書 / Material Design 導讀_Day25 Usability 易用性

昨天我們了解到 Usability 易用性中輔助功能，無障礙設計提供更多幫助，通過螢幕閱讀器、放大工具和助聽器等設備幫助用戶用戶可以在 "觸摸瀏覽&q...

Yvonne_Zhong ‧ 2020-09-25

1 Like 0 留言 1753 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 UI / UX 設計白皮書 / Material Design 導讀_Day23 Material Theming 主題

昨天我們了解到 Machine learning 機器學習模式能提供用戶使用圖像進行搜尋及條碼掃描，看似簡單的操作步驟，在每項操作時預先想好流程中用戶可能會遇到...

Yvonne_Zhong ‧ 2020-09-23

1 Like 0 留言 1597 瀏覽

鐵人賽自我挑戰組 DAY 29

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

技術 UI / UX 設計白皮書 / Material Design 導讀_Day29 Platform guidance 平台指導

昨天我們了解到 Platform guidance 平台指導，在應用程式中許多的操作需要權限許可，透過入門指南說明權限、或是事先詢問、在消息通知中顯示請求、透過...

Yvonne_Zhong ‧ 2020-09-29

1 Like 0 留言 1576 瀏覽

鐵人賽自我挑戰組 DAY 22

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

技術 UI / UX 設計白皮書 / Material Design 導讀_Day22 Machine learning 機器學習

昨天我們了解到 Machine learning 機器學習模式能提供用戶更完善的人機介面指南，在操作機器中達成最好的互動體驗，物體檢測中看似簡單的即時攝影操作，...

Yvonne_Zhong ‧ 2020-09-22

1 Like 0 留言 1525 瀏覽

鐵人賽自我挑戰組 DAY 13

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

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

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

Yvonne_Zhong ‧ 2020-09-13

1 Like 0 留言 1474 瀏覽

鐵人賽自我挑戰組 DAY 26

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

技術 # UI / UX 設計白皮書 / Material Design 導讀_Day26 Platform guidance 平台指導

昨天我們了解到 Usability 易用性，需要根據不同國家顯示的語言方向進行排版，依照用戶的使用慣性排列出易於用戶操作的畫面，當產品支援多國語系時排版可能需要...

Yvonne_Zhong ‧ 2020-09-26

1 Like 0 留言 1471 瀏覽

鐵人賽自我挑戰組 DAY 20

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

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

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

Yvonne_Zhong ‧ 2020-09-20

0 Like 0 留言 1450 瀏覽

鐵人賽 Mobile Development DAY 4

從 Google Material Design Components 來了解與實作 Android 的 UI/UX 元件設計系列第 4 篇

技術 Day 4 - Text fields ( Design )

前言今天要來介紹的是 Text fields ( Input Text )，與 Button 一樣都是在應用程式中很常見的元件，通常出現在需要讓用戶填寫資料的...

vosscg0822 ‧ 2022-09-19 ‧團隊好想工作室 v6.0

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