如何讓你的視覺設計稿清晰明瞭?
視覺設計稿就好像網頁設計項目的尋寶圖,如何讓它更容易被查看,必須要做到清晰明瞭。不妨使用兩個界面解釋佈局,一個頁面解釋樣式。簡單來說,就是將頁面拿出來放在左邊,再用三個畫板來進行解釋說明。
- 橫向的佈局,解釋元素的左右外間距、內間距以及橫向寬度。這需要考慮到屏幕寬度的適配,標注方面是固定值還是百分比;
- 縱向的佈局:解釋元素的上下間距以及高度,要確保頁面裡面重要的信息,比如向上定位還是向下定位;
- 視覺的樣式:比如字體、字號、行高、顏色、透明度、圓角等等,都需要詳細的進行標示。