1、 視覺層次
需要先確定元素或者內容的優先級的高低,最好能夠明確的標出級別,能夠更好的尋找依據。
2、 內容劃分
到了這個流程,就需要將所規劃的內容進行劃分到制定的區域當中,並且調整、優化等。
內容線框圖僅僅是關乎於內容的劃分和佈局,而非展示的形式。多會使用到柵格系統。
3、 調整框架
完成了基本的結構之後,就到了調整的框架的流程了。目的就是能夠將元素和內容變成可以識別的組件,到了這一步需要注意的一點是:需要為圖片預留出空間。當然,要注意的還有,不要將線框圖設計得太細緻,畢竟線框圖只是界面設計的框架,無需耗費過多的精力和時間成本。