文章導(dǎo)航河?xùn)|軟件園軟件下載安卓資源Mac軟件驅(qū)動(dòng)資源
時(shí)間：2017-12-04 10:09作者：Blank來源：河?xùn)|軟件園人氣：473我要評(píng)論(0)
相信很多人都有注意到，我們?cè)谑褂密浖臅r(shí)候，它的個(gè)人中心界面一般都有一些跳轉(zhuǎn)頁面選項(xiàng)，我們稱它為列表頁面。那么如何根據(jù)規(guī)范設(shè)計(jì)一個(gè)列表頁面呢？在工作中列表頁面是需要我們自己制作出來的，方法很簡單，只需要在sketch軟件中新建一張畫布，然后進(jìn)行一系列的設(shè)計(jì)。下面的教程中有對(duì)設(shè)計(jì)列表頁面詳細(xì)的操作方法，朋友們可以學(xué)習(xí)一下怎么設(shè)計(jì)列表頁面哦，具體請(qǐng)看下文：
1、首先我們用sketch軟件進(jìn)行設(shè)計(jì)，進(jìn)入頁面之后新建一張畫布，可以看到中間就有了一張新的畫布，然后將大小下面的尺寸設(shè)置為為375*667，如下圖所示；
2、然后在軟件中找個(gè)預(yù)設(shè)的添加導(dǎo)航欄高度是44px，字體是18px即可；
3、一般列表頁面都是有一個(gè)返回的，我們可以用上方的【矩形】工具來繪制一個(gè)列表頁面返回的標(biāo)志，如下圖所示；
4、然后我們?cè)谏戏降摹揪匦巍抗ぞ咧袆?chuàng)建375*667的矩形，放在最底層，然后在右邊填充下調(diào)整顏色即可；
5、接下來我們利用【矩形】工具繪制白色的形狀作為內(nèi)容區(qū)域，與導(dǎo)航欄的距離為16px，如下圖所示；
6、然后我們輸入文字信息，字號(hào)設(shè)置為14px，在文字信息的上邊和下邊的間距和左邊間距各自16px，如下圖所示；
7、一般在右邊都有一個(gè)跳轉(zhuǎn)符號(hào)和文字平行，高度設(shè)置為14Px，如下圖所示；
8、接下來我們點(diǎn)擊上方的【直線】去添加一個(gè)添加，就可以看到圖片上面的文字信息；
9、接下來用這個(gè)方法去繪制完成所有列表選項(xiàng)，只需要復(fù)制粘貼即可；
10、我們?cè)谠O(shè)計(jì)時(shí)可以將不同類別的選項(xiàng)用白塊區(qū)分開，如下圖所示。
好了，根據(jù)規(guī)范設(shè)計(jì)一個(gè)列表頁面的詳細(xì)操作方法小編就介紹到這里了，希望大家能夠喜歡小編的文章！
相關(guān)閱讀 Keynote for Mac怎么插入表格 Keynote表格的使用方法Pages for Mac如何設(shè)置紙張大小為a4紙Keynote for Mac演示文稿怎么循環(huán)播放背景音樂Keynote for Mac怎么更換幻燈片的背景顏色處理Safari使用插件一直提示“是否信任插件”的方法打開libreoffice impress左側(cè)slides預(yù)覽區(qū)域的方法MAC使用自帶程序更改圖片大小的方法mac版steam設(shè)置中文的方法利用cleanMyMac清理系統(tǒng)垃圾的方法完善Mac電腦中PPAPI插件的方法
熱門文章
mac版qq 遠(yuǎn)程協(xié)助功能的使用方法介紹
Safari Flash插件故障解決方法
mac中下載網(wǎng)頁版B站視頻的方法
mac premiere2017英文版更改為中文版的方法
最新文章
Keynote for Mac怎么插入表格 Keynote表格的使用方法
Pages for Mac如何設(shè)置紙張大小為a4紙
Keynote for Mac演示文稿怎么循環(huán)播放背景音樂Keynote for Mac怎么更換幻燈片的背景顏色處理Safari使用插件一直提示“是否信任插件”的方法打開libreoffice impress左側(cè)slides預(yù)覽區(qū)域的方法
人氣排行 mac版qq 遠(yuǎn)程協(xié)助功能的使用方法介紹Safari Flash插件故障解決方法mac中下載網(wǎng)頁版B站視頻的方法mac premiere2017英文版更改為中文版的方法mac版 ppt添加多個(gè)動(dòng)畫效果的方法mac版steam設(shè)置中文的方法dmg文件加密碼了怎么辦？快速去除加密文件密碼的方法Adobe Illustrator CC 2018 Mac版安裝破解教程
蓋樓回復(fù)X
(您的評(píng)論需要經(jīng)過審核才能顯示)
