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

0 Like 0 留言 2885 瀏覽

鐵人賽 Mobile Development DAY 20

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

技術 Day 20 - Dialogs ( Implementation )

大綱 Alert dialog Simple dialog Confirmation dialog Full-screen dialog Anatomy Ke...

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

0 Like 0 留言 2026 瀏覽

鐵人賽 Mobile Development DAY 19

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

技術 Day 19 - Dialogs ( Design )

前言 Dialog 比起上一篇提到的 Snackbar，更為顯著且出現時會阻擋用戶操作 Dialogs - Design 分為下面幾個段落來介紹 Usag...

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

0 Like 0 留言 1258 瀏覽

鐵人賽 Modern Web DAY 22

UX 這條路，跪著也...走不完啊啊啊～系列第 22 篇

技術 Day 22 【嘗試開始】用爆便利貼！

我曾經在一個專案中想導入便利貼分類法時被一個行銷領域的同事說：「天啊！好不環保！」（笑）想想確實，用了一堆紙都只寫幾個字，真的是蠻浪費的！幸好現在有線上白板了...

Wen Chien ‧ 2022-10-07 ‧團隊蝦兵蟹將

0 Like 1 留言 814 瀏覽

鐵人賽 Modern Web DAY 21

UX 這條路，跪著也...走不完啊啊啊～系列第 21 篇

技術 Day 21 【嘗試開始】市面工具也太多！到底怎麼選？

某一次我到日本去自助旅行的時候，因為不會日文，英文也沒好到哪裡去，而且對方是漁民老太太，他也不懂英文...但我想要找某一種食物，所以我就...用畫的。結果對方還...

Wen Chien ‧ 2022-10-06 ‧團隊蝦兵蟹將

0 Like 0 留言 3420 瀏覽

鐵人賽 Mobile Development DAY 18

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

技術 Day 18 - SnackBars ( Design & Implementation)

前言 Snackbar，是很常見的應用通知設計，位於應用程式的底部，提供用戶目前操作的任何相關訊息。由於 Snackbar 實作的篇幅較少，就一起講解大綱...

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

0 Like 0 留言 2003 瀏覽

鐵人賽 Mobile Development DAY 16

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

技術 Day 16 - Progress indicators ( Design )

前言用來通知用戶正在進行的進程狀態，例如加載應用程序、提交表單或保存更新應用程序的狀態並指示可用的操作，例如用戶是否可以離開當前屏幕。在進行異步或初始化時常...

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

0 Like 0 留言 1741 瀏覽

鐵人賽 Mobile Development DAY 15

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

技術 Day 15 - Divider ( Design & Implementation )

前言 Divider 是能將要在 UI 呈現的重點內容，更加清晰且顯眼地表達。在我們想呈現列表形式的資料時，透過 Divider 的劃分，讓用戶能明顯辨識之間的...

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

0 Like 0 留言 1543 瀏覽

鐵人賽 Mobile Development DAY 14

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

技術 Day 14 - Floating action button (Implementation)

大綱 Using Type Regular FABs Mini FABs Extended FABs Speed dial Custom Style Usg...

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

1 Like 1 留言 1033 瀏覽

鐵人賽 Modern Web DAY 19

UX 這條路，跪著也...走不完啊啊啊～系列第 19 篇

技術 Day 19 【習慣培養】輸出 - 說、寫

了解了「輸入」的各種管道，今天我們要來聊聊「輸出」！通常，很多人會遇到的問題都是卡在輸出，這邊會有一個心理上比較高的檻，但跨過這段，你就真的可以學會了！｜你...

Wen Chien ‧ 2022-10-04 ‧團隊蝦兵蟹將

1 Like 1 留言 1590 瀏覽

鐵人賽 Modern Web DAY 18

UX 這條路，跪著也...走不完啊啊啊～系列第 18 篇

技術 Day 18 【習慣培養】輸入 - 聽、看

既然上一篇講到我們需要觀察、輸入、輸出，前面也帶大家一起觀察生活中的細節將近半個月，那麼今天就來分享有哪些管道可以讓我們「輸入」吧！｜Youtube 頻道...

Wen Chien ‧ 2022-10-03 ‧團隊蝦兵蟹將

1 Like 0 留言 614 瀏覽

鐵人賽 Modern Web DAY 17

UX 這條路，跪著也...走不完啊啊啊～系列第 17 篇

技術 Day 17 【觀察了一堆...然後呢？】

