不能不說漲姿勢了,原來只知道視覺稿和線框原型不是一回事赫悄,如今才發(fā)現(xiàn)還有把線框圖和原型也分這么清楚的原献。
請先閱讀參考文獻:《漲姿勢!聊聊線框圖埂淮、原型和視覺稿的區(qū)別》
按照文中所言姑隅,將線框圖、原型倔撞、視覺稿三者先按英文名分了一遍:Wireframe讲仰、Prototype、Mockup痪蝇。
從字面看鄙陡,只有Wireframe對得上號,Mockup有相關(guān)工具躏啰,輸入我們一直稱之為快速原型趁矾,而Prototype就……
再看作者按照功能的分工:
線框圖?(Wireframe)是低保真的設(shè)計圖,當(dāng)明確表達:
內(nèi)容大綱(什么東西)
信息結(jié)構(gòu)(在哪)
用戶的交互行為描述(怎么操作)
原型(Prototype)给僵,常常和線框圖混淆愈魏,是中等保真的設(shè)計圖,代表最終產(chǎn)品想际,模擬交互設(shè)計。原型當(dāng)允許用戶:
從界面上溪厘,體驗內(nèi)容與交互
像最終產(chǎn)品一樣胡本,測試主要交互
視覺稿(Mockup)是高保真的靜態(tài)設(shè)計圖。通常來說畸悬,視覺稿就是視覺設(shè)計的草稿或終稿侧甫。優(yōu)秀的視覺稿當(dāng):
表達信息框架,靜態(tài)演示內(nèi)容和功能
幫助團隊成員以視覺的角度審閱項目
嗯,好像很有道理披粟。
但其實個人看來咒锻,這些習(xí)慣并不存在對錯,因為產(chǎn)品設(shè)計本來就沒有對應(yīng)的專業(yè)和標(biāo)準(zhǔn)守屉,實際上都是自己摸索出來的惑艇,只要在團隊里面用得合適,不影響溝通就行拇泛,何必這么斤斤計較滨巴?
所以,定標(biāo)準(zhǔn)的事情還是留給今后有對應(yīng)專業(yè)的學(xué)術(shù)教授去思考吧俺叭。
順便說說我習(xí)慣的分類和叫法:一般Mockup就直接叫做快速原型了恭取,這種一般就是無交互的簡單線框圖;然后用Axure設(shè)計出來的一般就是交互原型熄守,是在Mockup的基礎(chǔ)上有了可以實際交互的功能蜈垮;而視覺稿一般就是視覺設(shè)計師設(shè)計出來的效果了,產(chǎn)品和交互都不插手的(當(dāng)然交互部分產(chǎn)品和交互設(shè)計師職能會出現(xiàn)重疊裕照,這個看公司的崗位配置了)攒发。
最后引用一句,不管白貓黑貓牍氛,能找到老鼠就是好貓晨继,互聯(lián)網(wǎng)人講究的是務(wù)實,不是鉆牛角尖搬俊。