天天看點

關于互動原型設計的一些建議

一、遵守原型設計規範

很多新人互動設計師都比較容易忽略這一點,沒有按照原型設計規範來布局,這樣容易導緻的結果就是:視覺設計師在按照栅格排版時,發現在互動稿中能排下的内容,在視覺稿中排不下了,這樣就還得傳回去改互動稿,或是需要重新設計布局。

是以要養成習慣,在設計初時,一定要先根據原型設計規範進行布局,同時也要保證互動稿中的字号、間距盡量符合視覺要求(比如間距最小10像素等),以免給視覺造成不必要的困擾。

二、不要過多使用截圖與顔色

有些産品人員或設計師為了能友善,拼湊各種競品的截圖,組成一個頁面。這樣即不規範,也大大降低了互動稿的檔次,還會對視覺設計師也有一定的幹擾,個人是非常厭惡的。

另外,互動階段的産出方案,應該更聚焦在資訊布局、内容層次、操作流程。不太建議在互動稿上使用色彩(除了文字或特殊狀态),避免對視覺設計師造成不必要的幹擾。如果真的有一些關于想法,可以通過文字描述,或者直接告訴視覺設計師需要營造什麼樣的氛圍,達到什麼效果。

讓色彩、質感、具體形勢交給視覺設計師,多點空間讓視覺設計師去盡情發揮。

關于互動原型設計的一些建議

三、不要過于注重互動動作效果

Axure提供了豐富的動作腳本支援,使得動态模拟真實界面互動變成可能, 能實作狀态切換、時間動畫以及其他一些驚人的小玩意。

但有時候我們需要思考,在日常項目中是否需要花費這麼多的精力和時間?

這也取決于于這個原型是用于什麼情境。如果原型是用以進行早期的可用性測試,或為争取資源的高保真示範彙報原型,也許需要我們快速産出接近于實際界面的可操作效果。

而如果隻是用于流程中的互動物,提供給視覺設計師或前端工程師進行開發,那麼過度的設計和效果隻能是浪費精力。

關于互動原型設計的一些建議

四、建立一套屬于自己的部件庫

把常用的控件、功能組建、圖示、标注等制作成通用的标準小單元,插入到部件庫(widgets),在制作互動原型時,隻需要調出需要的控件即可,這可以大大的提高你的效率。可以網上搜尋或者調用下他人分享的。但個人建議,還是根據自己的習慣或産品設計規範,制作一套自用的标準控件庫。

關于互動原型設計的一些建議

五、善用母版,提高效率

大量的頁面進行統一的更新也是相當麻煩的一件事。在制作時,直接用母版制作複用的子產品,來取代複制黏貼,在需要調整時,隻需要調整母版檔案即可。

母版是Axure提供的類似于自定義元件的功能,你可以在母版r設計常用的互動元件,然後在不同的頁面引用,如頁面頭尾、菜單等會在大部分頁面公用内容,非常适合做成母版,然後在各個界面中拖曳相應到指定位置。這樣當這些共用内容需要修改時,隻需修改母版即可。

關于互動原型設計的一些建議

六、版本存檔也很重要

原型,跟實際産品一樣,是會疊代和不斷被修改的,是以,一定要記得存檔。即使是在同一個原型上做修改,也一定要做記錄,這對後續回顧很重要。

互動原型設計,是每個互動設計師最最基本的技能,這也是一個梳理思路很好的方式,但不是唯一的方式。Axure是幫助我們進行互動原型設計的工具,它不是唯一的工具,但在所有工具當中是比較受歡迎的。

繼續閱讀