今天來設計每個網頁幾乎都會有的登入頁面吧!跟著 Rson 一起實作完,就能做出下面這張設計稿: 分二塊來實作,首先先繪製容器及左半部 Sign-up 的部份,再...
Figma 的介面佈局與一般的設計軟體很類似,上方(1)為工具列,左方(2)可切換 Layer, Page ,右方 (3) 有三個面版,當目前為 Design...
前二篇解釋了 GUI Design 階段的重點,也提到此時花費設計師的工時相當可觀。功欲善其事,必先利其器,挑選一個稱手、效率高的設計軟體就很重要。目前 GUI...
上篇說明了 GUI 設計裡包含的二個項目:Mockup,以及 Style Guideline。這篇我們接著說明最後一項。 GUI Spec & Asse...
規劃設計完 Wireflow 產出關鍵藍圖規格稿之後,基本上已經完成了整個產品的骨架。接著就是要根據 UX Persona 的輸入,以此目標族群會喜愛的視覺風格...