網(wǎng)頁(yè)界面，通俗而言，就是一個(gè)HTML格式的文檔，這個(gè)文檔又包含文字、圖片、聲音和動(dòng)畫(huà)等其他格式的文件，這張網(wǎng)頁(yè)中的所有元素被存儲(chǔ)在一臺(tái)與因特網(wǎng)相連接的計(jì)算機(jī)中。當(dāng)用戶(hù)發(fā)出瀏覽這張頁(yè)面的請(qǐng)求時(shí)，就由這臺(tái)計(jì)算機(jī)將頁(yè)面中的元素發(fā)送至用戶(hù)的計(jì)算機(jī)中，再由用戶(hù)的瀏覽器將這些元素按照特定的排列方式顯示出來(lái)，就形成了用戶(hù)看到的網(wǎng)頁(yè)。
作為上網(wǎng)的主要依托，網(wǎng)頁(yè)變得越來(lái)越重要，網(wǎng)頁(yè)注重的是排版布局和視覺(jué)效果，最終給每位瀏覽者提供一種布局合理、視覺(jué)效果強(qiáng)、功能強(qiáng)大并且實(shí)用簡(jiǎn)單方便的界面。
網(wǎng)頁(yè)中的基本元素是相對(duì)單一的，如文本、圖像、音頻和視頻等，但網(wǎng)頁(yè)中所包含的具體信息卻包羅萬(wàn)象。網(wǎng)頁(yè)界面根據(jù)具體內(nèi)容和風(fēng)格的不同，大致可以分為三大類(lèi)型：環(huán)境性界面、情感性界面和功能性界面。
1、環(huán)境性界面
任何一部互動(dòng)設(shè)計(jì)作品都無(wú)法脫離環(huán)境而存在，周邊環(huán)境對(duì)設(shè)計(jì)作品的信息傳遞有著特殊的影響，包括經(jīng)濟(jì)、文化、科技、時(shí)事政治、歷史、民族、宗教信仰和風(fēng)俗習(xí)慣等，因此，營(yíng)造界面的環(huán)境氛圍是不可忽視的一項(xiàng)設(shè)計(jì)工作。網(wǎng)頁(yè)界面設(shè)計(jì)也會(huì)受到社會(huì)環(huán)境和主流文化的直接影響，網(wǎng)站頁(yè)面的風(fēng)格、版式和內(nèi)容只有在順應(yīng)社會(huì)主流文化和符合大眾需求的情況下才能被接受。
2、情感性界面
此處的情感性并不是指網(wǎng)頁(yè)內(nèi)容，而是通過(guò)配色與版式的搭配，構(gòu)建出強(qiáng)烈的情感氛圍，引起人們?cè)谇楦猩系膹?qiáng)烈共鳴，從而被牢牢記住，如果一款網(wǎng)頁(yè)的版式新奇獨(dú)特，配色活潑艷麗，相信也會(huì)被瀏覽者所認(rèn)同和喜愛(ài)。
3、功能性界面
功能性界面所占的比例很大，主要用來(lái)展示產(chǎn)品和相關(guān)信息。各種購(gòu)物網(wǎng)站以及公司網(wǎng)站基本都屬于功能性界面。一款優(yōu)秀的功能性網(wǎng)頁(yè)界面應(yīng)該能使瀏覽者快速了解該網(wǎng)頁(yè)最終的目的或產(chǎn)品信息，并能根據(jù)需求快速檢索到需要的信息。
網(wǎng)絡(luò)日益發(fā)展的今天，單純的文字和數(shù)字網(wǎng)頁(yè)已經(jīng)不復(fù)存在了，取而代之的是形式和內(nèi)容上極其豐富的頁(yè)面。網(wǎng)頁(yè)設(shè)計(jì)也具有了統(tǒng)一的設(shè)計(jì)特點(diǎn)，并且兼?zhèn)淞诵聲r(shí)代的藝術(shù)形式。
1、交互性與持續(xù)性
網(wǎng)頁(yè)不同于傳統(tǒng)媒體之處，就在于信息的動(dòng)態(tài)更新和即時(shí)的交互性。即時(shí)的交互性是Web成為熱點(diǎn)的主要原因，也是網(wǎng)頁(yè)設(shè)計(jì)時(shí)必須考慮的問(wèn)題。傳統(tǒng)媒體都以線性方式提供信息，即按照信息提供者的感覺(jué)、體驗(yàn)和事先確定的格式來(lái)傳播。而在Web環(huán)境下，人們不再是一個(gè)傳統(tǒng)媒體方式的被動(dòng)接受者，而是以一個(gè)主動(dòng)參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的互交，使網(wǎng)頁(yè)技術(shù)設(shè)計(jì)不像印刷品設(shè)計(jì)那樣，發(fā)表之后就意味著設(shè)計(jì)的結(jié)束。網(wǎng)頁(yè)設(shè)計(jì)人員必須根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標(biāo)，配合網(wǎng)站不同時(shí)期的經(jīng)營(yíng)策略，以及用戶(hù)的反饋信息，經(jīng)常對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)整和修改。
2、多維性
多維性源于超鏈接，主要體現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)導(dǎo)航的設(shè)計(jì)上。由于超鏈接的出現(xiàn)，網(wǎng)頁(yè)的組織結(jié)構(gòu)更加豐富，瀏覽者可以在各種主題之間自由跳轉(zhuǎn)，從而打破了以前人們接收信息的線性方式。但頁(yè)面之間的關(guān)系過(guò)于復(fù)雜，不僅使瀏覽者檢索和查找信息增加了難度，也給設(shè)計(jì)者帶來(lái)了更大的困難。為了讓瀏覽者在網(wǎng)頁(yè)上迅速找到所需的信息，設(shè)計(jì)者必須考慮快捷而完善的導(dǎo)航設(shè)計(jì)。在替瀏覽者考慮得很周到的網(wǎng)頁(yè)中，導(dǎo)航提供了足夠的、不同角度的鏈接，幫助讀者在網(wǎng)頁(yè)的各個(gè)部分之間跳轉(zhuǎn)，并告知瀏覽者現(xiàn)在所在的位置、當(dāng)前頁(yè)面和其他頁(yè)面之間的關(guān)系等，而且每頁(yè)都有一個(gè)返回主頁(yè)的按鈕或鏈接，如果頁(yè)面是按層次結(jié)構(gòu)組織的，通常還有一個(gè)返回上級(jí)頁(yè)面的鏈接。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，面對(duì)的不是按順序排列的印刷頁(yè)面，而是自由分散的網(wǎng)頁(yè)，因此必須考慮更多的問(wèn)題。如怎樣構(gòu)建合理的頁(yè)面組織結(jié)構(gòu)，讓瀏覽者對(duì)你提供的巨量信息感到有條理？怎樣建立包括站點(diǎn)索引、幫助頁(yè)面、查詢(xún)功能在內(nèi)的導(dǎo)航系統(tǒng)？
3、多媒體的綜合性
目前網(wǎng)頁(yè)中使用的多媒體試聽(tīng)元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高，以及跨平臺(tái)的多媒體文件格式的推廣，必將促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來(lái)設(shè)計(jì)網(wǎng)頁(yè)，以滿(mǎn)足和豐富瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國(guó)內(nèi)網(wǎng)頁(yè)以及出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術(shù)的改進(jìn)和流技術(shù)的推動(dòng)下，Internet出現(xiàn)實(shí)時(shí)的音頻和視頻服務(wù)，典型的有在線音樂(lè)、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此，多種媒體的綜合運(yùn)用是網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的特點(diǎn)之一，也是未來(lái)的發(fā)展方向。
4、版式的不可控性
網(wǎng)頁(yè)版式設(shè)計(jì)與傳統(tǒng)印刷版式設(shè)計(jì)有著極大的差異，一是印刷品設(shè)計(jì)者可以指定使用的紙張和油墨，而網(wǎng)頁(yè)設(shè)計(jì)者卻不能要求瀏覽者使用什么樣的計(jì)算機(jī)或?yàn)g覽器，二是網(wǎng)絡(luò)正處于不斷發(fā)展之中，不像印刷那樣基本具備了成熟的印刷標(biāo)準(zhǔn)，三是網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中有關(guān)Web的每件事都可能隨時(shí)發(fā)生變化。
網(wǎng)絡(luò)應(yīng)用處在發(fā)展中，關(guān)于網(wǎng)絡(luò)應(yīng)用也很難在各個(gè)方面都制訂出統(tǒng)一的標(biāo)準(zhǔn)，這必然導(dǎo)致網(wǎng)頁(yè)版式設(shè)計(jì)的不可控制性。其具體表現(xiàn)為：一是網(wǎng)頁(yè)頁(yè)面會(huì)根據(jù)當(dāng)前瀏覽器窗口大小自動(dòng)格式化輸入，二是網(wǎng)頁(yè)的瀏覽者可以控制網(wǎng)頁(yè)頁(yè)面在瀏覽器中的顯示方式，三是不同種類(lèi)、版本的瀏覽器觀察同一個(gè)網(wǎng)頁(yè)頁(yè)面，效果會(huì)有所不同，四是用戶(hù)的瀏覽器工作環(huán)境不同，顯示效果也會(huì)有所不同。
把所有這些問(wèn)題歸結(jié)為一點(diǎn)，即網(wǎng)頁(yè)設(shè)計(jì)者無(wú)法控制頁(yè)面在用戶(hù)端的最終顯示效果，這也正是網(wǎng)頁(yè)設(shè)計(jì)的引人之處。
5、藝術(shù)與技術(shù)的緊密型
設(shè)計(jì)是主觀和客觀共同作用的結(jié)果，是在自由和不自由之間進(jìn)行的，設(shè)計(jì)者不能超越自身已有經(jīng)驗(yàn)和所處環(huán)境提供的客觀條件限制，優(yōu)秀的設(shè)計(jì)者正是在掌握客觀規(guī)律的基礎(chǔ)上得到了完全的自由，一種想象和創(chuàng)造的自由。網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素，藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素，網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)該積極主動(dòng)地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律，注重技術(shù)和藝術(shù)緊密結(jié)合，這樣才能窮盡技術(shù)之長(zhǎng)，實(shí)現(xiàn)藝術(shù)想象，滿(mǎn)足瀏覽者對(duì)網(wǎng)頁(yè)信息的高質(zhì)量需求。