鐵人檔案
使用外掛/工具的想法設計師會有很多想法，會透過大量觀察、溝通、閱讀與參與所產生出來，如何將想法有效率的實踐出來呢？現在有很多外掛或軟體，能夠輕鬆取代之前繁雜的任...
此篇將接續 Workout Tracker 設計畫面進行切版相關說明，以下會分享切版區塊的區分、class命名、因應響應式的切版設計，及該如何載入特殊字型至瀏覽...
接續 Workout Tracker 切版實作，今天要分享切版時套用 Snapps Maps 在地圖客製化樣式實作。 建立 Map Javascript API...
隨著消費習慣的改變，網路購物為大部分人的生活習慣之一，付款方式也變成多樣化，例如：貨到付款、ATM轉帳、超商取貨、信用卡付款…等，不同的付款方式，使用者的操作流...
視覺上，除了圖像、排版、文字之外，色彩的使用也是很重要的！色彩可以影響整體視覺的感受、營造品牌氛圍，也可以指引使用者操作行為。 主色調選擇一個顏色作為介面的主色...
上一篇分享了介面設計的色彩運用，今天要來介紹如何使用色彩意象來呈現視覺感受，如果選錯顏色的話，在視覺呈現上可能會照成使用者不好的感受，萬一原本要呈現歡樂的畫面變...
Credit Card Checkout 設計為一個信用款付款 App 頁面，基於 APP 開發考量，這次切版將套用一個好用的工具 - Ionic 來進行切版，...
昨天介紹了使用 Ionic 套件的 Components 組合出 Credit Card Checkout 頁面，今天主軸放在使用 css 將畫面調整為設計畫面...
計算機是日常生活中常見的物品，不論是實體的或是手機上、電腦上…等，但大家有想過計算機按鈕的排列方式是怎樣決定的嗎？此次主題將分享使用者行為與介面設計的關聯性，以...
設計師在進行介面設計時，除了考慮視覺呈現，還要將易用性加入視覺設計，在Daily UI 04- Calculator的範例中，按鈕尺寸會影響使用性。大按鈕雖然較...