|
雖然國(guó)內(nèi)網(wǎng)站的設(shè)計(jì)布局方式與國(guó)外的網(wǎng)站設(shè)計(jì)布局方式存在較大差異，但是國(guó)外網(wǎng)站的設(shè)計(jì)方式一直是值得我們國(guó)內(nèi)企業(yè)借鑒的。
國(guó)內(nèi)企業(yè)的網(wǎng)站一般首先是追求花哨、內(nèi)容豐富，而國(guó)外網(wǎng)站往往在于追求簡(jiǎn)潔、突出核心重點(diǎn)信息。隨著網(wǎng)站建造技術(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頁面發(fā)展到富多媒體動(dòng)態(tài)網(wǎng)站，能夠與訪客以精細(xì)熟練的方式進(jìn)行交互。當(dāng)然這并非說網(wǎng)站設(shè)計(jì)就不再使用靜態(tài)或永久性編碼規(guī)程和方法來保存和呈現(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í)在不是那么輕而易舉。不過，我們將設(shè)法總結(jié)網(wǎng)站設(shè)計(jì)師積累的經(jīng)驗(yàn)，并列出一些最顯著的網(wǎng)站設(shè)計(jì)思想，這可以看作是網(wǎng)站設(shè)計(jì)的最新趨勢(shì)吧。
簡(jiǎn)單中心式布局
雖然新型電腦顯示器越來越大，分辨率越來越高，但為了讓閱讀和瀏覽網(wǎng)站能更加舒服，網(wǎng)站布局卻越來越簡(jiǎn)潔了。如今雙欄乃至單欄布局似乎非常流行。此外，時(shí)下的網(wǎng)站設(shè)計(jì)師偏好使用中心定位，而不是之前流行的向左定位。或許，廣泛流行的內(nèi)容管理系統(tǒng)，如WordPress、Joomla等對(duì)簡(jiǎn)潔型網(wǎng)站布局的風(fēng)靡也不無貢獻(xiàn)，這些系統(tǒng)對(duì)于從個(gè)人博客到企業(yè)站點(diǎn)的各類網(wǎng)站都同樣適用。
向下滾動(dòng)條更合適
當(dāng)需要在單個(gè)頁面上呈現(xiàn)眾多內(nèi)容時(shí)，只有兩種方法來實(shí)現(xiàn)：要么完全利用顯示寬度，要么直接利用垂直滾動(dòng)條。關(guān)于孰優(yōu)孰劣的爭(zhēng)論不絕于耳，顯然每一選項(xiàng)都不乏其合理優(yōu)勢(shì)。然而，從可用性角度考慮，比之塞滿文字、各類按鈕、區(qū)域、分類和導(dǎo)航鏈接的全寬頁面，似乎向下滾動(dòng)窄而較長(zhǎng)的頁面更為方便。
使用Flash，但不要濫用
顯示動(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)容和豐富的視效和音效等。不過，眼下搜索引擎對(duì)Flash的友好性問題仍未徹底得到解決。因此，使用Flash要有的放矢，切忌過度使用。
水平導(dǎo)航菜單
當(dāng)然，網(wǎng)站布局的選擇主要依網(wǎng)站的具體類型而定。搜索引擎與網(wǎng)上商店就需要采用截然不同的布局設(shè)計(jì)方法。不過，今天似乎越來越多的設(shè)計(jì)師喜歡使用上水平菜單和導(dǎo)航字符串來替代垂直類型。顯然，這可以用人們從左至右的文本閱讀習(xí)慣來加以解釋（不過，這一規(guī)則不適用于文字方向從右至左或從上至下的語言）。同時(shí)，廣泛采用分離框來介紹站點(diǎn)的不同區(qū)域或分類。當(dāng)需要抓住訪客目光和合理安排內(nèi)容時(shí)，這種框體是很起作用的。
大字體、大按鈕
我們?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í)代看來一去不復(fù)返了，而是讓位于各式各樣的獨(dú)特字體。隨著CSS和瀏覽器功能的不斷改進(jìn)，設(shè)計(jì)師現(xiàn)在可以將一幅網(wǎng)頁變成一幅圖形藝術(shù)的杰作，可以模仿雜志風(fēng)格的布局，也可以采用豐富的字體而不致?lián)p害文本的清晰。
顏色要有對(duì)比，但不能突兀
今天，網(wǎng)站背景與文本的顏色選擇十分重要。一般來說，網(wǎng)站有使用紙質(zhì)風(fēng)格的傾向，即將內(nèi)容置于潔凈的柔和色調(diào)背景之上。對(duì)比鮮明的顏色則用于logo或按鈕設(shè)計(jì)，如“下載”、“Demo”等。留足空白區(qū)域?qū)υL客很重要，這樣他們就能方便地找到自己所需要的內(nèi)容。
全移動(dòng)化
當(dāng)下網(wǎng)站設(shè)計(jì)的另一標(biāo)志就是移動(dòng)設(shè)備，如iPhone、iPad、Android和Bada驅(qū)動(dòng)的智能手機(jī)的廣泛使用。大批具有網(wǎng)頁瀏覽功能的便攜設(shè)備要求網(wǎng)站設(shè)計(jì)師能將網(wǎng)站同時(shí)適用于移動(dòng)平臺(tái)。因此，傳統(tǒng)與移動(dòng)版網(wǎng)站同步發(fā)展今天是很普遍的。
3D效果與透明性
雖然如今的設(shè)計(jì)以簡(jiǎn)潔和極簡(jiǎn)主義作為標(biāo)志，但并不意味著我們不能享用各種創(chuàng)建驚人3D效果的全新技術(shù)。多個(gè)Javascript驅(qū)動(dòng)的時(shí)髦幻燈演示、折頁顯示和旋轉(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)系。
多媒體內(nèi)容
網(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ì)。
總結(jié)：
在如此飛速發(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ì)方法。不過，這確實(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)。了解這些新的網(wǎng)站設(shè)計(jì)動(dòng)向，對(duì)我們自身的網(wǎng)站制作設(shè)計(jì)創(chuàng)意會(huì)帶來一些新的靈感。
|
