還記得幾年前剛開始當介面設計師，好不容易將網站都設計好了、也順利上線了，但在網站的收尾工作準備要開始進行時，工程師冷不防要跟你收「Favicon」，那 Favicon 到底是什麼呢？ Favicon 是什麼？ 其實 Favicon 就是網站分頁上面的小 Logo ，Favicon 是 Favorites Icon 的縮寫，只要有使用瀏覽器開網頁的朋友都一定會看到 Favicon，但手機上好

如何建立 Design token?   目前設計標籤還沒有一個統一的格式能夠遵循，日前 W3C Design Token Community Group 在 2022 Figma schema 中便提出了初步的命名架構建議，另外 Google 在 Material Design 3 中也有提供他們對於設計標籤的建立指南。   Design token 的架構 &nb

Photo by Balázs Kétyi on Unsplash   我覺得這個顏色太淺了，可能需要調整一下～好的，沒問題！     於是你在設計系統中開始尋找使用到這個顏色的所有元件，然後一個一個修改，改完一個檔案還有另一個，好不容易改完了卻在測試的時候發現還有幾個地方沒有改到

 解決使用者常見問題的十大易用性原則。 「解決使用者需求的設計思維，是建構設計網頁與系統的一大趨勢。」 一、「使用者體驗」與「使用者為導向的設計」 用戶體驗是指一個人使用一個特定產品或系統或服務時的行為、情緒與態度。包括人機互動與擁有產品時的操作面向、體驗面向、情感面向、意義面向、與價值面向；還包含使用者對於系統的功能、易用、效率的感受，因此使用者經驗在本質上可以視為一個人對於系統

使用者在使用網站時，除了直接瀏覽網頁上的內容外，視障者必須依賴螢幕報讀器，或文字轉語音軟體來幫助理解，而這些輔助工具泛稱使用者代理。再者，每位使用者對於內容的理解程度也常會因人而異，可能因為有不同的年齡、認知水平、語言與學習障礙等。因此，在網頁內容的處理上，就必須要考量不同的使用情況，以滿足使用者的閱讀需要。 在提供使用者代理可讀的部分，基本上每個頁面需要設定正確的語言屬性(如中文網站lang=