摹客
產品
最近小摹發(fā)現(xiàn)社群中來了不少的萌新小可愛，前不久還有好幾位小伙伴私聊小?。寒嬙褪钱a品經理還是UI設計師的工作？新人適合用什么工具畫原型？原型稿和UI稿的區(qū)別有哪些？
所以今天小摹打算跟大家嘮嘮原型設計和UI設計那些事，給各位萌新小白們做一個正經的科普，從三個層面幫大家理理這二者的不同之處，順便解答以上三個問題！
首先，咱先來看看它們各自的概念描述：
原型設計：是將抽象的功能需求轉化為具象的產品原型的過程，其中需要借助PRD文檔和原型圖，對產品的業(yè)務邏輯進行描述說明；
UI設計：在產品原型的基礎上，UI設計師對原型進行視覺美化，最終呈現(xiàn)的UI稿跟我們平時在PC端或手機端所看到的頁面一樣，只不過是靜態(tài)頁面，無法通過點擊實現(xiàn)交互。
所以，從二者概念來看，原型設計≠畫原型圖，UI設計≠畫UI稿，它們代表的是產品研發(fā)流程線上的兩個環(huán)節(jié)，原型設計需要在進行UI設計之前完成，并為UI設計提供基礎的界面功能布局。
在大家對二者的概念有了基本的熟悉后，接下來，小摹再給大家介紹一下，原型設計和UI設計分別對應的是什么崗位？
原型設計：對應的崗位是產品經理或交互設計師。其工作內容主要是產品的功能設計部分，他們需要通過市場調研、競品分析、產品市場現(xiàn)狀等資料，形成完整的功能點list，進而產出原型與PRD文檔；
UI設計：對應的崗位是UI設計師。其工作內容主要是產品的視覺設計部分，包括：色彩范圍、質感、細節(jié)、突出信息、圖標設計方案、插畫設計思路以及動效等。
總之，原型設計側重于產品邏輯，主要用于快速向所有利益相關方傳達產品的核心思路、功能點、使用流程等關鍵信息；而UI設計側重于視覺與體驗，不僅需要考慮整體界面的美觀性，還要充分體現(xiàn)軟件的定位和特點。
有了這個結論，相信大家就不會再弄混這二者的區(qū)別了，那么下面小摹就跟大家聊聊產品經理和UI設計師在工具選用上區(qū)別吧~
雖然都是設計，但一個是原型設計，一個是UI設計，大家所負責的工作內容不同，自然各自使用的工具也不一樣。下面，小摹給大家整理了5款產品經理和UI設計師們常用的設計工具：
Axure是一款主流的老牌原型繪制工具，可以實現(xiàn)比較豐富的交互效果，但是，對萌新小白而言，使用Axure有一定的上手難度。因為網站上有眾多“破解版”安裝包，稍有不慎，萌新們就容易下載到各類垃圾軟件；另外Axure需要全網搜尋并下載元件庫，對小白而言，相對更難上手~
摹客RP是一款免費的快速原型工具，支持Web端及客戶端兩種形式。它預設了豐富的組件與圖標資源（圖標還分為了“粗”、“細”兩種規(guī)格），所有組件和圖標無需下載，直接拖拽到面板上就能開始搭建原型，對萌新小白們非常友好，能快速上手練習！
另外，它的交互功能也值得一提。除了常規(guī)的頁面交互與組件交互外，它還支持多種觸發(fā)方式，并能快速完成彈窗、滾動區(qū)、輪播圖、錨點定位、循環(huán)旋轉等精細動畫效果。
UI設計工具：
摹客DT是一款專屬于設計師的在線UI設計工具。為了快速呈現(xiàn)精美的樣式效果，它在矢量設計方面下足了功夫。布爾運算、貝塞爾曲線等基礎功能一應俱全，另外還包含了各類常用功能，比如路徑合并、輪廓化、剪刀工具等。
另外，摹客DT提供了多人實時編輯機制，毫秒級的數(shù)據(jù)傳遞，成員在畫板中編輯，團隊中其他成員都能即時同步，真正做到了“讓在線協(xié)作享受無時差”的高效體驗。
Sketch是一款非常出色的輕量級UI/UX 設計工具，但因其僅支持MacOS，對其余使用Win系統(tǒng)的用戶有一定的局限性。Sketch一般用于界面設計、網頁設計、矢量插圖等，它可以搭載較為豐富的插件，因此設計師可以自由定制屬于自己的Sketch。
Figma是一款基于瀏覽器的UI設計工具，無需下載任何本地應用程序。Figma最大的產品特色在于能夠實現(xiàn)在線協(xié)作，多人實時編輯、在線交付等，極大解放了設計生產力。但因為Figma在國內沒有服務器，國內用戶需要科學上網，并且在大文件加載和資產安全性上也有諸多槽點。
好啦，讀到這里，相信大家能徹底分清原型設計和UI設計的區(qū)別了吧~希望今天的分享能對大家有所幫助，最后祝愿大家早日成為一名優(yōu)秀的產品經理orUI設計師~
當然啦，大家在學習的過程中有不清楚的問題，同樣也可以私信小摹喲！
摹客協(xié)作
摹客RP
摹客DT
摹客超級版