app開發(fā)原型圖(app原型設(shè)計規(guī)范)
1草圖 #160 草圖意思就是使用筆和紙去手繪產(chǎn)品頁面的草圖,以便快速的和產(chǎn)品經(jīng)理以及客戶等進(jìn)行討論,這樣會使產(chǎn)品更具體化2低保真原型 #160#160低保原型圖意思就是在草圖的基礎(chǔ)上通過電腦軟件由簡單的線框;1新建頁面用于app底部的導(dǎo)航大家可以根據(jù)自己所要制作的app來創(chuàng)建多個頁面,注意哦新建的頁面一定要在主界面底下比如說首頁直播社區(qū)消息我在每一個頁面底下也還可以再新建一些子頁面 2頁面布局;二APP原型圖設(shè)計 產(chǎn)品經(jīng)理會根據(jù)用戶需求,規(guī)劃app原型圖,以及app各個功能模塊實(shí)現(xiàn)的邏輯思路,終出一份符合客戶需求符合設(shè)計研發(fā)人員工作思路的邏輯圖原型設(shè)計方案三APP效果圖設(shè)計 設(shè)計師根據(jù)原型圖,客戶喜歡的。
01框架搭建這里筆者使用自己正在制作的APP原型進(jìn)行講解版本AxureRP9企業(yè)版 1新建頁面底部導(dǎo)航分為5個部分,所以也對應(yīng)著五個頁面在制作時先不考慮登錄等其他頁面,只做主界面1在頁面部分注意不是概要部分添加;畫好原型后 1下載Axure 2如果是給itouch或者iPhone用的,比較好辦,直接用320×480的分辨率畫好輔助線,然后畫原型 3按F5生成原型的時候,在“MobileDevice”選項(xiàng)中可以設(shè)置適配移動設(shè)備的特殊原型 4設(shè)置說明見下圖頁。
利用AxureRP8來搭建原型圖,就不得不提到元件庫的使用,元件庫對于Axure來說其實(shí)在某種程度上相當(dāng)于工具欄對于平面設(shè)計,如果想要在頁面上搭建一個簡易原型,元件庫中元件的使用時必不可少的,就像是搭建一個積木原型就必須要有積木的原理是;一主體不同 1UI是指對軟件的人機(jī)交互操作邏輯界面美觀的整體設(shè)計2原型圖是交互設(shè)計師與PDPM網(wǎng)站開發(fā)工程師溝通的最好工具二定位不同 1UI好的UI設(shè)計不僅是讓軟件變得有個性有品位,還要讓;App原型設(shè)計的工具還有不少,比如ProtoioMockupBuilder,AppCookerFluidUI開源手繪風(fēng)格原型圖繪制工具Pencil功能全面但并不復(fù)雜的Lumzy等,都有不錯的用戶群,開發(fā)者們可以根據(jù)自身具體情況選擇合適的原型設(shè)計工具,提供應(yīng)用。
Protoio也是國外的一款手機(jī)原型開發(fā)平臺支持在大多數(shù)的瀏覽器運(yùn)行,共享和協(xié)作操作方便,可以直接在真實(shí)的移動設(shè)備上對原型進(jìn)行測試擁有較為豐富的UI組件,支持自定義另外它有不錯的用戶測試功能,支持視頻錄制并且在;在開發(fā) APP 之前,設(shè)計產(chǎn)品原型是非常重要的原型設(shè)計是產(chǎn)品開發(fā)過程中的一個關(guān)鍵環(huán)節(jié),通常在產(chǎn)品設(shè)計階段的早期進(jìn)行,原型設(shè)計的目的是驗(yàn)證產(chǎn)品的概念功能和用戶體驗(yàn),以便在進(jìn)一步的開發(fā)和生產(chǎn)中進(jìn)行改進(jìn) 通過原型圖向;原型圖經(jīng)過反復(fù)推敲修正后,UI 設(shè)計師會進(jìn)行UI界面相關(guān)的配色設(shè)計功能具象化處理交互設(shè)計以及各種機(jī)型系統(tǒng)的適配UI 設(shè)計師經(jīng)過多次與項(xiàng)目經(jīng)理溝通修改后,最終的到定稿的高保真設(shè)計圖4開發(fā) 經(jīng)過以上幾個過程之后;axure的思想更接近實(shí)際開發(fā),比如通過master實(shí)現(xiàn)界面元素的封裝復(fù)用,條件判斷,函數(shù),變量這些功能除了開發(fā)工具,原型工具還有誰能比得上axure嗎app原型相比網(wǎng)頁,界面結(jié)構(gòu)簡單,但交互復(fù)雜得多界面上的div也不是平鋪的;1使用InspirationMapsInspirationMaps是一款強(qiáng)大的思維導(dǎo)圖工具,可以幫助用戶簡化產(chǎn)品原型設(shè)計過程它可以幫助設(shè)計師一眼望穿一個思維,從而加速產(chǎn)品原型設(shè)計流程2使用MockplusIpadMockplusIpad是一款專為iPad開發(fā)的原型設(shè)計;線框圖工具和App原型設(shè)計工具不斷的改變著UX設(shè)計師的工作方式作為一名設(shè)計師,很幸運(yùn)市面上有豐富的原型設(shè)計工具供我們使用我給你推薦三款主流軟件供您參考,這三款軟件都是可以讓我們能夠以較低的成本來創(chuàng)建我們的原型;界面美觀原件庫也很多,不用自己上網(wǎng)去找,除非是比較特殊的交互效果方面也能實(shí)現(xiàn)很多,比較不足是輸入文本時,每次都要設(shè)置文本樣式,比較煩當(dāng)時老師說企業(yè)里面的一般都是用這個來設(shè)計網(wǎng)頁app的原型圖。
Lowfi,即低保真原型圖,整個APP設(shè)計階段,設(shè)計師真正開始上手的環(huán)節(jié)待PM制作好PRD文檔和邏輯流程圖之后,交互設(shè)計師開始依據(jù)已有的結(jié)論,畫出LowfiLowfi的作用 1 方便團(tuán)隊(duì)進(jìn)行方案的討論和統(tǒng)一就像使用場景。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。