如何画出专业的原型图?
生活随笔
收集整理的這篇文章主要介紹了
如何画出专业的原型图?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
首先需要明確一點:不管什么形式的文檔,設計、開發、業務等各方的同事能看懂是關鍵;如果一定要定標準的話,那應該是你想表達的都表達出來的,你表達出來的大家都能看得懂;下面具體講一下,以Axure為例:1、一份交互文檔至少要包含下面這幾部分:流程:一款產品涉及到的主要流程需要有,尤其開發同事很關注這塊,這塊當然可以直接把Visio畫的流程圖貼上去;更新日志:原型文檔肯定會不斷更新完善,每次主要更新了哪些需要標注一下,這樣看的人會比較方便;原型頁面:接下來是產品的主要原型頁面,我這邊是根據有幾個tab與劃分,建立對應文件夾;模板:把收集的模板或者新做的模板放在一起,用的時候直接復制過來,同時很多彈框、插件類的是很多頁面通用的,所以放在一起把規則寫上去比較方便一些;廢紙簍:這個一定要有,血淚教訓,頁面反復改的情況肯定會存在,把之前刪掉的放在這里,后續可以找回來接著用,/(ㄒoㄒ)/~~2、原型頁面里需要包含的內容主要可以包含下面這些:因為涉及到知識產權等問題,我以比較通用的登錄頁面舉例;一個頁面包含一個流程的各個界面,盡量不要把多個流程的界面放在同一個頁面,那樣很難查看;每個界面上寫上標題,這樣在規則說明等情況是可以快速知道是說的哪里;規則說明:標注每個界面的包含元素、操作情況、規則、跳轉情況等,詳細程度到圖中這樣應該是差不多了;流程線:界面跳轉流程線鏈接:最好可以有調到其他頁面的鏈接,點擊直接調轉;3、其他如果是App的話,界面尺寸大小建議375*667,iPhone /8的尺寸,容易查看;全部字體Mac系統建議統一PingFang SC,win系統微軟雅黑;墨刀也是很方便的原型工具,也可以使用;以上這塊后續我會繼續補充,感謝!產品經理做原型交互時最基礎的工作,也是很耗費時間的,但是不是最最重要的;多參考已有的App,移動互聯網發展到現在很多設計語言都是可以借鑒的,沒必要一定造新輪子;如果有交互設計師當然是交互設計師去做了;
無恥的給自己16年的文章打個小廣告,以下是需要包含的內容。產品原型的目的所在——給新手的原型手冊???? ----------------------------------------------------------------------------------然而真正能體現專業的,其實是你原型內寫的需求顆粒度有多小,需求寫的越細致考慮的越多,越能體現你的專業。比如后端產品,你能考慮到你這個表單頁內所需要涵蓋幾張表?用到幾個內部接口?數據類型?怎么定數據鎖?表字段有什么限制?與C端交互流程如何?觸發條件如何?是否分權分域與角色掛鉤?答主一般是到這個程度,再細致的因為也不是技術出生并沒有去深入,只專注我需要的條件(因為業務屬性而產生的技術需求)。
無恥的給自己16年的文章打個小廣告,以下是需要包含的內容。產品原型的目的所在——給新手的原型手冊???? ----------------------------------------------------------------------------------然而真正能體現專業的,其實是你原型內寫的需求顆粒度有多小,需求寫的越細致考慮的越多,越能體現你的專業。比如后端產品,你能考慮到你這個表單頁內所需要涵蓋幾張表?用到幾個內部接口?數據類型?怎么定數據鎖?表字段有什么限制?與C端交互流程如何?觸發條件如何?是否分權分域與角色掛鉤?答主一般是到這個程度,再細致的因為也不是技術出生并沒有去深入,只專注我需要的條件(因為業務屬性而產生的技術需求)。
總結
以上是生活随笔為你收集整理的如何画出专业的原型图?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 大力教育宣布未来4个月要招聘一万人!此前
- 下一篇: 杨幂晒realme GT真机:左上角挖孔