iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
自我挑戰組

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

半年多來一直有個前端工程師叫我去學UI/UX,
但沒有接觸過資訊方面的知識所以一直reject他,
然後大概是哪根筋不對跟他接上就決定參加鐵人賽,
不過來都來了,
就開始30天的學習UI/UX設計之旅吧。

備注:人生有時候就是要不小心被朋友拐歪

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文 團隊iT 貓貓教
DAY 1

DAY1#設計基本原則-色彩理論與配色

嘿,在開賽前兩天只是和朋友聊一聊,就被推坑來督促自己學習新東西。說實在的,我並沒有實際接觸過任何有關程式、設計或UI/UX的知識,嗯,如果資訊課跟統計分析學不算...

2024-08-12 ‧ 由 Chloe 分享
DAY 2

DAY2#設計基本原則-排版與視覺層級

話說,咱們ChatGPT第一天的規劃,就要認識色彩理論、文字排版、視覺層級這些設計基本原則,就搜尋網路資料而言,其實時間上是可以的,不過要做成筆記又是另外一回事...

2024-08-13 ‧ 由 Chloe 分享
DAY 3

DAY3#UI/UX基礎概念

在了解完設計基本知識之後,是時候開始接觸UI/UX設計的基本概念了,所以,今天就會針對這部分來做些筆記。 那就, UI vs UX   在架設網站或設計遊戲的...

2024-08-14 ‧ 由 Chloe 分享
DAY 4

DAY4#使用者研究與使用者旅程

我們在上一篇記錄了有關於UI和UX的分別,今天筆記的著重點會比較偏向UX的部分,也就是學習有關如何研究我們的「使用者」。 老樣子, 使用者研究   產品最終的...

2024-08-15 ‧ 由 Chloe 分享
DAY 5

DAY5#How to 設計?

上一篇針對使用者的部分,分享了如何研究他們的方法,接下來回到UI和UX設計本身,身為一個什麼都不懂的人,又要從哪裡開始構思設計呢? 那就, 設計思考   在搜...

2024-08-16 ‧ 由 Chloe 分享
DAY 6

DAY6#Wireframe的學習

前幾天,ChatGPT主要安排了與設計基礎和使用者相關的學習內容。接下來,我將展開與wireframe相關的學習,相信搜尋過UI/UX設計的人一定會接觸到這部分...

2024-08-17 ‧ 由 Chloe 分享
DAY 7

DAY7#使用Figma製作wireframe

上一篇講述有關UI設計流程與wireframe的概念,接下來可以開始學習接觸相關UI設計軟體,目前主流軟體有:Sketch、Adobe XD、Figma,關於這...

2024-08-18 ‧ 由 Chloe 分享
DAY 8

DAY8#Figma的基礎工具操作

ChatGPT的安排是,實際去製作一個簡單的wireframe之後,接著才是學習一些Figma的常用工具,有點像是體驗完後有個初步印象,再深入學習的感覺。 那就...

2024-08-19 ‧ 由 Chloe 分享
DAY 9

DAY9#Figma的Auto layout功能認識

在之前第一次製作wireframe的時候有說到一個功能,叫做Auto layout,非常非常容易在使用Figma的過程會使用到。 那就, Auto layou...

2024-08-20 ‧ 由 Chloe 分享
DAY 10

DAY10#Figma的Component功能認識

講完了Auto layout能做到的幾個功能,接下來換針對Figma的Component來學習,希望之後要實作的話,回來都能看得懂 :D 那就, Compon...

2024-08-21 ‧ 由 Chloe 分享