導航:首頁 > 萬維百科 > 網頁原型圖設計

網頁原型圖設計

發布時間:2020-09-20 07:22:00

1、網站設計前需要製作網站原型圖嗎

是的,需要製作網站效果圖,要吧網站大致效果和框架定好,才能更好的進行一步代碼和後台的製作,網站原型圖是網站建設前的基礎,每個專業網站建設公司應該 都是需要的,這樣子才更有思路條理

2、ui和畫原型圖的區別

一、主體不同

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

2、原型圖:是交互設計師與PD、PM、網站開發工程師溝通的最好工具。

二、定位不同

1、UI:好的UI設計不僅是讓軟體變得有個性有品位,還要讓軟體的操作變得舒適簡單、自由,充分體現軟體的定位和特點。

2、原型圖:設計在原則上必須是交互設計師的產物,交互設計以用戶為中心的理念會貫穿整個產品。利用交互設計師專業的眼光與經驗直接導致該產品的可用性。


三、作用不同

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

2、原型圖:系統分析員,用來了解用戶界面如何影響系統分析;設計員,用來了解用戶界面如何施加影響及它對系統「內部」的要求。


3、求大神給我一份RP原型圖,和根據原型圖製作出的html網頁.

這類的要求還是很簡單的。你可以提供圖直接在線製作,這類的要求也很簡單的。

4、用什麼工具畫原型圖 生成html

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

5、iOS原型圖設計什麼軟體好用?

現在主流的原型界面設計軟體基本就那幾款吧,比如Framer、Shireframe、v-proto,前2款對技術和入門還是有要求的,後面者是國產,更符合國人使用習慣,而且零基礎的人也能很好地使用。
原型設計工具一定要能在工具內拖拉拽模塊或者通過大量模版集合,現場快速生成產品模型,可視化操作讓客戶思維得以具現化,高保真度還原需求,同時支持團隊協作辦公,需求即提即改,大大縮短交流成本和交付周期。這才是原型工具的本身存在的意義

6、網頁設計流程,用畫原型圖嗎?邏輯誰來設計

首先要有網頁或者說是網站的需求方提供需求內容。
例如頁面要包括哪些,如用戶登錄,注冊,信息展示,甚至在線支付之類的東西。
然後還要有一些具體功能需求,如用戶注冊需要提供哪些資料,如身份證,地址之類的信息。
信息展示具體是哪些。

有需求方先要寫明自己的需求,然後根據需求進行下一步的設計,原型圖肯定要畫,因為沒有圖就無法製作網頁。
先把圖畫好,然後和對方商定細節,例如logo的大小,段落間距,字體顏色,之類的細節東西。
畫好圖並確定後就可以按照圖來製作網頁。
至於內部後台相關也要商定。
具體由誰來做什麼要視情況而定。
例如如果對方公司有美工之類的,可能就直接給你一些素材甚至畫好的圖讓你直接製作。
也有可能需要你自己畫圖或者找人畫圖。

7、如何進行web頁面原型圖設計

簡單來說,產品經理進行頁面原型設計時,只需要把業務邏輯和交互邏輯講明白,不需要做得特別精美,而是要把握重點,把重心放在分析用戶需求、規劃產品功能上。之後交互設計師可以根據產品經理的原型圖進行設計。
從使用工具來看的話,產品經理在做原型時其實只需要Mockplus或摹客原型這樣的快速原型設計工具。只要提前想清楚主要的功能點和交互邏輯,使用工具內置的現成組件,十分鍾就能把原型做完。
交互設計師需要做的是根據產品經理繪制的原型版和相關產品文檔,繪制高保真原型,通常交互設計師會使用PS、sketch、XD之類的設計工具,在完成頁面設計後上傳到摹客等協作平台添加交互。完成後也可以直接發鏈接給其他成員審閱,這時候主要看的就是原型呈現的視覺效果了。

8、通過axure做原型設計生成的html代碼可以讓開發直接用嗎

不可以,Axure 生成的只是原型,是在產品制定時供大家參考了解項目用的。

Axure輸出的HTML文件不能直接用於前端代碼開發,Axure為了模擬交互效果,使用了大量的JS,其中有很多是用不著的內容,前端代碼需要完全重寫。

Axure輸出內容不能取代實際開發中的任何部分,只是為了提高溝通效率。

(8)網頁原型圖設計擴展資料:

Axure的特性

1.滑鼠及鍵盤交互功能:

支持更多的新特性包括 OnDoubleClick(雙擊), OnContextMenu (右擊),OnMouseDown(滑鼠按鍵按下), OnMouseUp(滑鼠按鍵松開), OnMouseMove(滑鼠指針移動), OnMouseHover(滑鼠指針經過), OnLongClick (滑鼠長按), OnKeyDown(鍵盤按鍵按下), OnKeyUp(鍵盤按鍵松開)。

2.演示文檔:

支持HTML5新特性,以及更好的支持手機演示特性。


3.新增部件樣式控制:

Axure7對於部件修飾功能有較大的改善,包括支持圓角、陰影、描邊等設置。

4.更細化的部件屬性:

更為豐富的部件屬性,可以設置各種形狀、樣式,較Axure RP 6.5單調的形狀而言,也是一種驚喜。

5.更多交互條件:

包括關閉指定窗口、設置錨點以及更為靈活的事件觸發條件,對於移動互聯網產品原型設計有很大幫助。

9、產品經理畫完原型圖後交給UI看的是原型圖的網址鏈接嗎

UI一般看原型預覽文件,根據你設計的原型預覽之後的頁面進行UI設計。

與網頁原型圖設計相關的知識