網(wǎng)頁界面設(shè)計(jì)是將文字、圖形圖像、色彩、動(dòng)畫、視頻圖像等要素,根據(jù)特定的內(nèi)容和主題,在網(wǎng)頁所限定的范圍內(nèi),運(yùn)用造型元素和形式原理進(jìn)行視覺的關(guān)聯(lián),從而將設(shè)計(jì)意圖以視覺形式表現(xiàn)出來。版式設(shè)計(jì)能夠?qū)⑽淖?、圖形圖像等視覺元素進(jìn)行組合配置,使瀏覽者對(duì)網(wǎng)頁內(nèi)容一目了然,并獲得悅目的視覺效果,從而實(shí)現(xiàn)信息傳達(dá)的最佳效果。
在大部分情況下, 圖標(biāo)所采用的圖像是與它所要表現(xiàn)的內(nèi)容緊密相關(guān)的, 比如文件夾的icon就是一個(gè)文件袋的圖。電商網(wǎng)頁中也有大量的圖形元素出現(xiàn), 而且圖標(biāo)所表現(xiàn)的行為或者它所代表特殊的網(wǎng)頁性質(zhì)也使圖標(biāo)區(qū)別于其他網(wǎng)頁, 但是在電商網(wǎng)頁中, 有幾個(gè)固定含義的圖標(biāo)為大部分電商網(wǎng)頁通用。如收藏夾的icon就是一個(gè)正五角星, 這個(gè)圖標(biāo)的不同配色運(yùn)用于各個(gè)電商網(wǎng)頁, 但是
重視面包屑導(dǎo)航設(shè)計(jì), 明確告知用戶目前所在位置。面包屑導(dǎo)航是幫助用戶判斷當(dāng)前位置的最好方法, 所以一定要設(shè)計(jì)的易于識(shí)別, 可以通過字體顏色改變、字體加粗、字號(hào)加大等方式與頁面中的其他文字區(qū)分出來, 不要在這里設(shè)計(jì)太多花哨的東西。
網(wǎng)頁導(dǎo)航表現(xiàn)為網(wǎng)頁的欄目菜單設(shè)置、輔助菜單、其他在線幫助等形式。網(wǎng)頁導(dǎo)航設(shè)置是在網(wǎng)頁欄目結(jié)構(gòu)的基礎(chǔ)上, 進(jìn)一步為用戶瀏覽網(wǎng)頁提供的提示系統(tǒng)。
在界面內(nèi)容部分的設(shè)計(jì)中, 文字要易讀, 圖片要易于識(shí)別, 盡量減少文字、圖片給人們視覺帶來的刺激。
從技術(shù)層面來看, 其具備數(shù)字化、多媒體的技術(shù)特征;從傳播方面來看, 其具有多元化、個(gè)性化、交互性、快捷性、廣泛性的傳播特征。因其媒介的特殊性, 網(wǎng)頁界面設(shè)計(jì)在具有了平面設(shè)計(jì)一般特征的同時(shí), 又具備了自身獨(dú)特的設(shè)計(jì)特性。
在3D技術(shù)的支撐下,數(shù)字廣告在原有的二維基礎(chǔ)上得以擴(kuò)充,在圖形等視覺表現(xiàn)上更為突出,所表現(xiàn)的圖形的形象不再是二維的,表達(dá)方式更為靈活、生動(dòng)。在一定程度上突破了平面二維廣告在表現(xiàn)手法上的單一性、靜態(tài)性等缺點(diǎn),成為現(xiàn)代商品在網(wǎng)上動(dòng)態(tài)、立體展示的表現(xiàn)手法之一。
在數(shù)字媒體的背景下,數(shù)字廣告中的視覺傳達(dá)設(shè)計(jì)與媒體的融合更為緊密、一體化。比如,利用網(wǎng)頁和Flash動(dòng)畫技術(shù),可以將廣告信息與數(shù)字技術(shù)融合在一起,構(gòu)建出一個(gè)問答式的網(wǎng)頁互動(dòng)廣告系統(tǒng)。 用戶可以通過點(diǎn)擊動(dòng)作按鈕來了解產(chǎn)品的 信息 , 或者通過 動(dòng)畫的演 示,對(duì)產(chǎn)品進(jìn)行全方位的解說,達(dá)到“人機(jī)”互動(dòng)的效果。
在進(jìn)行網(wǎng)站視覺配色之前必須要進(jìn)行用戶調(diào)研，考察用戶對(duì)于網(wǎng)站的使用需求以及網(wǎng)站的主體內(nèi)容，根據(jù)需求和內(nèi)容來完成網(wǎng)頁設(shè)計(jì)配色，從而讓瀏覽者賞心悅目的瀏覽網(wǎng)頁。
插圖也是網(wǎng)頁設(shè)計(jì)中常見的形式之一。為有效拓展文本信息，插圖應(yīng)用十分廣泛，能夠?qū)⒒虺橄蠡驅(qū)憣?shí)的藝術(shù)性充分展現(xiàn)出來，結(jié)合網(wǎng)頁實(shí)際需求選擇圖片。圖形符號(hào)在網(wǎng)絡(luò)設(shè)計(jì)中應(yīng)用也較為廣泛，可作為網(wǎng)頁裝飾，提高設(shè)計(jì)的藝術(shù)性，豐富網(wǎng)頁畫面感。
