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

0 Like 1 留言 3156 瀏覽

鐵人賽自我挑戰組 DAY 4

我是ikea 但還不會設計傢俱系列第 4 篇

技術 004 淺談介面設計工具

工具是用來解決問題的！所有的產品、作品、工具、服務都是時下的產物。以UI設計來說，現在進入快速迭代設計的型態，跟幾年前的設計流程以及需求有大大的不同。不過因為...

ikea ‧ 2016-12-17

0 Like 0 留言 2641 瀏覽

鐵人賽 Mobile Development DAY 5

30天零負擔輕鬆學會製作APP介面及設計系列第 5 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 05】

大家好，我是YIYI，今天我要來介紹Whimsical。關於Whimsical 在介紹如何使用前，先來說一下Whimsical是甚麼~Whimsical是一個...

YIYI ‧ 2021-09-14

1 Like 0 留言 2302 瀏覽

鐵人賽 Mobile Development DAY 10

30天零負擔輕鬆學會製作APP介面及設計系列第 10 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 10】

大家好，我是YIYI，今天我要來介紹MARVEL APP。 MARVEL APP是甚麼 MARVEL APP是一款能夠讓設計師在不需要寫任何的程式的情況下讓AP...

YIYI ‧ 2021-09-19

0 Like 0 留言 1561 瀏覽

鐵人賽 Mobile Development DAY 1

30天零負擔輕鬆學會製作APP介面及設計系列第 1 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 01】

大家好，我是YIYI，今天是我開始鐵人賽的第一天。請大家多多指教! 為什麼會想自己製作APP? 會想製作這個主題是因為，行動裝置應用程式(APP)在現在人手一機...

YIYI ‧ 2021-09-10

0 Like 0 留言 1398 瀏覽

鐵人賽 Mobile Development DAY 2

30天零負擔輕鬆學會製作APP介面及設計系列第 2 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 02】

大家好，我是YIYI，今天我想先來介紹我想製作的APP。我想製作的APP 相信很多女生都有使用過紀錄月經的APP，使用這個就可以預測自己下次大姨媽什麼時候會來...

YIYI ‧ 2021-09-11

0 Like 0 留言 1381 瀏覽

鐵人賽 Mobile Development DAY 8

30天零負擔輕鬆學會製作APP介面及設計系列第 8 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 08】

大家好，我是YIYI，今天我要製作APP登入後的介面。先製作登入後介面的原因因為我畫的封面一直達不到我想要的感覺，於是決定先做裡面，後面再來做封面~ HOM...

YIYI ‧ 2021-09-17

0 Like 0 留言 1334 瀏覽

鐵人賽 Mobile Development DAY 3

30天零負擔輕鬆學會製作APP介面及設計系列第 3 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 03】

大家好，我是YIYI，今天我要來介紹規格表。關於規格表規格表可以幫助大家快速地了解到你所想製作的APP有著什麼樣的特色、解決了甚麼問題、或是比起同類型APP...

YIYI ‧ 2021-09-12

0 Like 0 留言 1310 瀏覽

鐵人賽 Mobile Development DAY 24

長照小幫手 - 從 0 開始建置 Chatbot 的筆記 & 走錯路的心得系列第 24 篇

技術 Day 24 - [Android APP] 02-界面設計

昨天講完架構面，今天不那麼技術，來講界面設計。畫面設計上由於介面是設計給長者使用，因此字型較大。首頁，使用者可以先選擇要問哪類問題。點選後進入對話頁面。...

YR ‧ 2021-10-08 ‧團隊來自行雲者研發基地的菁英們

0 Like 0 留言 1298 瀏覽

鐵人賽 Modern Web DAY 1

30天UIUX自學之路系列第 1 篇

技術 Day 01 30天UIUX自學之路-前言

前言大家好！我是Dolly，今年第一次參加IThome鐵人賽，大學的背景是資管系，在學期間也輔系設計系，與UIUX的初次接觸是在學校的兩門課上：第一次是大學...

Dolly ‧ 2022-09-16

0 Like 0 留言 1197 瀏覽

鐵人賽 Mobile Development DAY 6

30天零負擔輕鬆學會製作APP介面及設計系列第 6 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 06】

