iT邦幫忙

gui design相關文章
共有 5 則文章
鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 Modern Web DAY 17

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

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