近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域,那就自己下來碰碰看吧。這篇筆記的是六角學院的 UI 設計入門:畫出有程式邏輯的設計稿 中關於「色彩」的部分。
課程相關資訊
[連結]:https://courses.hexschool.com/courses/enrolled/724307
本篇範圍:Chapter 4 ( 從原子設計學習介面的常見元件 ) ,一共有 13 篇
請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。
筆記
1. 色彩可以分為主要色、次要色兩種
2. 主要色會用於「標題」、「強調的元件」…等上頭,以網站擁有者的角度看來,就是期望使用者所知道或是進而執行的事情。
3. 色彩選擇工具 ( Color Tool ),可以看見及時預覽
4. Adobe Color 和 Coolers 可以提供搭配參考