1、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
2、通過axure做原型設計生成的html代碼可以讓開發直接用嗎
不可以,Axure 生成的只是原型,是在產品制定時供大家參考了解項目用的。
Axure輸出的HTML文件不能直接用於前端代碼開發,Axure為了模擬交互效果,使用了大量的JS,其中有很多是用不著的內容,前端代碼需要完全重寫。
Axure輸出內容不能取代實際開發中的任何部分,只是為了提高溝通效率。
(2)axurea設計網頁擴展資料:
Axure的特性
1.滑鼠及鍵盤交互功能:
支持更多的新特性包括 OnDoubleClick(雙擊), OnContextMenu (右擊),OnMouseDown(滑鼠按鍵按下), OnMouseUp(滑鼠按鍵松開), OnMouseMove(滑鼠指針移動), OnMouseHover(滑鼠指針經過), OnLongClick (滑鼠長按), OnKeyDown(鍵盤按鍵按下), OnKeyUp(鍵盤按鍵松開)。
2.演示文檔:
支持HTML5新特性,以及更好的支持手機演示特性。
3.新增部件樣式控制:
Axure7對於部件修飾功能有較大的改善,包括支持圓角、陰影、描邊等設置。
4.更細化的部件屬性:
更為豐富的部件屬性,可以設置各種形狀、樣式,較Axure RP 6.5單調的形狀而言,也是一種驚喜。
5.更多交互條件:
包括關閉指定窗口、設置錨點以及更為靈活的事件觸發條件,對於移動互聯網產品原型設計有很大幫助。
3、axure設計有什麼好的學習書籍木有
國外的書:Prototyping Essentials with Axure Second Edition.pdf
國內的書:AXURE RP 6原型設計精髓
網站藍圖 Axure RP高保真網頁原型製作
可以到axure夜話教版程網下載:www.91axure.com
更多權地案例教程:www.iniuche.com
4、axure怎麼做web頁面高保真
一般來說,axure的原型分成兩種,低保真和高保真。低保真就是線框圖,主要作用是給研發交付,做開發的參考,只要能能實現講清楚頁面的功能和邏輯就可以了,特點是高效、快速;而高真原型主要是在產品初期給公司領導、用戶演示,除了要完成低保真的功能,對於原型的界面風格和交互都有要求,高保真的原型特點是效果好、更接近真實的產品,但是開發起來很費事件。這兩種原型適用與不同的需求場景。
對於高保真來說,主要要實現以下幾個方面:
1、頁面布局尺寸要准確,最好能夠實現自動適應屏幕;
2、頁面風格,包括顏色、字體、行間距等,都要按照規范設計,這個階段,往往需要UI的介入;
3、交互要能夠實現,至少要實現所有的菜單功能,並且要實現主要細節頁面;
按照上面的要求,高保真的原型除了基本的原件之外,一般都要使用到動態面板、中繼器、內聯框架等元件,需要產品經理能夠對這些元件掌握的比較好。
總得來說,實現一個高保真的原型是比較復雜的,對於新手來說,還是比較困難的。
不過也有一些現成的pc端的高保真原型框架,可以下載直接使用。
5、Axure設計的網頁怎麼生成html文件
1、點擊菜單欄中的「發布」,點擊「生成HTML文件」
2、選擇html文件保存路徑,然後點擊「生成」按鈕
3、將生成的html文件保存在文件夾中
4、打開上面的文件夾,雙擊打開「index」文件
5、瀏覽器打開html文件的效果圖
6、axure製作網頁 怎麼讓他自適應不同電腦的解析度呢?
1、雙擊打開Axure RP 8設計軟體,在基本元件中拖曳一個矩形1到畫布上。
2、再次在基本元件里拖曳兩個按鈕到畫布上,放在矩形框上方。
3、再拖曳一個佔位符到矩形框下方。
4、在右側屬性里自適應勾選「啟用」,彈出「影響所有視圖」。
5、點擊左側自適應按鈕,彈出自適應視圖,分別設置手機、平板和電腦解析度的范圍。
6、這時界面上顯示出不同解析度界面,然後預覽該界面。
7、如何用axure製作一個完整的個人網站
axure製作出來的只是產品模型,生成html代碼後相當於只是你有了前段樣式代碼,具體的功能模塊的代碼實現,還是需要你編寫的,怎麼與資料庫,前後台對接,怎麼發布到伺服器等等。當然,你要是只是個靜態的個人網站,一年不更新一次,也簡單,用axure製作一個網站,中繼器里存死數據,放到nginx伺服器上就行了。
而對於你怎麼通過axure製作一個完整的個人網站,就簡單很多了,直接在axure中設計不就行了嗎,本身就是一個工具類軟體,知道如何操作就可以設計了,登錄,博客發布,編寫都可以模擬,但也僅限於是個模型而已