相信很多人都有注意到，我們在使用軟件的時候，它的個人中心界面一般都有一些跳轉頁面選項，我們稱它為列表頁面。那么如何根據規范設計一個列表頁面呢？在工作中列表頁面是需要我們自己制作出來的，方法很簡單，只需要在sketch軟件中新建一張畫布，然后進行一系列的設計。下面的教程中有對設計列表頁面詳細的操作方法，朋友們可以學習一下怎么設計列表頁面哦，具體請看下文：
1、首先我們用sketch軟件進行設計，進入頁面之后新建一張畫布，可以看到中間就有了一張新的畫布，然后將大小下面的尺寸設置為為375*667，如下圖所示；
2、然后在軟件中找個預設的添加導航欄高度是44px，字體是18px即可；
3、一般列表頁面都是有一個返回的，我們可以用上方的【矩形】工具來繪制一個列表頁面返回的標志，如下圖所示；
4、然后我們在上方的【矩形】工具中創建375*667的矩形，放在最底層，然后在右邊填充下調整顏色即可；
5、接下來我們利用【矩形】工具繪制白色的形狀作為內容區域，與導航欄的距離為16px，如下圖所示；
6、然后我們輸入文字信息，字號設置為14px，在文字信息的上邊和下邊的間距和左邊間距各自16px，如下圖所示；
7、一般在右邊都有一個跳轉符號和文字平行，高度設置為14Px，如下圖所示；
8、接下來我們點擊上方的【直線】去添加一個添加，就可以看到圖片上面的文字信息；
9、接下來用這個方法去繪制完成所有列表選項，只需要復制粘貼即可；
10、我們在設計時可以將不同類別的選項用白塊區分開，如下圖所示。
好了，根據規范設計一個列表頁面的詳細操作方法小編就介紹到這里了，希望大家能夠喜歡小編的文章！
新聞熱點
疑難解答
