大家在開始設(shè)計(jì)原型時(shí)，新手都是比較糾結(jié)，我們的原型尺寸應(yīng)該設(shè)置多少合適。

下面將分享不同設(shè)備的設(shè)計(jì)尺寸僅作為參考，在實(shí)際設(shè)計(jì)時(shí)可以根據(jù)業(yè)務(wù)需要進(jìn)行調(diào)整。另外，設(shè)計(jì)尺寸一般只限定寬度，不限高度，高度是隨著內(nèi)容自動(dòng)變化的，預(yù)覽時(shí)則可以滾動(dòng)查看。

一、各類終端原型設(shè)計(jì)尺寸標(biāo)準(zhǔn)

二、設(shè)計(jì)建議

1、WEB端網(wǎng)站類系統(tǒng)設(shè)計(jì)時(shí)，可以將頂部導(dǎo)航、頁腳轉(zhuǎn)為母版，母版便于后期的維護(hù)和快速修改。通過【頁面載入時(shí)】交互事件，設(shè)置對應(yīng)菜單為選中，即可以設(shè)置導(dǎo)航菜單的選中效果。

2、WEB端中后臺系統(tǒng)設(shè)計(jì)時(shí)，可以將頂部導(dǎo)航和側(cè)導(dǎo)航抽離出來單獨(dú)放一個(gè)頁面，其他頁面只剩下右側(cè)頁面內(nèi)容，只需要用內(nèi)聯(lián)框架元件鏈接對應(yīng)頁面即可。即給導(dǎo)航添加，點(diǎn)擊事件，選擇內(nèi)聯(lián)框架中打開對應(yīng)頁面。

3、移動(dòng)端設(shè)計(jì)時(shí)，同樣可以將公共組件抽離為母版，統(tǒng)一管理。如狀態(tài)欄、標(biāo)題欄背景、底部欄，圖標(biāo)、按鈕等元件，便于后期修改主題樣式。

在工作中，我們可以將我們的原型頁面抽離成組件維護(hù)管理起來，制定相關(guān)交互規(guī)范及UI樣式規(guī)范，便于后期團(tuán)隊(duì)成員的協(xié)作配合、約束統(tǒng)一不同項(xiàng)目原型間的規(guī)范，也提高原型繪制效率和頁面開發(fā)效率。

三、Axure樣式面板升級

Axure8軟件右側(cè)的樣式面板只有排版、背景色等功能。

Axure9則增加了頁面尺寸這個(gè)功能，便于用戶快速設(shè)置原型頁面尺寸，并提供多種設(shè)備尺寸參考，我們可以根據(jù)自己的愛好，選擇自己喜歡的原型尺寸。