最后半天心不在焉拖拖拽拽把各個部分都搭建好了，可是做出來的頁面慘不忍睹，自己都沒勇氣打開。晚上回家后和鄰居又討論了三個小時，最后熬夜把原型圖完成。雖然最后原型圖也沒有被采納，但是這次原型圖居然受到了表揚，領導說我的原型圖有了提升。今天就寫下這篇文章，為這段時間的工作做一個總結。原型設計前：①

一、主體不同1、UI：是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。2、原型圖：是交互設計師與PD、PM、網站開發工程師溝通的最好工具。二、定位不同1、UI：好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現軟件的定位和特點。2、原型圖：設計在原則上必須是交互設計師的產物，交互設計以用戶為中心的理念會貫穿整個產品。利用交互設計師專業的眼光與經驗直接導致該產品的可用性。三、作用不同1、UI：在UI設計過程中，需求設計角色會確定軟件的目標用戶，獲取最終用戶和直接用戶的需求。 用戶交互要考慮到目標用戶的不同引起的交互設計重點的不同。2、原型圖：系統分析員，用來了解用戶界面如何影響系統分析；設計員，用來了解用戶界面如何施加影響及它對系統“內部”的要求。

上面的回答已經把大部分原型工具列出來啦，那我就根據我自己的經驗推薦。個人用過 Axure、Mockplus、sketch。Axure是剛入門的時候學的，功能比較強大，做中低保真完全沒問題，不過學習難度也是真的大，現在已經入門好幾年了，還是有很多功能沒吃透。Mockplus是我們團隊在用的，基礎功能免費，幾乎沒有學習門檻，如果想要練手，我比較推薦這個工具。Mockplus的功能也比較多，有許多預設組件和圖標，支持多人協作，演示也很方便，分享鏈接或二維碼，在電腦端、手機端都能查看，如果擔心不安全，也可以重置鏈接。Sketch也是一款免費工具，上手相對來說比較簡單，原型圖相關的功能沒有Axure和Mockplus那么豐富，更適合做高保真設計。另外Sketch只能在Mac使用。以上是我個人的經驗，僅供參考~

這是原型圖吧，產品畫的，一般用Axure

Axure RP吧

可以用一個叫htmlcompiler的工具畫出來

總結

以上是生活随笔為你收集整理的网页原型图是谁画的啊？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。