大家好，我是YIYI，今天要來聊聊我想製作的APP的規格表。動機與目的如同【DAY 02】所說，我想製作的是一款多功能的小日曆。因為目前GOOGLE PLA...

YIYI ‧ 2021-09-15

0 Like 0 留言 1180 瀏覽

鐵人賽 Mobile Development DAY 9

30天零負擔輕鬆學會製作APP介面及設計系列第 9 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 09】

大家好，我是YIYI，今天我要來製作左上角點開的清單以及點開右上角相機後的頁面。清單LIST 考慮到這款APP的功能多樣化，所有的Icon都必須是讓人一眼就知...

YIYI ‧ 2021-09-18

0 Like 0 留言 1171 瀏覽

鐵人賽 Mobile Development DAY 7

30天零負擔輕鬆學會製作APP介面及設計系列第 7 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 07】

大家好，我是YIYI，今天要開始用Whimsical畫架構圖了~ 進入Whimsical 先透過【DAY5】給大家的Whimsical網址進入網站的畫面。點【S...

YIYI ‧ 2021-09-16

0 Like 0 留言 1157 瀏覽

鐵人賽 Mobile Development DAY 4

30天零負擔輕鬆學會製作APP介面及設計系列第 4 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 04】

大家好，我是YIYI，今天我要來和大家聊聊為什麼需要規格表簡介架構圖。為什麼需要規格表? 規格表就像是在讀書時所制定的讀書計畫表，也就是規劃未來要做的事情。有...

YIYI ‧ 2021-09-13

0 Like 0 留言 987 瀏覽

鐵人賽 Mobile Development DAY 9

ReFlo : 重新設計月經日曆 App 系列第 9 篇

技術 [ReFlo : Day 8] 了解Flo的設計原則（ㄧ）之前的介面改版

今天來了解Flo在介面上不同功能的設計原則與之前的改版設計，如果提出的重新規劃不能沿襲之前訂定的設計原則，會讓整個app變得更加模糊、混亂，而且鐵人賽目前是我自...

heiyuyu ‧ 2022-09-24

0 Like 0 留言 969 瀏覽

鐵人賽 Mobile Development DAY 13

30天零負擔輕鬆學會製作APP介面及設計系列第 13 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 13】

大家好，我是YIYI，今天要來公開設計好的封面，還有修正、增加一些前面沒想到的東西。 APP一點開的介面底色一樣使用前面設定好的App底色，字使用E8B6A5...

YIYI ‧ 2021-09-22

0 Like 0 留言 903 瀏覽

鐵人賽 Mobile Development DAY 21

30天零負擔輕鬆學會製作APP介面及設計系列第 21 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 21】

大家好，我是YIYI，今天我要來製做設定頁面。從哪裡可以進入設定頁面呢? 點擊LIST的設定~如下圖設定頁面這邊我設計的上一頁是預設跳回HOMEPAGE，...

YIYI ‧ 2021-09-30

0 Like 0 留言 836 瀏覽

鐵人賽 Mobile Development DAY 14

30天零負擔輕鬆學會製作APP介面及設計系列第 14 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 14】

大家好，我是YIYI，今天我要來製作日記部分的介面。如何進入日記頁面? 日記的部分是點選像是筆的icon來進入畫面，分別有三個地方可以進入這個頁面。第一個是H...

YIYI ‧ 2021-09-23

0 Like 0 留言 802 瀏覽

鐵人賽 Mobile Development DAY 17

30天零負擔輕鬆學會製作APP介面及設計系列第 17 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 17】

大家好，我是YIYI，今天我要來製作記帳和報表的頁面。記帳頁面和製作前面的頁面一樣，先將BACKGROUND放入WHIMSICAL中，並拉ICON到手機框裡...

YIYI ‧ 2021-09-26

0 Like 0 留言 795 瀏覽

鐵人賽 Mobile Development DAY 12

30天零負擔輕鬆學會製作APP介面及設計系列第 12 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 12】

大家好，我是YIYI，今天我要來製作HOMEPAGE中MONTH與TODAY的切換以及右下角的加號點擊後的畫面。 HOMEPAGE的切換在HOMEPAGE的設...

YIYI ‧ 2021-09-21

0 Like 0 留言 782 瀏覽

鐵人賽 Mobile Development DAY 11

30天零負擔輕鬆學會製作APP介面及設計系列第 11 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 11】