鐵人賽終於來到一半了...太感動～前面我們觀察了15天生活裡的日常細節，算一算也半個月了呢！（用上班日的話超過半個月ＸＤ這樣算起來是不是比較開心！！）今天想...

Wen Chien ‧ 2022-10-02 ‧團隊蝦兵蟹將

0 Like 1 留言 537 瀏覽

鐵人賽 Modern Web DAY 16

UX 這條路，跪著也...走不完啊啊啊～系列第 16 篇

技術 Day 16 【生活觀察】使用者習慣性

這系列文章，一直不斷重複提到的概念，就是使用者的行為與判斷，通常來自過去的使用經驗。理解這樣的概念之後，身為UX相關從業人員，就可以知道「我，並不代表所有...

Wen Chien ‧ 2022-10-01 ‧團隊蝦兵蟹將

1 Like 1 留言 895 瀏覽

鐵人賽 Modern Web DAY 15

UX 這條路，跪著也...走不完啊啊啊～系列第 15 篇

技術 Day 15 【生活觀察】吃個早餐也能淚牛滿面

今天要來跟大家分享一個「點早餐，從開始到放棄」的故事。某天早上，我與朋友路過一家沒有吃過的早餐店，看裡面沒什麼人，所以就拿了點餐單開始選要吃的早餐。沒...

Wen Chien ‧ 2022-09-30 ‧團隊蝦兵蟹將

1 Like 0 留言 2372 瀏覽

鐵人賽 Mobile Development DAY 12

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

技術 Day 12 - RadioButtons (Design & Implementation)

前言為 selection controls components 最後一個元件，與 slider、checkboxes 在設計上都非常簡潔，一樣也是實作與設...

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

0 Like 0 留言 1947 瀏覽

鐵人賽 Mobile Development DAY 13

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

技術 Day 13 - Floating action button (Design)

前言 FAB 作為一個獨立的 Action Button，位置上是在所有 Content 的前面並位於右下方，形狀上是圓形或依據不同大小可能為橢圓。通常對應著當...

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

1 Like 1 留言 775 瀏覽

鐵人賽 Modern Web DAY 14

UX 這條路，跪著也...走不完啊啊啊～系列第 14 篇

技術 Day 14 【生活觀察】向左走，向右走

還記得我們昨天討論過的 Icon 嗎？（請參考：Day 13 【生活觀察】Icon最佳說？你認識那隻水母嗎？）除了 icon 之外，日常生活中還有很多使用者...

Wen Chien ‧ 2022-09-29 ‧團隊蝦兵蟹將

0 Like 1 留言 1014 瀏覽

鐵人賽 Modern Web DAY 13

UX 這條路，跪著也...走不完啊啊啊～系列第 13 篇

技術 Day 13 【生活觀察】Icon最佳說？你認識那隻水母嗎？

你知道水母嗎？好啦不是這隻（來亂）... 那你知道，這隻藍色的水母嗎？當他亮起來時，到底代表什麼意思呢？....答案是～「遠燈」。*原文出處：http...

Wen Chien ‧ 2022-09-28 ‧團隊蝦兵蟹將

0 Like 0 留言 2138 瀏覽

鐵人賽 Mobile Development DAY 11

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

技術 Day 11 - Checkboxes (Design & Implementation)

前言與上篇同為 Selection Controls Components，今天要講的是 Checkboxes，由於這些元件整體相對簡潔，Material D...

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

0 Like 0 留言 1081 瀏覽

鐵人賽 Mobile Development DAY 10

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

技術 Day 10 - Switches ( Design & Implementation )

前言接下來的篇幅會開始講到 Selection Controls Components 簡稱 “選擇控件”：允許用戶完成涉及做出選擇的任務，例如選擇選項、打開...

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

1 Like 0 留言 1425 瀏覽

鐵人賽 Modern Web DAY 12

UX 這條路，跪著也...走不完啊啊啊～系列第 12 篇

技術 Day 12 【生活觀察】你今天碰碰車了嗎？

TO 正在看文章的你：我當然希望你能平安渡過每一次車程，但你有沒有發現，台灣的道路規劃，真的很容易碰碰車！沒錯，畢竟我最常觀察的情境都是在機車行進間，所以在生...

Wen Chien ‧ 2022-09-27 ‧團隊蝦兵蟹將

0 Like 0 留言 2403 瀏覽

鐵人賽 Mobile Development DAY 9

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

技術 Day 9 - Slider ( Implementation )

大綱 Simple Using Using Ranger Slider Adding/removing the value label Setting a...

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

