近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域，那就自己下來碰碰看吧。這篇筆記的是六角學院的 UI 設計入門：畫出有程式邏輯的設計稿 中關於原子設計的最後一個階段「頁面」。
課程相關資訊
[連結]：https://courses.hexschool.com/courses/724307/lectures/13039063
本篇範圍：Chapter 8 ( 原子設計第五階段：頁面 ) ，一共有 13 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. 此階段算是將「設計流程」的精稿，實際套用在畫面上
2. 精稿的重點在於「顏色、媒體、文字和元件」四個部分
3. 圖片的圖庫考量到「主題、色調和構圖」，並得思索能否因應響應式的需求
4. 不要忘記一致性
5. 可以透過 Google Sheets 來導入到設計稿中使用
6. 精稿可以規劃上文字樣式、字的權重…等