大家好，我是YIYI，今天我要利用MARVEL將前面三個介面做出連結。製作介面連結首先，先進入昨天的介面，並且將滑鼠放在HOMEPAGE的頁面上，就會看到P...

YIYI ‧ 2021-09-20

0 Like 0 留言 765 瀏覽

鐵人賽 Mobile Development DAY 15

30天零負擔輕鬆學會製作APP介面及設計系列第 15 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 15】

大家好，我是YIYI，今天我要來製作日記-LIST以及個人資料頁面。日記LIST 日記LIST是在昨天製作的日記頁面的基礎上增加LIST的頁面。製作完成後如下...

YIYI ‧ 2021-09-24

1 Like 0 留言 715 瀏覽

鐵人賽 Mobile Development DAY 4

用最接近自然語言的Basic30天學會行動App 系列第 4 篇

技術 Basic30天學會行動App-第4章.實作App

第4章: 實作簡單的計算機App 介面設計本章與第1章計算機最大的差異即是使用Designer設計，實作一個簡單的計算機應用程式，並透過此專案來學習如何設計介...

因田木 ‧ 2024-09-04

0 Like 0 留言 640 瀏覽

鐵人賽 Mobile Development DAY 16

30天零負擔輕鬆學會製作APP介面及設計系列第 16 篇

技術 30天零負擔輕鬆學會製作APP介面及設計【DAY 16】

大家好，我是YIYI，今天我要來製作到目前為止所有頁面放入MARVEL APP做DEMO。進入MARVELAPP 首先，進入登入好的APP頁面，將所有頁面放入...

YIYI ‧ 2021-09-25

0 Like 0 留言 255 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 Day 26 | 無障礙設計入門 ③：只靠鍵盤也能操作?! 淺談焦點與鍵盤的操作體驗

在平常上網，我們移動滑鼠、點擊元件已經成了日常。但對於一些使用者來說，「滑鼠」根本不是他們能選擇的輸入工具。手有受傷的人可能無法精準操控滑鼠，視障者甚至看不到...

ＸＩＮ ‧ 2025-10-09

0 Like 0 留言 237 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 Day 28 | 無障礙設計入門 ⑤：填寫並非考試── 讓每個表單都能被理解

表單是數位服務裡最平凡、也最容易讓人「挫折」的地方。當使用者在輸入資料時，如果標籤模糊、提示不清、錯誤訊息又高冷難懂，那整個流程就像一場猜謎。而對無障礙設計來...

ＸＩＮ ‧ 2025-10-11

0 Like 0 留言 227 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 Day 27 | 無障礙設計入門 ④：讓色彩說話 ── 讓介面說得清楚、看得清楚

上一篇我們聊到「排版與佈局」是使用者理解介面的地圖。那今天要來聊的色彩對比與可見性，則是這張地圖上的「路標」。好的設計不只是美觀，還要能被「看見」，而「看見...

ＸＩＮ ‧ 2025-10-10

0 Like 0 留言 209 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 Day 29 | 無障礙設計入門 ⑥：別把表格變成迷宮 ── 讓資料更容易被「讀懂」

在介面設計裡，表格（ Data Table ）算是魔王等級的存在。它往往承載著使用者最關鍵的資訊：帳單明細、交易紀錄、訂單狀態、成績列表⋯⋯但當資料密密麻麻、...

ＸＩＮ ‧ 2025-10-12

0 Like 0 留言 207 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day 08 | 設計的共同語言魔法：淺談設計系統的重要性

在 UI/UX 設計中，設計系統已經從「選擇性工具」變成現代產品團隊不可或缺的核心資源。很多新人設計師可能覺得，反正只要畫出漂亮介面、按顏色與字體規則就好，何必...

ＸＩＮ ‧ 2025-09-21

0 Like 0 留言 206 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day 30 | 從合規到共感：無障礙設計帶來的 UX 轉變

經過這幾篇的探討，我們一路從「為什麼需要無障礙設計」，到各種細節像是排版、色彩、元件、表單、表格……，其實各位應該已經發現，無障礙設計並不是一套額外的規則，而是...

ＸＩＮ ‧ 2025-10-13

0 Like 0 留言 199 瀏覽

鐵人賽 Modern Web DAY 5

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

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

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

ＸＩＮ ‧ 2025-09-18