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

0 Like 0 留言 16 瀏覽

鐵人賽 Modern Web DAY 7

UI/UX 不只是漂亮！30 天讓你的設計人人都能用系列第 7 篇

技術 Day 07 | 從藍圖到樣品屋：Wireframe 到 Hi-Fi Prototype 的進化之路

在 UI/UX 設計流程裡，介面設計不是一開始就畫精緻的畫面🙅‍♀️。我們通常會先做 Wireframe、Lo-Fi Prototype、Hi-Fi Prot...

ＸＩＮ ‧ 2025-09-20

2 Like 0 留言 66 瀏覽

技術醫療保險使用者體驗設計：10 個設計小技巧來達到2025年健康保險流通與責任法案的合規性

Healthcare UX Design: 10 Tips to Achieve HIPAA (Health Insurance Portability and...

tingting1987 ‧ 2025-09-19

0 Like 0 留言 85 瀏覽

鐵人賽 Modern Web DAY 6

UI/UX 不只是漂亮！30 天讓你的設計人人都能用系列第 6 篇

技術 Day 06 | 別再讓使用者迷路！3 步驟搞懂資訊架構

在 Day03 的設計流程有介紹到『資訊架構就像蓋房子前的藍圖，這步驟決定資訊要怎麼被整理和放置，使用者進來時才知道要去哪裡找東西。』當使用者打開一個網站或...

ＸＩＮ ‧ 2025-09-19

0 Like 0 留言 89 瀏覽

鐵人賽 Modern Web DAY 5

UI/UX 不只是漂亮！30 天讓你的設計人人都能用系列第 5 篇

技術 Day 05 | 使用者研究三神器：Persona、CJM、User Story 怎麼用？

在 UI/UX 設計流程裡，「使用者研究」是一個承上啟下的關鍵步驟。上一步的需求訪談會蒐集大量資訊，但這些資料如果只是散落在筆記裡，團隊會很難吸收和運用。這...

ＸＩＮ ‧ 2025-09-18

0 Like 0 留言 112 瀏覽

技術掌握註解的架構：增強UI/UX設計！

Mastering Annotated Wireframes: Enhancing UI/UX Design看到標題時我很疑惑，想說這是什麼意思！？但內容卻是在...

tingting1987 ‧ 2025-09-18

0 Like 0 留言 95 瀏覽

鐵人賽 Modern Web DAY 4

UI/UX 不只是漂亮！30 天讓你的設計人人都能用系列第 4 篇

技術 Day 04 | 需求訪談不只是聊天：抓住設計的第一手資訊

在 UI/UX 設計流程中，「需求訪談」幾乎是最前面的工作。很多設計師一開始會忍不住打開 Figma 開畫面開始設計，但如果沒有先理解需求，很容易設計到一半就被...

ＸＩＮ ‧ 2025-09-17

1 Like 0 留言 112 瀏覽

鐵人賽 Mobile Development DAY 11

Mobile Dev｜日更靈感來源 App：Flutter × LLM × n8n，每天只推 3 則！系列第 11 篇

技術 30 天做一個極簡App：互動按鈕「一鍵保留、捨棄、收藏」

日安（換個方式打招呼）！經過Day 10的努力，App已經脫胎換骨。Riverpod 的加持，每一次滑動不再是過眼雲煙，而是會真實地改變App狀態的有效操作。...

Sonia ‧ 2025-09-11 ‧團隊熊熊嗚好！

0 Like 0 留言 291 瀏覽

鐵人賽 AI & Data DAY 25

AI圖像辨識輔助的BIM資料流自動化流程系列第 25 篇

技術 Day25：GUI工具介面功能設計

　　前面章節中，我們已經完成了從 YOLO/OCR 自動辨識到 IFC/BIM 建模的技術流程，但單靠指令行或程式碼操作的技術門檻還是太高。為了把複雜流程轉化成...

Yi-Ping, Fang ‧ 2025-08-25

0 Like 0 留言 1761 瀏覽

鐵人賽 IT 管理 DAY 10

【前端工程師＆UI 的 30 天約會】戰勝猴子！：Figma 交付實戰篇系列第 10 篇

技術 [Day10-討論階段] 終於可以開始切版！但到底要看哪一版 final_last_finalfinal？💥

（圖片來源：DRBARTPM.COM） Mockup 的具象讓人看到更多可能當然沒那麼簡單定版⋯ 利害關係人們看了 UI Mockup 後，因為近一步推進到實...

TC ‧ 2024-09-22 ‧團隊擁有夢想的鐵人猴子隊

2 Like 1 留言 529 瀏覽

鐵人賽自我挑戰組 DAY 30

UI/UX設計的初心者冒險之旅系列第 30 篇

技術 DAY30＃運用ChatGPT安排自學計畫心得

開賽前就決定好，第30天要來寫有關利用ChatGPT輔助學習的心得，畢竟現在獲取資訊的方式相較過去方便許多，學習新事物的來源也更廣泛，但是要怎麼吸收使用還是要看...

Chloe ‧ 2024-09-10 ‧團隊iT 貓貓教

0 Like 0 留言 306 瀏覽

鐵人賽自我挑戰組 DAY 29

UI/UX設計的初心者冒險之旅系列第 29 篇

技術 DAY29＃UI/UX設計學習目錄

從開賽到現在不知不覺快要30天了，除了學習之外，複習跟統整也是一樣重要的，所以今天我想把過去這幾天寫的內容歸納一下，方便之後回頭看不用亂找 :D 那就，理論...

Chloe ‧ 2024-09-09 ‧團隊iT 貓貓教

1 Like 0 留言 287 瀏覽

鐵人賽 IT 管理 DAY 5

【前端工程師＆UI 的 30 天約會】戰勝猴子！：Figma 交付實戰篇系列第 5 篇

技術 [Day5-討論階段] 參與草稿（Wireframe）的討論，之後會更好做事！

專案啟動這裡的啟動指的是需求進到設計，開始討論前台畫面時。設計師們在此階段會出 Wireframe 草稿（什麼是 Wireframe？請看下一篇），幫助需求對...

TC ‧ 2024-09-17 ‧團隊擁有夢想的鐵人猴子隊

0 Like 0 留言 847 瀏覽

鐵人賽自我挑戰組 DAY 28

UI/UX設計的初心者冒險之旅系列第 28 篇

技術 DAY28＃設計迭代 (Design Iteration)

一個產品開發、設計往往不是一蹴而就的事，總是要經歷不斷的調整，今天就針對這部分簡單做個筆記。那麼，設計迭代（Design Iteration）　　很早之...

Chloe ‧ 2024-09-08 ‧團隊iT 貓貓教

2 Like 0 留言 558 瀏覽

鐵人賽 IT 管理 DAY 2

【前端工程師＆UI 的 30 天約會】戰勝猴子！：Figma 交付實戰篇系列第 2 篇

技術 [Day2-介紹] UI/UX 設計師是做什麼的？

UI/UX 設計師、產品設計師近十年來，隨著產品開發的發展，和日漸增加對使用者洞察的需求，台灣各家公司的產品開發團隊中開始加入了新角色：UI/UX 設計師，有...

TC ‧ 2024-09-14 ‧團隊擁有夢想的鐵人猴子隊

0 Like 0 留言 279 瀏覽

鐵人賽自我挑戰組 DAY 27

UI/UX設計的初心者冒險之旅系列第 27 篇

技術 DAY27＃實作練習-6_購物網站Prototype

根據那個階層圖表示，網頁視覺設計的Mockup完成之後，就是製作prototype的開始，也許會有沒想到的部分，但還是先嘗試看看吧！那就，頁面分述首頁...

Chloe ‧ 2024-09-07 ‧團隊iT 貓貓教

0 Like 0 留言 295 瀏覽

鐵人賽自我挑戰組 DAY 26

UI/UX設計的初心者冒險之旅系列第 26 篇

技術 DAY26＃實作練習-5_購物網站Mockup

在設計UI元件的時候，就已經開始思考網站雛型可能會長怎樣，不過我不是學設計的，要有很美觀的畫面會有點困難。但還是，嘿嘿， Mockup 　　依據那時候設計元...

Chloe ‧ 2024-09-06 ‧團隊iT 貓貓教

0 Like 0 留言 319 瀏覽

鐵人賽自我挑戰組 DAY 25

UI/UX設計的初心者冒險之旅系列第 25 篇

技術 DAY25＃實作練習-4_網站UI元件設計

原本今天的預期規劃是要完成Mockup，但對目前的我來說有點太吃力了，所以就著重在設計網站元件吧！那麼， UI元件設計　　從DAY24製作的小農網站wir...

Chloe ‧ 2024-09-05 ‧團隊iT 貓貓教

0 Like 0 留言 292 瀏覽

鐵人賽自我挑戰組 DAY 24

UI/UX設計的初心者冒險之旅系列第 24 篇

技術 DAY24＃實作練習-3_繪製網站Wireframe

目前小農購物網站的進度，已經從user story進展到UI flow，那接下來，就開始依據前一天繪製的內容，來製作每個介面的wireframe吧！那麼，...

Chloe ‧ 2024-09-04 ‧團隊iT 貓貓教

0 Like 0 留言 388 瀏覽

鐵人賽自我挑戰組 DAY 23

UI/UX設計的初心者冒險之旅系列第 23 篇

技術 DAY23＃實作練習-2_操作邏輯流程（Logic Flow）

在決定要製作一個簡易的小農購物網站後，回頭找了之前寫過的筆記，在DAY6那天，有截圖一個UI設計流程的階層圖，昨天已經完成有關User story的部分。那就...

Chloe ‧ 2024-09-03 ‧團隊iT 貓貓教

0 Like 0 留言 384 瀏覽

鐵人賽自我挑戰組 DAY 22

UI/UX設計的初心者冒險之旅系列第 22 篇

技術 DAY22＃實作練習-1_創建使用者故事/旅程

在歷經前面20天左右的UI/UX學習之後，接下來要準備嘗試實作練習，作為學習計畫的收尾。那麼，創建使用者故事　　假設有一位臺灣在地的A小農，他希望透過網...

Chloe ‧ 2024-09-02 ‧團隊iT 貓貓教

0 Like 0 留言 322 瀏覽

鐵人賽自我挑戰組 DAY 21

UI/UX設計的初心者冒險之旅系列第 21 篇

技術 DAY21＃使用者體驗要素（Elements of UX）

這陣子為了熟悉Figma的操作，在UI設計方面著墨許多，今天就來針對UX的相關知識來學習。那麼，使用者體驗要素　　相信在學習UI/UX設計的過程，一定會...

Chloe ‧ 2024-09-01 ‧團隊iT 貓貓教

0 Like 0 留言 460 瀏覽

鐵人賽自我挑戰組 DAY 20

UI/UX設計的初心者冒險之旅系列第 20 篇

技術 DAY20＃網頁基本結構與行動裝置設計準則

一個舒適的網頁可以讓使用者盡情瀏覽資料，所以學習一個網頁的基本結構是很重要的，而UX設計能進一步優化使用者的體驗感受。那就，網頁基本結構　　一個網頁結構...

Chloe ‧ 2024-08-31 ‧團隊iT 貓貓教

0 Like 0 留言 764 瀏覽

鐵人賽自我挑戰組 DAY 19

UI/UX設計的初心者冒險之旅系列第 19 篇

技術 DAY19＃Figma的網格系統 (Grid System)

好幾天之前在鐵人賽開始的DAY2，與排版相關的文章裡有提到網格系統（grid system）的概念，那今天就針對它學習吧。來吧！網格系統 (Grid Sy...

Chloe ‧ 2024-08-30 ‧團隊iT 貓貓教

1 Like 0 留言 334 瀏覽

鐵人賽自我挑戰組 DAY 18

UI/UX設計的初心者冒險之旅系列第 18 篇

技術 DAY18＃響應式網頁設計與行動優先設計

UI設計的部分學習了好幾天，也大改特改過ChatGPT的規劃。那今天呢，就來學習在規劃網站的時候應該要有的幾個概念。那麼，響應式網頁設計（Responsi...

Chloe ‧ 2024-08-29 ‧團隊iT 貓貓教

0 Like 0 留言 2824 瀏覽

鐵人賽自我挑戰組 DAY 17

UI/UX設計的初心者冒險之旅系列第 17 篇

技術 DAY17＃Prototype常見互動製作

透過Prototype的呈現可以讓團隊清楚了解版面設計與呈現方式，但要怎麼讓效果照預期的呈現，就需要應用學過的各種功能了，所以今天就來紀錄幾個常見的互動方式。...

Chloe ‧ 2024-08-28 ‧團隊iT 貓貓教

0 Like 0 留言 415 瀏覽

鐵人賽自我挑戰組 DAY 16

UI/UX設計的初心者冒險之旅系列第 16 篇

技術 DAY16＃將表單成果製作成Portotype

還記得我在DAY14那天用Figma設計了UI元件與表單，既然都有一個比較完整的設計稿了，不如直接拿它練習製作成Portotype吧！開練開練， Proto...

Chloe ‧ 2024-08-27 ‧團隊iT 貓貓教

0 Like 0 留言 619 瀏覽

鐵人賽自我挑戰組 DAY 15

UI/UX設計的初心者冒險之旅系列第 15 篇

技術 DAY15＃Figma的Portotype介紹

一般設計出來的線框稿或平面稿是不能互動的，這時候就需要製作可以模擬操作的Prototype（原型），來確認按鈕連結與預期效果。那就，操作總覽　　切換到P...

Chloe ‧ 2024-08-26 ‧團隊iT 貓貓教

0 Like 0 留言 387 瀏覽

鐵人賽自我挑戰組 DAY 14

UI/UX設計的初心者冒險之旅系列第 14 篇

技術 DAY14＃設計UI元件與製作表單

前面幾天學了很多有關於Figma的功能，今天就來嘗試看看設計UI元件，然後再製作表單試試看吧！那就，設計UI元件　　為了練習我這邊先設計可能會用到的元件...

Chloe ‧ 2024-08-25 ‧團隊iT 貓貓教

0 Like 0 留言 344 瀏覽

鐵人賽自我挑戰組 DAY 13

UI/UX設計的初心者冒險之旅系列第 13 篇

技術 DAY13＃Component的其他屬性介紹

Component的property（屬性）除了Variant，還有其他三種，分別是Boolean、Instance swap和Text，將這些功能統一彙整在這...

Chloe ‧ 2024-08-24 ‧團隊iT 貓貓教

0 Like 0 留言 365 瀏覽

鐵人賽自我挑戰組 DAY 12

UI/UX設計的初心者冒險之旅系列第 12 篇

技術 DAY12＃Component + Variant 操作 - Input

原以為需要再找資料來學習input的variant，沒想到直接打開Figma重新做一遍，欸？可以了耶？完全不知道昨天怎麼了。但還是紀錄一下吧， Compon...

Chloe ‧ 2024-08-23 ‧團隊iT 貓貓教