2 Like 0 留言 2928 瀏覽

鐵人賽 Modern Web DAY 11

UX 這條路，跪著也...走不完啊啊啊～系列第 11 篇

技術 Day 11 【生活觀察】那個誰！不要踩草皮啦！拜託...

今年（2022）七月的時候，公司舉辦了一場 Outing 活動，地點在一個山上的私人農場。我們預計會在農場進行一個料理比賽！從遊覽車停車場到比賽地點，要走一小...

Wen Chien ‧ 2022-09-26 ‧團隊蝦兵蟹將

1 Like 1 留言 836 瀏覽

鐵人賽 Modern Web DAY 10

UX 這條路，跪著也...走不完啊啊啊～系列第 10 篇

技術 Day 10 【生活觀察】買飯都有障礙...還是回家通靈好了

今天要講一個點餐障礙讓人感到挫折的悲情故事... 午餐幾乎是上班族間討論度最高的一餐，上班族未解之謎之一就是：午餐吃什麼？（喂～！）在我公司附近的某家店面，...

Wen Chien ‧ 2022-09-25 ‧團隊蝦兵蟹將

0 Like 0 留言 1828 瀏覽

鐵人賽 Mobile Development DAY 8

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

技術 Day 8 - Slider ( Design )

前言 Slider 能讓用戶透過滑動按壓來對一系列的數值進行更加細部選擇的元件，常應用在音量控制或價格範圍等數值範圍選取的情境 Slider - Design...

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

0 Like 0 留言 965 瀏覽

鐵人賽 Modern Web DAY 9

UX 這條路，跪著也...走不完啊啊啊～系列第 9 篇

技術 Day 09 【生活觀察】警語，寫了個心酸

Hi～終於到第九天了...即將寫完整個鐵人賽的三分之一！在「生活觀察」這個章節的內容也來到大約一半了～不曉得大家現在出門會不會比較常留意行人和他們的行為呢？...

Wen Chien ‧ 2022-09-24 ‧團隊蝦兵蟹將

1 Like 0 留言 2684 瀏覽

鐵人賽 Modern Web DAY 8

UX 這條路，跪著也...走不完啊啊啊～系列第 8 篇

技術 Day 08 【生活觀察】公車族，一起來空手接白車！？

雖然我是機車族，但就如同前面提過的，在路上時我總會不自覺觀察周遭的狀況，尤其是停等紅燈的時候。今天我們來看看身為一個公車族有多麼辛苦吧！下面這個新聞畫面，相...

Wen Chien ‧ 2022-09-23 ‧團隊蝦兵蟹將

0 Like 0 留言 1517 瀏覽

鐵人賽 Mobile Development DAY 6

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

技術 Day 6 - App bar : Top ( Design )

前言 App bar:Top ( toolbar )，官方之所以這樣區分，是因為在 Material Design 分為 Top 與 Bottom，只不過在常見...

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

0 Like 0 留言 2474 瀏覽

鐵人賽 Software Development DAY 5

IT邦鐵人賽文章搜尋引擎系列第 5 篇

技術 [Day 05] 什麼是搜尋引擎 IV - 在 IT 邦尋求答案是否少了些什麼 |【搜尋引擎製作錄】

[Day 05] 什麼是搜尋引擎 IV - 在 IT 邦尋求答案是否少了些什麼 |【搜尋引擎製作錄】 Github, Over Engineering 在昨天...

tainvecs ‧ 2022-09-20

0 Like 0 留言 1119 瀏覽

鐵人賽 Modern Web DAY 5

轉職工程師前的技能學習！沒記起來就偷看筆記吧～系列第 5 篇

技術用偽元素改寫input radio，自己設計「單選框」

美化UI小技巧，讓單選框可以更符合設計樣式～ HTML <input type="radio" name="radio&...

Alice CH ‧ 2022-09-19

0 Like 0 留言 1235 瀏覽

鐵人賽 Modern Web DAY 6

UX 這條路，跪著也...走不完啊啊啊～系列第 6 篇

技術 Day 06 【生活觀察】到底是左轉還是右轉？？使用者不會告訴你的實話

不曉得正在閱讀文章的你，上班通勤都是用什麼方式呢？公車？捷運？走路！？（等等，太讓人羨慕了吧！）還是騎車或開車呢？如果你和我一樣非大眾運輸的話，肯定經常在馬...

Wen Chien ‧ 2022-09-21 ‧團隊蝦兵蟹將