2025.04.09

優秀的UI設計稿，其價值不僅在於華麗的外表，更體現於背後所傳達的一致性、邏輯與縝密決策。透過這篇文章，你將能跳脫一昧聚焦於軟體操作上的窠臼、快速地認識常見的新手誤區及背後與之連結的重要觀念，朝更專業的UI設計邁進。 ※本文為個人經驗分享，儘...

2025.02.26

樣式文件(Style guides)是用來規範設計系統各個元素的文件，無論是正式或非正式的，都會涵蓋顏色、字體、效果等細節。制定樣式文件能夠確保設計的品質與一致性，提供團隊可參照的設計標準，進而加速設計與開發流程。 使用樣式文件的時機 樣式...

2024.09.09

「選用的開發技術」及「是否使用平台原生UI」會影響APP在iOS、Android平台上的畫面呈現。本篇文章以台灣常見的APP如Facebook、Chrome、台北等公車等為例，討論各種UI元件在雙平台上的差異，供UI/UX設計師作為設計參考...

2024.08.21

相比於常見的HSL、HSV來說，OKLCH色彩模型對於色相、明度、彩度有更佳的掌握度。特別是明度方面，對UI/UX設計師建構兼具良好可及性、色彩擴展性的色盤至關重要。除此之外，OKLCH還可表示P3廣色域、Rec.2020等色彩空間的顏色，...

2024.07.05

Figma社群中所陳列的各種plugin進一步擴展了Figma的可能性。儘管plugin十分方便，但你是否曾有過以下經歷：工作中用到的plugin愈來愈多，當迫切需要某個plugin的關鍵時刻，卻總是想不起來它叫什麼名字。因此，如果有那麼一...

2024.05.12

本篇文章分享了設計Android App Icon時的規格、注意事項與實作方式，可作為設計師與工程師間溝通時的實用指引。文章中獨家提供了Figma檔案範本，進一步助你輕鬆完成設計。 App Icon規格 首先，你必須知道Android系統中...