什么是網(wǎng)頁(yè)交互設(shè)計(jì)呢,所謂交互設(shè)計(jì)就是讓瀏覽器用的來(lái)順手,看起來(lái)順心,使用起來(lái)有良好的用戶體驗(yàn),能夠通過(guò)網(wǎng)頁(yè)快速找到自己想要找到的東西,而不是去一次次的做無(wú)效點(diǎn)擊,那么如何做好網(wǎng)站的交互設(shè)計(jì)呢。
1,觀察大型網(wǎng)頁(yè)的設(shè)計(jì)它們的首頁(yè)寬度沒(méi)什么固定規(guī)律,共同的特點(diǎn)是:功能專一,頁(yè)面結(jié)構(gòu)相對(duì)簡(jiǎn)單,為什么要選擇這個(gè)寬度呢,這個(gè)寬度值究竟有什么魔力,可能大多數(shù)人都不能理解,但是不要緊,你可以參考,在做企業(yè)站的時(shí)候參考這種寬度設(shè)計(jì)就好。
2,按鈕以及文字設(shè)計(jì)問(wèn)題,先來(lái)說(shuō)說(shuō)圖片,圖片相對(duì)文字來(lái)說(shuō),所承載的信息更直觀,也更能渲染氣氛,給用戶留下更深的印象,常見(jiàn)于各種小圖標(biāo),比如下載按鈕,通常會(huì)看到用一個(gè)向下的箭頭來(lái)表示,對(duì)于重要的按鈕來(lái)說(shuō),一般會(huì)將其圖形化,就算沒(méi)有采用小圖標(biāo)來(lái)輔助表達(dá),也會(huì)采用“色塊”來(lái)講“文字”圖形化。
3,色彩與按鈕的整體性,網(wǎng)站的顏色跟整個(gè)頁(yè)面的按鈕是要一直的,這是交互設(shè)計(jì)較基礎(chǔ)的知識(shí)之一,保證產(chǎn)品各種元素的一致性,不要讓用戶迷茫,比如標(biāo)題的一致性,同一個(gè)功能,這里用A來(lái)表達(dá),到了另一個(gè)頁(yè)面,也要用A來(lái)表達(dá)。
網(wǎng)頁(yè)是在瀏覽器中顯示的,所以缺省情況下,網(wǎng)站建設(shè)只能在除瀏覽器本身占用的屏幕空間以外顯示,如果再加上屏幕本身的分辨率限制,網(wǎng)頁(yè)的顯示區(qū)可以說(shuō)相當(dāng)有限,當(dāng)然可以借助于瀏覽器的滾動(dòng)條來(lái)擴(kuò)大網(wǎng)頁(yè)的顯示范圍,但是這么一來(lái),訪問(wèn)者需要拖動(dòng)條才能瀏覽到屏幕之外的信息,所以如果想在一屏之內(nèi)顯示更多的信息,就應(yīng)該了解屏幕的分辨率和頁(yè)面的顯示尺寸。
同一分辨率下,瀏覽器界面的設(shè)置不一樣,網(wǎng)站制作的顯示尺寸也不一樣,比如說(shuō)全屏方式,就是在整個(gè)屏幕上只顯示網(wǎng)頁(yè),了解這個(gè)之后,就可以比較精確地布局頁(yè)中的各個(gè)元素了,頁(yè)面是指你所看到的整個(gè)屏幕,一個(gè)頁(yè)面并沒(méi)有固定的區(qū)域劃分,但是從人們的瀏覽習(xí)慣上說(shuō),通常有兩個(gè)區(qū)域是較引人注目的地方,那就是頁(yè)面的左上角和頁(yè)面的中央位置。