請<愛尬聊_百科大全>問網(wǎng)頁原型圖是誰畫的啊？在線等。。

---

廣州的天空下17 2022-07-22 05:29

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

---

yeyu86341 2022-07-22 05:40

一、主體不同

1、UI：是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。

2、原型圖：是交互設計師與PD、PM、網(wǎng)站開發(fā)工程師溝通的最好工具。

二、定位不同

1、UI：好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單、自由，充分體現(xiàn)軟件的定位和特點。

2、原型圖：設計在原則上必須是交互設計師的產(chǎn)物，交互設計以用戶為中心的理念會貫穿整個產(chǎn)品。利用交互設計師專業(yè)的眼光與經(jīng)驗直接導致該產(chǎn)品的可用性。

三、作用不同

1、UI：在UI設計過程中，需求設計角色會確定軟件的目標用戶，獲取最終用戶和直接用戶的需求。 用戶交互要考慮到目標用戶的不同引起的交互設計重點的不同。

2、原型圖：系統(tǒng)分析員，用來了解用戶界面如何影響系統(tǒng)分析；設計員，用來了解用戶界面如何施加影響及它對系統(tǒng)“內(nèi)部”的要求。

---

絕代haydey 2022-07-22 05:42

上面的回答已經(jīng)把大部分原型工具列出來啦，那我就根據(jù)我自己的經(jīng)驗推薦。

個人用過 Axure、Mockplus、sketch。

Axure是剛?cè)腴T的時候?qū)W的，功能比較強大，做中低保真完全沒問題，不過學習難度也是真的大，現(xiàn)在已經(jīng)入門好幾年了，還是有很多功能沒吃透。

Mockplus是我們團隊在用的，基礎功能免費，幾乎沒有學習門檻，如果想要練手，我比較推薦這個工具。Mockplus的功能也比較多，有許多預設組件和圖標，支持多人協(xié)作，演示也很方便，分享鏈接或二維碼，在電腦端、手機端都能查看，如果擔心不安全，也可以重置鏈接。

Sketch也是一款免費工具，上手相對來說比較簡單，原型圖相關(guān)的功能沒有Axure和Mockplus那么豐富，更適合做高保真設計。另外Sketch只能在Mac使用。

以上是我個人的經(jīng)驗，僅供參考~

---

情緒失控#p#她說的愛過是錯過 2022-07-22 05:43

這是原型圖吧，產(chǎn)品畫的，一般用Axure

---

果凍欣 2022-07-22 05:44

Axure RP吧

---

360U2579147582 2022-07-22 05:48

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

---