移動端APP網(wǎng)站建設(shè)原型設(shè)計

根據(jù)這幾年的產(chǎn)品運營經(jīng)驗總結(jié)得來，不一定適合所有的移動端APP團隊，但是對于大部分中小團隊還是比較有借鑒價值。移動端APP原型設(shè)計，是方法論，所以適用于所有的原型軟件，并不局限于Axure RP。

　　畫頁面

　　畫頁面是畫原型的必備工作，比如需要提前確定頁面的尺寸和位置，不過初級PM容易忽視關(guān)鍵步驟。

　　建議使用375×667來畫APP原型頁面，能夠上下兼容目前主流的所有屏幕分辨率?？蓞⒖寂f文章《為什么375×667是移動端原型的最佳分辨率》。如果你的手機是Android，那么使用360×640也可以。其他尺寸畫頁面會影響視覺設(shè)計師畫出有一定誤差的視覺稿。

　　至于位置更少有PM關(guān)注，但是它影響著你在手機上預(yù)覽原型的展示區(qū)域。像墨刀、xiaopu、justmind默認幫你把位置設(shè)為(0,0)，而Axure，mockplus是無限畫布需要PM手動設(shè)置。不設(shè)置的后果就是手機上預(yù)覽原型的時候很難看到頁面內(nèi)容。

　　確定頁面尺寸和位置后，接下來就是用原型軟件畫出一個個頁面。可參考舊文章《如何使用Axure規(guī)范的畫出頁面的線框圖》。

　　不是特別建議PM在原型階段就把頁面中的元素進行配色，會妨礙了視覺設(shè)計師的發(fā)揮。當(dāng)然如果你想提升自己對視覺的感覺，請配色之后只輸出黑白線框圖交付給視覺設(shè)計師(Axure是支持這樣的功能)。

　　定保真

　　正式畫App原型之前，需要明確“原型該畫到什么程度”。因為它決定了PM的工作量多少以及產(chǎn)品上線的質(zhì)量。

　　原型畫到什么程度，一般取決于上級的要求，或者延續(xù)團隊之前的習(xí)慣。當(dāng)然也可以根據(jù)團隊實際能力以及上線要求來優(yōu)化原型交付標(biāo)準(zhǔn)。

　　不建議大家按照所謂的高保真、中保真、低保真原型來理解。看上去劃分很專業(yè)，實際概念不清晰。所以我明確了他們的概念，方便大家理解其中的差異。

　　中保真=黑白線框圖，帶主要交互

　　低保真=黑白線框圖，無交互

　　高保真=配色線框圖，帶全部交互

　　加交互

　　如果你只畫了所有頁面，就交付給設(shè)計和開發(fā)，那么無疑是低保真原型。建議加上主要交互，以中保真原型的標(biāo)準(zhǔn)交付給大家。

　　所謂的主要交互，首先是指頁面之間的跳轉(zhuǎn)。這個做起來很簡單，但是能夠展示整個產(chǎn)品的頁面關(guān)系。能夠讓設(shè)計和開發(fā)快速的評估整個版本大概需要多少工作量。