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

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

一、各類終端原型設計尺寸標準

二、設計建議

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

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

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

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

三、Axure樣式面板升級

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

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