如何根據規范設計一個列表頁面
不知道你有沒有注意過，在使用APP的時候，個人中心界面都是十分簡單的，一般都是一些選項跳轉頁面，這種我們稱之為列表頁面，下面來學習如何設計一個規范的列表頁面。
列表頁面設計
-
01
我們以sketch軟件來進行設計，打開軟件創建一張畫布，尺寸為375*667。
-
02
對于導航欄和狀態欄來說，系統是有規范的，導航欄高度為44px，字體為18px，在軟件中找個預設的來添加就行了。
-
03
一般列表頁面都是有一個返回的，我們可以利用“矩形”工具來繪制一個，你也可以在網上找png格式的透明圖標直接使用。
-
04
接著我們給頁面添加一個底色，選擇矩形工具創建375*667的矩形，置于最底層，然后在右側填充中調整下顏色。
-
05
接著用矩形工具繪制白色的形狀，當做內容區域，它與導航欄的距離為16px。
-
06
接著我們輸入最租車的文字信息，字號為14px，上下間距和左側間距都是16px，這樣能保證視覺上的統一。
-
07
在右側我們一般都是有一個跳轉符號和文字平行，符號的高度為14Px，你可以直接用返回圖標來使用，使用旋轉方向。
-
08
選擇“直線”來添加一個添加，這樣我們就制作完成了一條信息，是不是很熟悉。
-
09
利用這個方法來繪制完成所有列表選項，Ctrl+d能夠快速復制。
-
10
最后提醒大家一點，在設計的時候，你可以將不同類別的選項用白塊來分開，這樣對于用戶的體驗更換，兩個白塊之間的距離也是16px哦。
- End
- 發表于 2017-12-02 00:00
- 閱讀 ( 768 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章