如何規(guī)范ui設(shè)計(jì)原型圖

規(guī)范UI設(shè)計(jì)原型圖的方法如下：

　　1、繪制原型圖的尺寸?？紤]到繪制與查看原型圖的便利性，以及大部分產(chǎn)品與開發(fā)人員使用小屏幕筆記本，當(dāng)前原型圖的尺寸一般采用375乘以667px，相當(dāng)于iPhone 6s屏幕尺寸的一半，以iOS系統(tǒng)為主，安卓系統(tǒng)個(gè)別頁(yè)面單獨(dú)做圖說明。

　　2、原型圖常用組件尺寸。指經(jīng)常使用的通用組件，如狀態(tài)欄、頂部導(dǎo)航欄、底部導(dǎo)航欄等，這里由于最大寬度已經(jīng)確定都是375px，因此關(guān)注的是各通用組件高度。狀態(tài)欄可以設(shè)置為母版高度是20px，頂部導(dǎo)航欄高度44px，底部tab導(dǎo)航欄高度49px。

　　3、對(duì)齊。頁(yè)面中的模塊或元素不能隨意放置，要保持對(duì)齊性，這樣呈現(xiàn)出的效果才規(guī)整有序。

　　4、親密關(guān)聯(lián)。也就是經(jīng)常提到的格式塔原理的演變，是指內(nèi)容屬性可以劃歸為一組的，在位置布局上距離相近，不同屬性內(nèi)容之間的距離相對(duì)遠(yuǎn)一些。

　　5、對(duì)比和重復(fù)。頁(yè)面不同元素之間要有對(duì)比效果，目的是更清晰的組織信息、使層級(jí)關(guān)系明了，能夠引導(dǎo)用戶瀏覽并且制造焦點(diǎn)。設(shè)計(jì)的某些元素可能在整個(gè)頁(yè)面中多次出現(xiàn)。重復(fù)的元素可能是某個(gè)模塊、一條分割線、某種粗字體、某類型圖標(biāo)標(biāo)識(shí)等。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:0731-84117792 E-MAIL:11247931@qq.com