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

0 Like 0 留言 873 瀏覽

鐵人賽 Mobile Development DAY 2

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

技術 Day 2 - Button ( Design )

前言觸控手機問世的那一刻，Button 就成了每個應用程式中不可或缺的元件。這也是我想把它擺到第一位來介紹的主因，作為 Mobile 移動端的開發工程師，都無...

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

1 Like 0 留言 954 瀏覽

鐵人賽 Mobile Development DAY 10

今年一定減成功!Jetpack Compose 做出重訓紀錄APP 系列第 10 篇

技術 Day 10 Card

前言今天詳細介紹 Card 的種類，以及實作時需要注意的事項。 Card @Composable fun MyCard() { Card() {...

ChuLin ‧ 2022-09-16 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 938 瀏覽

鐵人賽 Mobile Development DAY 2

Kotlin 實踐 Material Design 懶人包系列第 2 篇

技術 Day02 一般常見 Button

在Material Design中提供不同樣式的Button，官方同時說明使用Button需根據操作的重要性選擇類型，當操作越重要時Button應該越具有強調性...

Anna ‧ 2022-09-16

0 Like 1 留言 1106 瀏覽

鐵人賽 Mobile Development DAY 1

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

技術 Day 1 - 學習 Material Design 的好處在哪 ?

前言由於 Material Design 大多數的篇幅都注重在介紹 UI / UX 還有在 Android 中有哪些實用的元件所以對前端工程師最大的好處應該...

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

0 Like 0 留言 948 瀏覽

鐵人賽 Mobile Development DAY 9

今年一定減成功!Jetpack Compose 做出重訓紀錄APP 系列第 9 篇

技術 Day 9 主頁面 Flow、Component

前言今天要從 Flow 開始，介紹主畫面主要流程、看看 wirefram 上需要哪些 Component，並到 Figma 的 MD3 抓需要的元件。 Ho...

ChuLin ‧ 2022-09-15 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

1 Like 0 留言 1557 瀏覽

鐵人賽 Mobile Development DAY 1

Kotlin 實踐 Material Design 懶人包系列第 1 篇

技術 Day01 踏入Google的設計語言

這次Kotlin 實踐 Material Design 懶人包，文章主要關注在 Material Design components 的實作上，所以會有大量實作...

Anna ‧ 2022-09-15

0 Like 1 留言 1744 瀏覽

鐵人賽 Mobile Development DAY 7

今年一定減成功!Jetpack Compose 做出重訓紀錄APP 系列第 7 篇

技術 Day 7 Figma x Material Theme Builder x Material Design 3

前言前2天用了 Web版 Material Theme Builder，快速方便。但想要看渲染過的元件長什麼樣的話就要到 Figma 版的 Material...

ChuLin ‧ 2022-09-13 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1105 瀏覽

鐵人賽 Mobile Development DAY 6

今年一定減成功!Jetpack Compose 做出重訓紀錄APP 系列第 6 篇

技術 Day 6 把生成好的Material3 顏色加入專案，再來點動態顏色。

前言昨天我們花了幾分鐘做輸出好顏色檔案。接下來就是使用它啦！加入 Theme.kt 和 Colot.kt 輸出檔案解壓縮後得到兩個檔案開新的 comp...

ChuLin ‧ 2022-09-12 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 1 留言 1542 瀏覽

鐵人賽 Mobile Development DAY 5

今年一定減成功!Jetpack Compose 做出重訓紀錄APP 系列第 5 篇

技術 Day 5 來點顏色瞧瞧 Material3 Color & Dynamic Color 不是設計師，也能輕鬆產出主題色～

前言昨天信誓旦旦的說要把 flow 畫好，但有時候就是會看著同個東西沒有靈感。所以今天來做個也很重要，而且可以讓心情變美麗的東西，主題色！Android 1...

ChuLin ‧ 2022-09-11 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1124 瀏覽

鐵人賽 Mobile Development DAY 9

30天建立寵物約散App-Android新手篇系列第 9 篇

技術【Day9】AddInvitationFragment(上)

好的，接下來我們要新增邀約的Fragment，好讓使用者可以上去PO出自己的邀約，以及讓不同的使用者可以看到目前有的邀約。那我們開始吧! 今天會完成上傳圖片/...

Tom ‧ 2021-09-24 ‧團隊好想工作室V5.0

0 Like 0 留言 1787 瀏覽

鐵人賽 Modern Web DAY 8

關於 UI 元件你所該知道的事系列第 8 篇

技術 Day 08 - Design System x 實作 — Color System

今天是這系列第一次碰 Code，要來介紹三種 Color System 在專案中實作的方式，但實現方式絕對不只這三種，這邊只是提供個參考或概念給大家！這三種...

parkerhiphop027 ‧ 2021-09-23

1 Like 1 留言 2982 瀏覽

鐵人賽 Modern Web DAY 7

關於 UI 元件你所該知道的事系列第 7 篇

技術 Day 07 - Design System — 前端工程師也該知道的那些事

在前一天我們知道了 Design System 為什麼出現、它試圖解決的問題和一些使用上的 Mindset 後，今天要來介紹 Design System 到底...

parkerhiphop027 ‧ 2021-09-22

0 Like 0 留言 2043 瀏覽

鐵人賽 Modern Web DAY 6

關於 UI 元件你所該知道的事系列第 6 篇

技術 Day 06 - Design System — 為什麼前端工程師也該知道它？

新章突入！終於進入到期待已久的第二章 Design System 啦！那在講 Design System 之前想要先提到一個觀念：「前期規劃 > 實作...

parkerhiphop027 ‧ 2021-09-21

0 Like 0 留言 3118 瀏覽

鐵人賽 Modern Web DAY 5

關於 UI 元件你所該知道的事系列第 5 篇

技術 Day 05 - 行前說明 — UI 元件分類你知多少？

今天是行前說明的最後一篇了，前面幾篇都是很架構面的知識，而今天要講的就是真的很貼近 UI 元件的分類系統了。首先想先回答一個問題：「UI 元件為什麼要分類呢...

parkerhiphop027 ‧ 2021-09-20

2 Like 1 留言 1607 瀏覽

鐵人賽自我挑戰組 DAY 30

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

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

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

Yvonne_Zhong ‧ 2020-09-30

1 Like 0 留言 1361 瀏覽

鐵人賽自我挑戰組 DAY 29

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

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

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

Yvonne_Zhong ‧ 2020-09-29

1 Like 0 留言 1932 瀏覽

鐵人賽自我挑戰組 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 留言 1836 瀏覽

鐵人賽自我挑戰組 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 留言 1286 瀏覽

鐵人賽自我挑戰組 DAY 26

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

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

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

Yvonne_Zhong ‧ 2020-09-26

1 Like 0 留言 1508 瀏覽

鐵人賽自我挑戰組 DAY 25

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

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

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

Yvonne_Zhong ‧ 2020-09-25

1 Like 0 留言 1986 瀏覽

鐵人賽自我挑戰組 DAY 24

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

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

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

Yvonne_Zhong ‧ 2020-09-24

1 Like 0 留言 1383 瀏覽

鐵人賽自我挑戰組 DAY 23

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

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

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

Yvonne_Zhong ‧ 2020-09-23

1 Like 0 留言 3756 瀏覽

鐵人賽 Modern Web DAY 7

從平面轉型成網頁設計的 UI/UX 設計師系列第 7 篇

技術【Day 7】如何更換 Hexo 主題

在成功將 Hexo 部落格搭建好後，身為設計師的筆者，看著原有的主題實在是渾身不對勁。本篇文章會介紹如何更換主題，讓你每天打開部落格都心情美美的：） by An...

GG ‧ 2020-09-22 ‧團隊想吃薑母鴨

1 Like 0 留言 1331 瀏覽

鐵人賽自我挑戰組 DAY 22

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

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

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

Yvonne_Zhong ‧ 2020-09-22

1 Like 0 留言 914 瀏覽

鐵人賽自我挑戰組 DAY 21

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

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

昨天我們了解到 Communication 通訊中，快速入門流程可以幫助用戶快速熟悉應用程式，從啟動到操作特定目標的過程一一給予用戶引導。離線狀態允許用戶無需開...

Yvonne_Zhong ‧ 2020-09-21

1 Like 0 留言 1271 瀏覽

鐵人賽自我挑戰組 DAY 20

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

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

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

Yvonne_Zhong ‧ 2020-09-20

1 Like 0 留言 1245 瀏覽

鐵人賽自我挑戰組 DAY 19

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

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

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

Yvonne_Zhong ‧ 2020-09-19

1 Like 0 留言 1904 瀏覽

鐵人賽自我挑戰組 DAY 18

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

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

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

Yvonne_Zhong ‧ 2020-09-18

1 Like 0 留言 1839 瀏覽

鐵人賽自我挑戰組 DAY 17

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

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

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

Yvonne_Zhong ‧ 2020-09-17

1 Like 0 留言 1151 瀏覽

鐵人賽自我挑戰組 DAY 16

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

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

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

Yvonne_Zhong ‧ 2020-09-16