如何設計網站原型
1. 如何設計出色的網站後台原型
網上很多坐原型的軟體。不過這種只是工具,更多的還是人的思維
2. 網站設計前需要製作網站原型圖嗎
是的,需要製作網站效果圖,要吧網站大致效果和框架定好,才能更好的進行一步代碼和後台的製作,網站原型圖是網站建設前的基礎,每個專業網站建設公司應該 都是需要的,這樣子才更有思路條理
3. 如何進行原型設計
感時花濺淚,恨別鳥驚心。
4. 如何設計出色的網站後台原型
1、了解現狀背景抄。自己所在的是啥行業、做的前端產品是啥類型產品、這個產品現在有一個怎樣的後台支持。支付行業民生繳費?媒體行業播放應用?電商行業……這些行業有啥特點,要做到這些特點後台要怎麼支撐?2、需求和方案。這個後台是要來幹嘛?用來查詢訂單?管理實時數據?對賬清算?根據各種不同的需求,你要梳理出一個層級結構,好比起房子,這房子底下幾層是商用,上邊是住宅…這個時候你就知道各通道要怎麼設計了。3、所謂出色的原型,無非就是夠實用。你做出來,找用的人跟你過幾次,你就會漸入佳境。這種東西沒有固定的模式,同時,你也不必拘泥於任何一種方法。在沒有滿足需求的現狀下,原型能反映出滿足運營的需求的方式就已經是出色的原型;在有滿足需求的現狀下,原型能夠反映出更高效、便捷的滿足方式就是優秀出色的原型。關鍵在於你拿什麼比較。
5. 如何設計出色的網站後台原型
網站前台如果說是相當於一個店鋪的門面,那麼後台就專相當於是一個屬店鋪的倉庫。一個好的網站後台設計需要不斷進行內容的填充和調試,因此對於後台的設計是需要不斷的進行優化和創建的,具體所需要注意的如下:
1、能夠熟練的使用原型工具
2、優秀的設計風格和設計規范
如果有架構設計能力的,後台比前台簡單,對UI UE的要求不高。
如果架構設計能力不夠的話,那就不是前後台的問題了,因為後台本來就是就是環環相扣的地方。所以要求設計者思路清晰,條理清楚,即使不去畫,腦子里也有完整的流程圖。整個流程都是順暢的可拓展的和業務貼合的,YIN - CILING MAODIAN。SHANG覺得如果沒有這個基礎,那就會變得比較困難。另方面就是性能了,做數據表的時候一定要考慮好這一點,加上必要的冗餘,不要讓所有聯系最後都變成空的。
6. 怎樣使用axure製作網頁原型
看一遍後基本上就知道怎麼操作了,很簡單的。
7. 如何進行web頁面原型圖設計
簡單來說,產品經理進行頁面原型設計時,只需要把業務邏輯和交互邏輯講明白,不需要做得特別精美,而是要把握重點,把重心放在分析用戶需求、規劃產品功能上。之後交互設計師可以根據產品經理的原型圖進行設計。
從使用工具來看的話,產品經理在做原型時其實只需要Mockplus或摹客原型這樣的快速原型設計工具。只要提前想清楚主要的功能點和交互邏輯,使用工具內置的現成組件,十分鍾就能把原型做完。
交互設計師需要做的是根據產品經理繪制的原型版和相關產品文檔,繪制高保真原型,通常交互設計師會使用PS、sketch、XD之類的設計工具,在完成頁面設計後上傳到摹客等協作平台添加交互。完成後也可以直接發鏈接給其他成員審閱,這時候主要看的就是原型呈現的視覺效果了。
8. Axure 設計網站原型時,網站寬度和高度怎麼設置比較好
【頁面尺寸】網頁的尺寸受限於兩個因素:一個是顯示器屏幕(顯示器現在種類很多,17寸為主流,正在朝19寸及寬屏的方向發展,但目前也有為數不少的15寸顯示器)另一個是瀏覽器軟體(我們常用的IE、遨遊、Friefox等)
【頁面高度】高度是可以向下延展的,所以一般對高度不限制。對於一屏來說一般沒有一個固定值,因為每個人的瀏覽器的工具欄不同,所以高度沒有確切值。
【頁面寬度】
1、在IE6.0下,寬度為顯示器解析度減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。
2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005
3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001
如果是1024的解析度,你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點。也方便做一些浮動層的設計。如果是800的解析度一般都設成770。但也有設成760的。這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求。不過一般我們都會設定的再稍微小一點,因為有些瀏覽器加了插件或者其他的東西寬度會有變化,所以 800的解析度一般設定760左右,1024的設定990左右。
網頁設計標准尺寸參考:
1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。
2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間,就不會出現水平滾動條和垂直滾動條。
3、頁面長度原則上不超過3屏,寬度不超過1屏,每個標准頁面為A4幅面大小,即8.5X11英寸。
4、全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px (另外120*90,120*60也是小圖標的標准尺寸 )
5、每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K
【網頁廣告尺寸】
1、120*120,這種廣告規格適用於產品或新聞照片展示。
2、120*60,這種廣告規格主要用於做LOGO使用。
3、120*90,主要應用於產品演示或大型LOGO。
4、125*125,這種規格適於表現照片效果的圖像廣告。
5、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。
6、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。
7、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。
8、88*31,主要用於網頁鏈接,或網站小型LOGO。
【廣告形式 像素大小 最大尺寸】
BUTTON 120*60(必須用gif) 7K;215*50(必須用gif) 7K
通欄 760*100 25K 靜態圖片或減少運動效果;430*50 15K
超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果
巨幅廣告 336*280 35K;585*120
豎邊廣告 130*300 25K
全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式
圖文混排 各頻道不同 15K
彈出窗口 400*300(盡量用gif) 40K
BANNER 468*60(盡量用gif) 18K
懸停按鈕 80*80(必須用gif) 7K
流媒體 300*200(可做不規則形狀但尺寸不能超過300*200) 30K 播放時間 小於5秒60幀(1秒/12幀)
【網頁中的廣告尺寸】
1.首頁右上,尺寸120*60
2.首頁頂部通欄,尺寸468*60
3.首頁頂部通欄,尺寸760*60
4.首頁中部通欄,尺寸580*60
5.內頁頂部通欄,尺寸468*60
6.內頁頂部通欄,尺寸760*60
7.內頁左上,尺寸150*60或300*300
8.下載地址頁面,尺寸560*60或468*60
9.內頁底部通欄,尺寸760*60
10.左漂浮,尺寸80*80或100*100
11.右漂浮,尺寸80*80或100*100
9. 如何將一個網頁中的元素放到新的原型設計中
推薦使用摹客在線畫原型,元素支持跨項目復制粘貼。另外,在摹客畫原型時,還可以把圖標、組件等原型設計中的元素保存到組件庫中,方便復用和分享。
10. 如何制定製作網站原型的規范
這應該是UI 層面的,需要制定各種空間的普遍大小色素等。