【網(wǎng)頁(yè)產(chǎn)品設(shè)計(jì)】UI設(shè)計(jì)需要學(xué)習(xí)什么技術(shù)?和交互式設(shè)計(jì)師有什么關(guān)系?　Axure在設(shè)計(jì)網(wǎng)站原型時(shí)，如何設(shè)定網(wǎng)站的寬度和高度?下面就和小編一起來(lái)看看吧!

　　UI設(shè)計(jì)需要學(xué)習(xí)什么技術(shù)?和交互式設(shè)計(jì)師有什么關(guān)系?

　　1.熟悉Photoshop、Dreamweaver、Flash、Illustrator或Freehand等矢量圖形編輯軟件2.具有較強(qiáng)的網(wǎng)頁(yè)美術(shù)設(shè)計(jì)能力和較深的美術(shù)基礎(chǔ)，能夠很好地把握視覺(jué)色彩和網(wǎng)站布局3.強(qiáng)烈的分析問(wèn)題和解決問(wèn)題的能力細(xì)致的觀(guān)察能力，強(qiáng)的創(chuàng)造力對(duì)產(chǎn)品流程、用戶(hù)操作流程和用戶(hù)使用習(xí)慣有很深的理解，掌握用戶(hù)的研究、可用性的測(cè)試和評(píng)價(jià)技能力，具有很強(qiáng)的交互性和視覺(jué)創(chuàng)新能力4.熟悉HSML關(guān)系:交互式設(shè)計(jì)師主要研究用戶(hù)需求和接口關(guān)系，根據(jù)此關(guān)系設(shè)計(jì)和規(guī)劃產(chǎn)品功能和接口交互式模塊。比如做網(wǎng)站，互動(dòng)設(shè)計(jì)師主要考慮的問(wèn)題是，這個(gè)網(wǎng)站的目標(biāo)群體是誰(shuí)，滿(mǎn)足他們的需求，目標(biāo)用戶(hù)有什么操作習(xí)慣。根據(jù)分析相關(guān)需求調(diào)查數(shù)據(jù)，互動(dòng)設(shè)計(jì)師建立一個(gè)或幾個(gè)用戶(hù)模型，分析這些用戶(hù)的使用習(xí)慣，建立網(wǎng)站的設(shè)計(jì)模型，該模型可以是普通的框架原稿，也可能是高保真模型，但設(shè)計(jì)要素的細(xì)節(jié)和具體的視覺(jué)效果一般來(lái)說(shuō)，交互設(shè)計(jì)師的工作內(nèi)容到此為止。UI設(shè)計(jì)師，顧名思義，重視用戶(hù)界面的設(shè)計(jì)，以前的用戶(hù)模型、需求分析等，UI設(shè)計(jì)師一般不參加，交互設(shè)計(jì)師處理這些工作，完成設(shè)計(jì)原型后，UI設(shè)計(jì)師設(shè)計(jì)和優(yōu)化頁(yè)面細(xì)節(jié)，UI設(shè)計(jì)師的工作偏向于視覺(jué)。但是，這兩項(xiàng)工作的交叉點(diǎn)還很多，如果有交互式UI設(shè)計(jì)的經(jīng)驗(yàn)，在制作產(chǎn)品原型時(shí)會(huì)更加規(guī)范美觀(guān)，如果有UI設(shè)計(jì)的交互式設(shè)計(jì)的經(jīng)驗(yàn)，在進(jìn)行具體設(shè)計(jì)時(shí)會(huì)更加關(guān)注用戶(hù)的需求和用戶(hù)體驗(yàn)。

　　Axure在設(shè)計(jì)網(wǎng)站原型時(shí)，如何設(shè)定網(wǎng)站的寬度和高度?

　　【頁(yè)面尺寸】web頁(yè)面的尺寸限(顯示屏現(xiàn)在種類(lèi)繁多，以17英寸為主流，朝著19英寸和寬屏的方向發(fā)展，但現(xiàn)在也有很多15英寸的顯示屏)，另一個(gè)是瀏覽器軟件(我們經(jīng)常使用的IE、漫游、Friefox等)【頁(yè)面高度一個(gè)屏幕通常沒(méi)有固定值。因?yàn)槊總€(gè)人的瀏覽器工具欄不同，所以高度沒(méi)有正確的值?！卷?yè)面寬度】1、在IE6.0下，寬度為顯示器分辨率減少21，例如1024的寬度-21為1003。但值得注意的是，IE6.0(或更低)無(wú)論你的網(wǎng)頁(yè)有多高，都有右側(cè)的滾動(dòng)框。2.在Firefox下，寬度分辨率減少19。例如，1024的寬度-19為10053，在Opear下，寬度的分辨率減少了23。例如，1024的寬度-23是1001，如果是1024的分辨率的話(huà)，你的網(wǎng)頁(yè)比設(shè)定1000更安全。900兩側(cè)的空白更大，視覺(jué)上更舒適。設(shè)計(jì)浮動(dòng)層也很方便。800的分辨率通常設(shè)定為770。但是，也有成為760的。這些需要理解并記住。否則，很可能不符合瀏覽器的要求。但是，一般來(lái)說(shuō)，我們?cè)O(shè)定的更小，瀏覽器中添加插件和其他東西的寬度會(huì)發(fā)生變化，因此800的分辨率一般設(shè)定為760左右，1024的設(shè)定為990左右。網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸參考:1，800*600下，網(wǎng)頁(yè)寬度保持在778以?xún)?nèi)，不會(huì)出現(xiàn)水平滾動(dòng)條，高度取決于布局和內(nèi)容。2、1024*768下邊，網(wǎng)頁(yè)頁(yè)面寬度保持在1002之內(nèi)，假如全框顯示，高度在612-615之間，就不會(huì)出現(xiàn)橫滾條和豎滾條。3、頁(yè)面長(zhǎng)度原則上不超過(guò)3個(gè)屏幕，寬度不超過(guò)1個(gè)屏幕，每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸。4、全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px(另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸)5、每個(gè)非主頁(yè)靜態(tài)頁(yè)面包含圖像字節(jié)不超過(guò)60K，全尺寸bannner不超過(guò)14K【網(wǎng)頁(yè)廣告尺寸】1、120*120，該廣告規(guī)格適用于產(chǎn)品或新聞?wù)掌故尽?、120*60，該廣告規(guī)格主要用于標(biāo)志。3、120*90，主要應(yīng)用于產(chǎn)品示范或大型標(biāo)志。4、125*125，這種規(guī)格適用于展現(xiàn)圖片效果的圖片廣告。5、234*60，這種規(guī)格適用于框架或左右形式主頁(yè)的廣告鏈接。6、392*72主要用于展示許多圖像的廣告條，用于頁(yè)眉和頁(yè)腳。7、468*60，應(yīng)用最廣泛的廣告尺寸，用于頁(yè)眉和頁(yè)腳。8、88*31主要用于網(wǎng)頁(yè)鏈接或網(wǎng)站小型標(biāo)志?！緩V告形式像素大小最大尺寸】BUTON120*60(必須使用gif)7K215*50(必須使用gif)7K通欄760*10025K靜態(tài)圖像或減少運(yùn)動(dòng)效果430*5015K超級(jí)通欄760*100to760*200共40K靜態(tài)圖像或減少運(yùn)動(dòng)效果的廣告336*28035K5*120垂直廣告130*3025K全屏廣告800*60400400k靜態(tài)圖像混合圖像，F(xiàn)LASH格式圖像混合各頻道。