技術 Day 20. 用 Figma 來設計基本 icon 吧！

Figma 的介面佈局與一般的設計軟體很類似，上方(1)為工具列，左方(2)可切換 Layer, Page ，右方 (3) 有三個面版，當目前為 Design...

技術 Day 21. 透過實作設計一個登入頁面，掌握 Figma 基本工具

今天來設計每個網頁幾乎都會有的登入頁面吧！跟著 Rson 一起實作完，就能做出下面這張設計稿： 分二塊來實作，首先先繪製容器及左半部 Sign-up 的部份，再...

技術 Day 19. UI 設計軟體- Figma 簡介與優勢

前二篇解釋了 GUI Design 階段的重點，也提到此時花費設計師的工時相當可觀。功欲善其事，必先利其器，挑選一個稱手、效率高的設計軟體就很重要。目前 GUI...

技術 Day 18. UX/UI 設計流程之五：GUI Design (下)

上篇說明了 GUI 設計裡包含的二個項目：Mockup，以及 Style Guideline。這篇我們接著說明最後一項。 GUI Spec & Asse...

技術 Day 17. UX/UI 設計流程之五：GUI Design (上)

規劃設計完 Wireflow 產出關鍵藍圖規格稿之後，基本上已經完成了整個產品的骨架。接著就是要根據 UX Persona 的輸入，以此目標族群會喜愛的視覺風格...