鐵人檔案
色彩除了與視覺美感有相關之外，也可以利用色彩特性來引導行為的先後順序。關於色彩特性的介紹，在「淺談色彩意象與色彩搭配，以Daily UI 02- Credit...
經過前三篇詳細介紹計算機設計的相關資訊及概念後，今天要以設計的畫面進行切版，此專案因為在數字按鈕的部分有等分的排列方式，故同樣以 Bootstrap4 架構進行...
昨天分享了以 Daily UI04-Calculator 計算機 UI 的切版 HTML 架構，基本的雛形已經出現了，今天主要從調整樣式的方向和大家分享，目前為...
設計規範的重要性「沒有規矩不成方圓」一語點出規範的重要，各行各業都有制定的規矩，如同做設計也一樣，平面設計做圖的尺寸、該如何設定的解析度…等規定。 那麼APP規...
介面設計規格 在設計完介面後，會需要一份介面設計的規格說明給開發者，即為UI Layout spec，包括了位置、顏色、字級等樣式資訊，開發者會依照這份資料開發...
元件運用概念 設計規範中的數值並非絕對，尤其在Android中很有彈性，各家的App bar高度也不一定都是制定的56dp，不要被設計規範的限制而讓自己的創意有...
列表出現於 APP 或網頁的比例非常高，這篇就來分享如何建立列表基本 HTML 架構，以「使用元件的概念做設計，以Daily UI 07- Setting為例3...
接續「切版-以Daily UI 07- Setting為例1/2」的切版說明，這篇持續以切版樣式 SCSS 內容和大家分享。 SCSS 變數設定此案例同樣也須設...
鐵人賽說長不長、說短不短的就來到了倒數第二天，這28天來我們共針對六個主題進行 UI、UX 及切版的經驗與心得分享，不僅是做了學習紀錄，也在分享過程中得到許多收...
心得 本身背景是平面設計、視覺設計，在學習UI、UX的路上，初期先是透過相關書籍、網路文章自行學習，近期則就讀於【國北｜玩具與遊戲設計碩士班】，藉由指導教授認識...