鐵人檔案
半年多來一直有個前端工程師叫我去學UI/UX，
但沒有接觸過資訊方面的知識所以一直reject他，
然後大概是哪根筋不對跟他接上就決定參加鐵人賽，
不過來都來了，
就開始30天的學習UI/UX設計之旅吧。
備注：人生有時候就是要不小心被朋友拐歪
前一天關於Component的功能認識中有提到，透過「/」命名方式能將物件分類，並快速置換Instance的組成。後來，在2020年底，Figma推出一個新功能...
原以為需要再找資料來學習input的variant，沒想到直接打開Figma重新做一遍，欸？可以了耶？完全不知道昨天怎麼了。 但還是紀錄一下吧， Compon...
Component的property（屬性）除了Variant，還有其他三種，分別是Boolean、Instance swap和Text，將這些功能統一彙整在這...
前面幾天學了很多有關於Figma的功能，今天就來嘗試看看設計UI元件，然後再製作表單試試看吧！ 那就， 設計UI元件 為了練習我這邊先設計可能會用到的元件...
一般設計出來的線框稿或平面稿是不能互動的，這時候就需要製作可以模擬操作的Prototype（原型），來確認按鈕連結與預期效果。 那就， 操作總覽 切換到P...
還記得我在DAY14那天用Figma設計了UI元件與表單，既然都有一個比較完整的設計稿了，不如直接拿它練習製作成Portotype吧！ 開練開練， Proto...
透過Prototype的呈現可以讓團隊清楚了解版面設計與呈現方式，但要怎麼讓效果照預期的呈現，就需要應用學過的各種功能了，所以今天就來紀錄幾個常見的互動方式。...
UI設計的部分學習了好幾天，也大改特改過ChatGPT的規劃。那今天呢，就來學習在規劃網站的時候應該要有的幾個概念。 那麼， 響應式網頁設計（Responsi...
好幾天之前在鐵人賽開始的DAY2，與排版相關的文章裡有提到網格系統（grid system）的概念，那今天就針對它學習吧。 來吧！ 網格系統 (Grid Sy...
一個舒適的網頁可以讓使用者盡情瀏覽資料，所以學習一個網頁的基本結構是很重要的，而UX設計能進一步優化使用者的體驗感受。 那就， 網頁基本結構 一個網頁結構...
