原型設計
目前,網絡上主流的原型設計工具有Axure,mockplus,墨刀等。接下來主要介紹墨刀這種原型工具的特點和使用方法。
墨刀是一款國內團隊研發的在線原型設計與協同工具
它具有以下特點:
1.可視化設計:提供了豐富的設計元素和交互組件,用戶可以通過拖拽的方式快速創建頁面原型,實現可視化設計。
2.交互設計:支持各種交互設計功能,例如鏈接、切換狀態、動畫效果等,用戶可以通過這些功能模擬真實的用戶體驗,提供更直觀的交互效果。
3.多設備適配:支持多種設備的適配,包括PC端、移動端等,用戶可以根據不同設備的特點進行頁面的布局和設計,提供更好的用戶體驗。
4.應用領域比較廣泛,不僅是設計師,也適用于產品經理,開發人員等。可以設計移動應用界面,可以進行網頁設計等。
5.它具有強大團隊協作能力,支持多用戶同時協作,團隊成員可以同時在一個項目文件上工作,即使身處不同地點。而且,通過axure cloud ,團隊成員
可以隨時查看,更改,評論與反饋,這大大提高了團隊成員工作效率
6. 內置豐富的行業素材庫,也可創建自己的素材庫、共享團隊組件庫,高頻素材直接復用。
缺點:
1.組件較少,可能無法完成大型項目
2.組件使用個數受到限制,需要付費使用
Axure RP
Axure RP是美國Axure Software Solution公司旗艦產品,是一個專業的快速原型設計工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。
1.擁有全套web控件庫,直接拖拽即可快速制作網站原型
2.擁有豐富的組件庫,可以盡量滿足用戶的需求
3.豐富的動態面板可以用來模擬各種復雜的交互效果
4.擁有團隊協作功能,團隊可以同時做項目
缺點:
能夠較為復雜,上手難度大
素材較少,無法幫助開發者快速完成任務
關于墨刀的使用方法:
1.在項目開始前,團隊需要進行充分的需求調研,明確項目的基本功能和目的,要求。
2.接下來就是搭建頁面框架,可以通過墨刀中的各類組件,完成項目的基本的頁面框架
新建原型

在原型設計中搭建下圖的各類頁面框架

3.搭建好基本框架后,要設置交互,在頁面上添加交互效果,例如點擊,懸停,拖拽等。
以我們項目為例作的原型設計:
注冊登錄界面


首頁界面
