日日韩亚笫22页,高清中文字幕网站,日韩欧美中文字幕在线视频,久久精品国产第一区二区

歡迎來到深圳市來科信科技有限公司網(wǎng)站!
您當(dāng)前的位置:深圳APP開發(fā) > 新聞資訊 > APP開發(fā)資訊 >

已閱讀

APP開發(fā)原型設(shè)計的一些技巧

來源:lexintech.com ?? ?? 發(fā)布時間:2019-05-17
產(chǎn)品經(jīng)理在APP開發(fā)前要進行需求分析以及產(chǎn)品原型設(shè)計,目前大多數(shù)產(chǎn)品經(jīng)理使用的原型設(shè)計工具基本上都還是用axure,在使用axure制作原型的過程中,我們也整理了一些有用的技巧分享給大家。
APP開發(fā)原型設(shè)計的一些技巧
一、保持原型的組織性和命名規(guī)范
Axure提供了許多選項來保持項目的組織性。
比如頁面快照可以讓你快速組織一個樹狀結(jié)構(gòu),母版在命名后可以排序等等。
規(guī)范的命名是原型被容易理解和維護的關(guān)鍵所在,任何一個頁面一定要與最終研發(fā)出來的產(chǎn)品一致。
比如訂單詳情頁,登錄頁,這些都是非常規(guī)范的命名。在原型維護時,就可以通過搜索框快速定位。——效率值千金。
實際上,規(guī)范的命名應(yīng)該下沉到元件級。
更為理想的情況下,下游可以直接延續(xù)上游的定義規(guī)則,整個團隊可以基于一個通用的語言來構(gòu)建整個團隊流程。
在項目發(fā)生意料之外的事情時,規(guī)范性的原型設(shè)計,可以幫助他人順利地介入然后接管事務(wù),以便保持項目的健康。
理想狀態(tài)下,一個原型應(yīng)該是清晰易懂不需要解釋的,特別是在跨地區(qū)協(xié)作的時候。

二、學(xué)會使用母版
任何工具,包括紙和筆,都只是將你的想法,傳遞給別人的一種形式或是工具。
不要在這個環(huán)節(jié)投入過多不必要的精力,盡可能的設(shè)計模塊化、繼承化的東西。
母版正是這種思路的完美體現(xiàn)。
任何一個App都有很多頁面,多數(shù)情況下頁面的結(jié)構(gòu)是一致的,不同的是頁面元素。而且還有一些功能,也會在不同的頁面出現(xiàn)。
有的人就不假思索的直接復(fù)制粘貼來完成這項工作,不但效率低,而且容易出錯。
更好的做法就是制作一個母版,直接拖拽極可。母版設(shè)計實例
母版可以理解為一個可以復(fù)用的頁面,你在設(shè)計頁面的所有元件、交互和技巧都可以在母版中使用。
母版設(shè)計好,可拖放在頁面的任何位置,統(tǒng)一修改維護,母板有更新,所有用到該母版的頁面都會更新。整個原型的維護更新就會變成非常便捷,而且不會出錯。
母版的另外一個好處是可以觸發(fā)事件,在一些情況下,通過母版觸發(fā)事件是非常高效的設(shè)計方法。但是,不要把過大的組合對象變成母版,而是應(yīng)該把多個母版變成一個組合對象。

三、系統(tǒng)自帶的元件足夠完成絕多數(shù)的設(shè)計
元件作為axure的基礎(chǔ),是表達原型的基本元素。
一個完整的元件庫,能夠讓你的原型看起來更真實。很多人就開始熱衷建立一個自己的 Axure 組件庫,網(wǎng)上也能找到大量的元件庫。
但實際上,你很可能并不需要這么做。
大多數(shù)情況都可以通過自帶的元件庫完成工作,更激進一點的方式,直接用占位圖即可。
對原型而言,絕大多數(shù)都不需要(也不應(yīng)該)去追求原型的仿真美觀程度,而應(yīng)該在于表達思路,完善想法上面,icon這一類的工作是設(shè)計師的范圍。
 樸素原型實例
對PM而言,用最樸素的方式表達產(chǎn)品思路更重要,也就是你并不需要為原型付出額外的精力。
 
四、一個元件可以搞定的事情,絕對不用兩個
axure的原型因為是元件組成,所以當(dāng)你每添加一個元件到你的項目中,也就意味著未來的維護需要耗費更多時間。
因此,原型一定要簡化。
一個元件可以搞定的事情,絕對不用兩個,多一分力氣都不要花在“原型”的設(shè)計上。
這一點實際上要求你對工具的每一個特性都非常熟悉。
比如在button上再組合一個文本標(biāo)簽,這樣帶來的麻煩是修改命名、設(shè)置交互,甚至移動都是需要操作多個元件,而且導(dǎo)致元件文件過于臃腫。
這種做法很常見。
還有一種奇怪的現(xiàn)象就是,使用兩個面板實現(xiàn)互斥性操作。A面板操作B面板,這種設(shè)計在多數(shù)情況下都是蹩腳設(shè)計。
這種情況可能是對面板的操作還不太熟悉,任何元件都可以直接轉(zhuǎn)換為動態(tài)面板,動態(tài)面板可增加多個狀態(tài),直接設(shè)置每個狀態(tài)的跳轉(zhuǎn)即可。
設(shè)計一個選項卡只需要一個動態(tài)面板即可實現(xiàn),而不是通過多個面板的交互進行切換。
動態(tài)面板很常用也很好用,通常都是用來做一些交互動效,比如輪播圖,選項卡等。
但是不要濫用,濫用指的是在不需要的情況使用面板,在可以用的時候又不用。
 
五、掌握快捷鍵
組合元件:ctrl+g;
鎖定元件:快捷鍵:ctrl+k;
平移元件:按住shift拖動元件;
復(fù)制元件:按住ctrl拖出一個復(fù)制的元件;
垂直或水平復(fù)制新元件:按住ctrl+shift后拖動元件
以上分享的這些技巧,希望能幫助產(chǎn)品經(jīng)理們更有效的制作原型圖。
 
APP開發(fā) 網(wǎng)站開發(fā) 產(chǎn)品設(shè)計 微信公眾號 APP開發(fā)公司 用戶體驗 APP運營 微信小程序 產(chǎn)品經(jīng)理 網(wǎng)站設(shè)計