如何用線條做產品

㈠ 原型設計是什麼，該怎麼使用它

我們首先明確兩個定義：

原型的定義：

• 用線條、圖形描繪出的產品框架，也稱線框圖。

• 交互設計的結果輸出，可能是一張紙上的幾張圖；原型代表著交互設計的結果，當最終實現的時候，交互流程會和原型保持一致；可以理解為草稿或者叫做參照物

• 原型是一種讓用戶提前體驗產品、交流設計構想、展示復雜系統的方式。就本質而言，原型是一種溝通工具。

原型設計的定義：

• 線框圖描繪的是頁面功能結構，它不是設計稿，也不代表最終布局，線框圖所展示的布局，最主要的作用是描述功能與內容的邏輯關系。

• 原型圖是最終系統的代表模型或者模擬，比線框圖更加真實、細致。

其次，了解原型設計的作用，主要有兩點：

1. 溝通： 因為是原型是需求和功能的具象化表達，所以原型可以輔助產品經理與領導、交互、UI和技術的溝通產品思路。雖然需求文檔也是可以滿足溝通需求的，通過用例將交互寫到設計描述文檔中，但是原型可以更詳細地解釋交互。

2. 測試：因為原型相較於UI稿來說修改更方便，所以原型能提高產品經理的功能設計沒通過評審時返工的工作效率。沒有哪一家互聯網公司可以不經過測試，就直接上產品和服務。原型在識別問題、減少風險、節省成本等方面有著不可替代的價值。



該如何使用原型設計，那麼原型設計工具就是必不可缺的。

又選擇什麼工具來製作原型？主要考慮以下幾個因素（排名分先後）：

1. 熟悉程度和獲得工具的便利度；

2. 所需的時間和精力；

3. 可復用的代碼/框架；

4. 為測試創建可用的原型；

5. 價格和學習曲線。

目前比較好用的在線原型設計工具有Marvel，Invision，墨刀等等。

希望對你幫助~

有任何疑問可以追問，滿意請採納，謝謝~

㈡ 想知道用CDR怎麼畫出產品的線條圖

CDR中氏知使用貝塞爾曲線（PS中交鋼筆，CDR中這么叫）

如果想節省工序，就在PS中使用閾值或豎培通過將圖片處理為線條畫後導入CDR中，然後使用查找-全部線條，然後一點點修飾好。（將導入的圖片放在下層並且調整透明度後鎖定余核唯）