隨著網(wǎng)站建設(shè)技術(shù)的進(jìn)展和人們對(duì)網(wǎng)絡(luò)環(huán)境及其效用之認(rèn)識(shí)的演變,
網(wǎng)站設(shè)計(jì)出現(xiàn)了重大轉(zhuǎn)變,由簡(jiǎn)單的靜態(tài)HTML頁(yè)面發(fā)展到富多媒體動(dòng)態(tài)網(wǎng)站,能夠與訪客以精細(xì)熟練的方式進(jìn)行交互。當(dāng)然這并非說(shuō)網(wǎng)站設(shè)計(jì)就不再使用靜態(tài)或永久性編碼規(guī)程和方法來(lái)保存和呈現(xiàn)網(wǎng)站內(nèi)容??傊?,這是一個(gè)持續(xù)變化的進(jìn)程,對(duì)當(dāng)下網(wǎng)絡(luò)用戶的各類期望與需求都極為敏感。
網(wǎng)站設(shè)計(jì)的概念可謂太廣泛,太多樣了;因此,要定義某些共同特征或趨勢(shì),能讓網(wǎng)站開發(fā)者和用戶在某個(gè)特定時(shí)間段內(nèi)都最為贊同,實(shí)在不是那么輕而易舉。不過(guò),我們將設(shè)法總結(jié)網(wǎng)站設(shè)計(jì)師積累的經(jīng)驗(yàn),并列出一些最顯著的網(wǎng)站設(shè)計(jì)思想,這可以看作是網(wǎng)站設(shè)計(jì)的最新趨勢(shì)吧。
雖然新型電腦顯示器越來(lái)越大,分辨率越來(lái)越高,但為了讓閱讀和瀏覽網(wǎng)站能更加舒服,網(wǎng)站布局卻越來(lái)越簡(jiǎn)潔了。如今雙欄乃至單欄布局似乎非常流行。此外,時(shí)下的網(wǎng)站設(shè)計(jì)師偏好使用中心定位,而不是之前流行的向左定位。或許,廣泛流行的內(nèi)容管理系統(tǒng),如WordPress、Joomla等對(duì)簡(jiǎn)潔型網(wǎng)站布局的風(fēng)靡也不無(wú)貢獻(xiàn),這些系統(tǒng)對(duì)于從個(gè)人博客到企業(yè)站點(diǎn)的各類網(wǎng)站都同樣適用。
當(dāng)然,網(wǎng)站布局的選擇主要依網(wǎng)站的具體類型而定。搜索引擎與網(wǎng)上商店就需要采用截然不同的布局設(shè)計(jì)方法。不過(guò),今天似乎越來(lái)越多的設(shè)計(jì)師喜歡使用上水平菜單和導(dǎo)航字符串來(lái)替代垂直類型。顯然,這可以用人們從左至右的文本閱讀習(xí)慣來(lái)加以解釋(不過(guò),這一規(guī)則不適用于文字方向從右至左或從上至下的語(yǔ)言)。同時(shí),廣泛采用分離框來(lái)介紹站點(diǎn)的不同區(qū)域或分類。當(dāng)需要抓住訪客目光和合理安排內(nèi)容時(shí),這種框體是很起作用的。
當(dāng)需要在單個(gè)頁(yè)面上呈現(xiàn)眾多內(nèi)容時(shí),只有兩種方法來(lái)實(shí)現(xiàn):要么完全利用顯示寬度,要么直接利用垂直滾動(dòng)條。關(guān)于孰優(yōu)孰劣的爭(zhēng)論不絕于耳,顯然每一選項(xiàng)都不乏其合理優(yōu)勢(shì)。然而,從可用性角度考慮,比之塞滿文字、各類按鈕、區(qū)域、分類和導(dǎo)航鏈接的全寬頁(yè)面,似乎向下滾動(dòng)窄而較長(zhǎng)的頁(yè)面更為方便。
顯示動(dòng)態(tài)圖片的Flash技術(shù)讓互聯(lián)網(wǎng)發(fā)展邁上了新臺(tái)階。當(dāng)需要快速吸引訪客注意時(shí),這是非常有效的方法。除此之外,F(xiàn)lash還能使網(wǎng)站具備完全不同的特性——提供動(dòng)態(tài)內(nèi)容和豐富的視效和音效等。不過(guò),眼下搜索引擎對(duì)Flash的友好性問題仍未徹底得到解決。因此,使用Flash要有的放矢,切忌過(guò)度使用。
我們?cè)俣然氐骄W(wǎng)站的可用性上。當(dāng)前網(wǎng)站的全部?jī)?nèi)容都應(yīng)該閱讀方便、辨識(shí)清晰且訪問快捷。因而,大字體和按鈕似乎是取得此效的不錯(cuò)而合適的選擇。如今,借助現(xiàn)有的字體嵌入各類選項(xiàng),設(shè)計(jì)師能更容易地發(fā)揮出高效字體設(shè)計(jì)的全部能量。限定字?jǐn)?shù)的網(wǎng)站安全字體的時(shí)代看來(lái)一去不復(fù)返了,而是讓位于各式各樣的獨(dú)特字體。隨著CSS和瀏覽器功能的不斷改進(jìn),設(shè)計(jì)師現(xiàn)在可以將一幅網(wǎng)頁(yè)變成一幅圖形藝術(shù)的杰作,可以模仿雜志風(fēng)格的布局,也可以采用豐富的字體而不致?lián)p害文本的清晰。
今天,網(wǎng)站背景與文本的顏色選擇十分重要。一般來(lái)說(shuō),網(wǎng)站有使用紙質(zhì)風(fēng)格的傾向,即將內(nèi)容置于潔凈的柔和色調(diào)背景之上。對(duì)比鮮明的顏色則用于logo或按鈕設(shè)計(jì),如“下載”、“Demo”等。留足空白區(qū)域?qū)υL客很重要,這樣他們就能方便地找到自己所需要的內(nèi)容。
當(dāng)下網(wǎng)站設(shè)計(jì)的另一標(biāo)志就是移動(dòng)設(shè)備,如iPhone、iPad、Android和Bada驅(qū)動(dòng)的智能手機(jī)的廣泛使用。大批具有網(wǎng)頁(yè)瀏覽功能的便攜設(shè)備要求網(wǎng)站設(shè)計(jì)師能將網(wǎng)站同時(shí)適用于移動(dòng)平臺(tái)。因此,傳統(tǒng)與移動(dòng)版網(wǎng)站同步發(fā)展今天是很普遍的。
網(wǎng)站不再只有文本和圖像。流模式的音頻和視頻如今也很常見。網(wǎng)站上所謂的“媒體塊”具有多種用途——從增加親近感到與網(wǎng)站交互,再到展示特定公司或項(xiàng)目的創(chuàng)新理念。而且,多媒體內(nèi)容讓網(wǎng)站更加自然逼真,功能更加豐富多彩——如果你正訪問喜愛的電臺(tái)和樂隊(duì)的網(wǎng)站,那么提供給你在線聽音樂或看視頻的服務(wù)絕對(duì)是一項(xiàng)優(yōu)勢(shì)。
雖然如今的設(shè)計(jì)以簡(jiǎn)潔和極簡(jiǎn)主義作為標(biāo)志,但并不意味著我們不能享用各種創(chuàng)建驚人3D效果的全新技術(shù)。多個(gè)Javascript驅(qū)動(dòng)的時(shí)髦幻燈演示、折頁(yè)顯示和旋轉(zhuǎn)顯示等圖集呈現(xiàn)方法可為網(wǎng)站設(shè)計(jì)增添特別的魅力,并為網(wǎng)站設(shè)計(jì)師增光添彩。透明性是經(jīng)常用到的,這能讓網(wǎng)站瀏覽體驗(yàn)更接近于使用日常桌面應(yīng)用程序或操作系統(tǒng)。
不論你怎么看待Facebook或Twitter之類的社交網(wǎng)站,今天這似乎已是互聯(lián)網(wǎng)上最流行的趨勢(shì)。因此,如果你想要與訪客更高效地交互,請(qǐng)?jiān)诰W(wǎng)站上放置指向你的Facebook、Twitter帳號(hào)或博客的鏈接,讓人們自行選擇如何與你聯(lián)系。
說(shuō)實(shí)話,在如此飛速發(fā)展的網(wǎng)站設(shè)計(jì)領(lǐng)域里嘗試定義流行趨勢(shì)也許是件非常吃力不討好的事情。每當(dāng)我們確認(rèn)了某項(xiàng)網(wǎng)站設(shè)計(jì)趨勢(shì),立即又有新的趨勢(shì)涌現(xiàn),開創(chuàng)出一種全新的網(wǎng)站設(shè)計(jì)方法。不過(guò),這確實(shí)很棒,因?yàn)槲覀兌紝?duì)發(fā)展樂此不疲。隨著觸摸屏設(shè)備,如iPad的愈加流行,很快網(wǎng)站開發(fā)者就必須將網(wǎng)站設(shè)計(jì)提升到一個(gè)新的高度,面向指觸式瀏覽對(duì)網(wǎng)站進(jìn)行優(yōu)化——由此也會(huì)發(fā)展和確立網(wǎng)站設(shè)計(jì)的新趨勢(shì)和事實(shí)性標(biāo)準(zhǔn)。