原型設計工具

原型設計

產品原型就是產品面試之前的乙個框架設計，簡單的來說就是將頁面的模組，元素，人機互動的形式，利用線框描述的方法，將產品脫離**狀態下更加具體和生動的表達。

原型設計的優點

讓使用者實實在在感受到產品。

用於測試，提前找到產品問題。

溝通方便，言之有物。

提高產品設計的工作效率。

原型設計的缺點

耗費一定的時間和精力，在需求較為簡單時，原型應盡量簡單。

原型設計可能會約束設計師的想法，設計師發揮空間小，打擊了設計師的積極性。

如果涉及人員知識有限，可能無法估計到現實的難度，造成產品開發時間不受限制。

原型設計工具

不同的保真度有許多不同的軟體可以選擇，如低保真以balsamip mockups為代表，中度保真以axure和mockplus為代表，高保真以justinmind和adobe xd為代表。今天，我要介紹的原型開發工具是墨刀，這是我在使用了axure和墨刀後對比認為使用體驗較好的一款工具。

墨刀

(1)墨刀支援windows，macos，ubuntu三個主流作業系統。

(2) 產品使用

需要新建專案時，我們直接開啟個人空間，點選新建，選擇專案型別，完成新建專案。

然後我們就進入了操作頁面。在這個頁面中，左上方是頁面欄目，我們可以直接在這個欄目中進行頁面的新建，刪除等等操作。我們也可以直接拖動頁面，來改變他的級別。

左下方是元素欄目，顯示了當前頁面中已新增的元素，我們可以在這個欄目中對這些元素進行鎖定，隱藏，鏈結等等操作。

當我們建立乙個控制項並選中該控制項，就會在頁面右側顯示出該控制項的操作介面。

上方是對控制項整體的控制，可以設計其擺放方式，狀態，位置等等。下方是對控制項中文字的控制，可以改變文字模型，大小，顏色，擺放位置等等屬性。

(3) 簡單設計

在這個設計中，我使用了文字，單行輸入，按鈕控制項，其中，單行輸入用於獲取進入空間的密碼，點選進入空間按鈕，可以轉跳到第二個介面，第二個介面中利用文字控制項顯示了使用者個人資訊，在上方放置了乙個使用者圖示，可以供修改頭像。這是我進行的乙個簡單的設計。

(4) 使用體驗