[界面構(gòu)成要素]與傳統(tǒng)媒體不同,網(wǎng)頁除了文字和圖像以外,還包含聲音、視頻和動畫等新興多媒體元素,更借助由代碼語言編程所實現(xiàn)的各種交互式效果,增加了網(wǎng)頁界面的生動性和復(fù)雜性,也使得網(wǎng)頁設(shè)計者需要考慮更多頁面元素的排布、優(yōu)化。
[文字]文字元素是信息傳達的主體部分,從網(wǎng)頁最初的純文字界面發(fā)展至今,文字仍是其他任何元素?zé)o法取代的重要構(gòu)成。這首先是文字信息符合人類的閱讀習(xí)慣,其次因為文字所占存取空間小,節(jié)省了下載和瀏覽時間。網(wǎng)頁中的文字主要包括標(biāo)題、信息、文字鏈接、幾種主要形式。標(biāo)題和傳統(tǒng)媒體中信息傳達的基本作用相同,是內(nèi)容的簡概說明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁面重要比率的元素,同時又是信息重要載體,它的字體、大小、顏色和排布對頁面整體設(shè)計影響極大,應(yīng)精心處理。
如[圖例 2]是典型的以文字排布為主的網(wǎng)頁界面。整個頁面較少圖形修飾,分類條例清晰,卻并不會給人單調(diào)感覺,可見文字排布得當(dāng),版面同樣可以生動活潑。文字的設(shè)計編排在某種程度上來說,比圖像元素更難把握,以后章節(jié)會就此具體論述。
[圖形]圖形在網(wǎng)頁界面中具有重要作用。圖形的出現(xiàn),打破了網(wǎng)頁初期單純的文字界面,也帶來了新的直觀表現(xiàn)形式。很多網(wǎng)頁中,圖形占據(jù)了重要頁面,有的甚至是全部頁面。圖形往往能引起人們的注意,并激發(fā)閱讀興趣,圖形給人的視覺印象要優(yōu)于文字,合理的運用圖形??梢陨鷦又庇^、形象地表現(xiàn)設(shè)計主題。網(wǎng)頁中常用的圖形格式包括jpg和gif,這兩種格式壓縮比高,得到了規(guī)范瀏覽器的支持,下載速度快,具有跨平臺的特性,不需要瀏覽器安裝插件即可直接閱覽。圖形元素包括標(biāo)題、背景、主圖、鏈接圖標(biāo)四種。以圖像作為標(biāo)題和鏈接可以使網(wǎng)頁具有更好的視覺效果,配合文字增強生動和形象性。需要特別注意的是背景和主圖的作用。以圖形為背景能襯托主題的表現(xiàn),增加網(wǎng)頁的層次感,使網(wǎng)頁不再但點枯燥,融入設(shè)計者的風(fēng)格。主圖與背景和裝飾性小土不同,背景是襯托主題,主圖則是突出表現(xiàn)主題。主圖是整個網(wǎng)頁的視覺中心,它具有直觀性強的特點,可以為單調(diào)的文字信息增強活力,不需要象文字那樣去逐句閱讀,可以不受文化水平的限制,能給人強烈的視覺信息。
[頁面版式]頁面版式也稱頁面的構(gòu)圖,版式是網(wǎng)頁界面設(shè)計的重要組成部分,它將文字、圖形等視覺元素進行組合配置,使頁面整體視覺效果美觀和諧,便于閱讀,實現(xiàn)信息傳達的最佳效果。以下是幾個成功的版式的例子:[圖例3]頁面層次感強,簡潔流暢??此齐S意的大處留白正是版式布局的精妙之處。[圖例4]借助圖片對頁面的黃金分割,在淡雅的色調(diào)上成功排布了文字信息,整個頁面清新素雅,平衡和諧。
[多媒體]網(wǎng)頁構(gòu)成中的多媒體元素主要包括音頻、視頻和動畫。這些是界面構(gòu)成中最吸引人的元素,但是我個人始終認為網(wǎng)頁應(yīng)該“內(nèi)容為王”,任何技術(shù)的應(yīng)用應(yīng)該以信息的更好傳達為中心,不能唯視覺化。
[技術(shù)]網(wǎng)頁的技術(shù)要素并非任何情況下在網(wǎng)頁中都能直觀體現(xiàn),但是卻代表了設(shè)計的整體水平,也是衡量設(shè)計成功的重要標(biāo)準(zhǔn)。網(wǎng)頁界面設(shè)計最基本的技術(shù)要求包括:
瀏覽器,應(yīng)該保證成功的設(shè)計作品在不同的主流瀏覽器下所顯現(xiàn)的頁面與原設(shè)計作品一致(主要考慮IE與Netscape)。具體技術(shù)細節(jié)后面會有詳細說明...
傳輸速度,界面設(shè)計的視覺成功,不能以犧牲網(wǎng)頁下載顯示速度為代價,圖形是網(wǎng)頁界面中最常見的易造成傳輸速度緩慢的因素,下面是一些網(wǎng)頁圖形處理的常用原則(技術(shù)細節(jié)參見圖像優(yōu)化章節(jié)):保證所需清晰度的條件下,盡量壓縮圖形文件大小/采用圖片分割,切割成若干小圖多線程下載/采用盡量少的界面顏色/優(yōu)化版式、表格排布,使主要頁面框架內(nèi)容先行載入/減少客戶端程序如javascript等的應(yīng)用。
屏幕分辨率,專業(yè)設(shè)計人員的標(biāo)準(zhǔn)顯示器應(yīng)工作在1024*768模式下,但是必須考慮驗證其他較低分辨率下的兼容顯示效果。
顏色顯示,通常顯示設(shè)備的顯示顏色模式主要是256色、32378色(32K)、65536色(64K,16位增強色)、或1677萬色(24位真彩色)。16色可以滿足絕大多數(shù)網(wǎng)絡(luò)圖形的顏色要求,如果需要更高精度的圖像文件,應(yīng)該在文件大小和顯示質(zhì)量之間選擇平衡。
[網(wǎng)頁界面的特征]網(wǎng)頁界面設(shè)計需要設(shè)計師綜合多方面的知識。他與網(wǎng)絡(luò)藝術(shù)、經(jīng)濟學(xué)、心理學(xué)及美學(xué)等領(lǐng)域都有著密切的聯(lián)系,界面設(shè)計的中心是“信息傳達”這一主題