探究網(wǎng)站設(shè)計(jì)的風(fēng)格色彩與美化

潘秋思+許佳佳+孫金琴

〔摘要〕從現(xiàn)狀看，網(wǎng)站設(shè)計(jì)特有的領(lǐng)域漸漸被注重，變成新穎產(chǎn)業(yè)。網(wǎng)絡(luò)架構(gòu)之中含有多樣的這類網(wǎng)站，但網(wǎng)站凸顯出來的色調(diào)及風(fēng)格卻帶有偏大的差異，設(shè)計(jì)某一新穎網(wǎng)站，吸引更多用戶，應(yīng)能調(diào)配最適宜的色調(diào)，同時(shí)美化網(wǎng)站。設(shè)定最佳風(fēng)格、有序調(diào)配色彩，是應(yīng)被注重的側(cè)重點(diǎn)。

〔關(guān)鍵詞〕網(wǎng)站設(shè)計(jì)風(fēng)格色彩美化

網(wǎng)站設(shè)計(jì)中應(yīng)考量擬定的根本主旨、網(wǎng)站名稱及色調(diào)、宏觀欄目布置，與此同時(shí)，細(xì)節(jié)范疇中的編排文字、篩選多樣插圖都應(yīng)被注重。設(shè)定導(dǎo)航架構(gòu)、確認(rèn)站內(nèi)首屏，都應(yīng)凸顯交互的特性及親和特性，考量分辨率，慎重取舍畫面。從總體視角看，網(wǎng)站設(shè)計(jì)細(xì)分的層級(jí)含有篩選元素、延展的設(shè)計(jì)，在這之中，延展網(wǎng)站設(shè)計(jì)指代的是美化界面，采納整體風(fēng)格，以便延展獨(dú)有的創(chuàng)意概念，顯示出完備的整體，設(shè)計(jì)出個(gè)性凸顯的新穎網(wǎng)站。

一、總體設(shè)計(jì)思路

最近幾年，網(wǎng)絡(luò)快速被拓展，應(yīng)用更為廣泛，這種態(tài)勢(shì)下，網(wǎng)絡(luò)獨(dú)有的價(jià)值漸漸被凸顯出來，網(wǎng)站設(shè)計(jì)被歸類為獨(dú)有的設(shè)計(jì)藝術(shù)，怎么來設(shè)計(jì)最適宜的新穎網(wǎng)站，是正被探析的側(cè)重點(diǎn)。網(wǎng)頁藝術(shù)這一新穎話題融匯了網(wǎng)絡(luò)的拓展進(jìn)程，它建構(gòu)在用戶體悟之上，含有經(jīng)驗(yàn)要素，制作出來的多樣網(wǎng)頁，正在不斷更新。初始著手設(shè)計(jì)應(yīng)能考量多層級(jí)的要素要點(diǎn)，例如初始的宏觀定位、后續(xù)的調(diào)試、網(wǎng)站發(fā)布宣傳，這類流程緊密銜接在一起，為此，有必要辨識(shí)新穎的設(shè)計(jì)路徑，妥善調(diào)配色調(diào)，美化各類網(wǎng)站。

二、采納新穎風(fēng)格

（一）辨識(shí)總體定位。所有網(wǎng)站凸顯的主旨都帶有差異，內(nèi)涵及篩選出來的形式應(yīng)能彼此契合，增添宣傳實(shí)效。對(duì)于網(wǎng)站風(fēng)格，應(yīng)能確認(rèn)宏觀架構(gòu)下的總體走向，例如：娛樂類別網(wǎng)站、企業(yè)專用網(wǎng)站、帶有經(jīng)濟(jì)特性的網(wǎng)站、含有生活情趣這樣的網(wǎng)站，彼此都帶有風(fēng)格差異。對(duì)于多樣行業(yè)，都應(yīng)凸顯多重的風(fēng)格特性。風(fēng)格應(yīng)當(dāng)獨(dú)特新穎，站點(diǎn)布局特有的總體架構(gòu)、網(wǎng)站架構(gòu)中的色彩、設(shè)計(jì)必備技術(shù)，都應(yīng)讓人體悟出這一網(wǎng)站的特性，在最短時(shí)段中，用戶即可辨識(shí)網(wǎng)站的內(nèi)涵，讓人覺得進(jìn)到了某一特別網(wǎng)站，愿意停留預(yù)覽且仔細(xì)予以品味。

（二）擬定架構(gòu)布局?？傮w網(wǎng)站布置，應(yīng)能便利平日內(nèi)的常見瀏覽，凸顯鮮明主旨，慎重?cái)M定這一布局，予以精密規(guī)劃，這就縮減了查驗(yàn)信息耗費(fèi)的總時(shí)段。從常規(guī)來看，總體網(wǎng)站架構(gòu)含有多重的方向，例如上下布置、居中予以布置，除此以外，其他新穎框架也漸漸被采納。不同類別群體，適宜不同架構(gòu)內(nèi)的網(wǎng)站?？傮w網(wǎng)站布置很近似初始的書籍排版。

（三）涵蓋多樣內(nèi)涵。網(wǎng)站獨(dú)有的新穎內(nèi)涵也被歸類為多樣內(nèi)涵這一范疇中，按照網(wǎng)站主旨來擬定多層級(jí)的內(nèi)涵，若缺失根本的內(nèi)涵，即便網(wǎng)站被布設(shè)得再美麗，也很難聚集用戶。為此，有序擬定最佳的、多層級(jí)的豐富內(nèi)涵，是添加獨(dú)有風(fēng)格的最佳路徑，依托網(wǎng)站外表即可辨識(shí)概要的網(wǎng)頁特性，辨別情緒及個(gè)性。網(wǎng)站可被設(shè)定得很文雅，或者帶有活潑色彩，或洋溢著熱情。

（四）調(diào)和各類色調(diào)。網(wǎng)站色調(diào)差異，在瀏覽之時(shí)會(huì)首先被體悟到。視覺色調(diào)特有的多樣差異密切關(guān)聯(lián)著主觀體會(huì)，網(wǎng)站配色時(shí)，應(yīng)篩選最適宜的內(nèi)涵以便調(diào)配色彩，選出來的色調(diào)折射著主體的心情，烘托網(wǎng)頁主旨。著手來設(shè)計(jì)時(shí)，先要擬定初始的總規(guī)劃，這種總體規(guī)劃，便利了接續(xù)的細(xì)化設(shè)計(jì)，規(guī)避網(wǎng)頁混亂。例如：若把黑色設(shè)定成根本的底色，則會(huì)帶來偏暗的總體體會(huì)，很難激發(fā)熱情，在帶有趣味這樣的網(wǎng)頁以內(nèi)，并不適宜黑色，而應(yīng)添加明亮的匹配色調(diào)。

三、美化現(xiàn)有的網(wǎng)站

網(wǎng)頁設(shè)計(jì)特有的步驟之中，應(yīng)增添更高層級(jí)的網(wǎng)站美感。設(shè)計(jì)流程融匯了細(xì)化的網(wǎng)頁內(nèi)涵，初始設(shè)計(jì)不可忽略最大范疇的受眾接納，制備好的網(wǎng)頁應(yīng)當(dāng)明晰而簡(jiǎn)練，注重總體成效，唯有這樣，瀏覽之時(shí)才會(huì)覺得很便利，提升宏觀形象。

網(wǎng)頁審美狀態(tài)折射著美學(xué)架構(gòu)內(nèi)的延展效應(yīng)，它帶有美學(xué)特性。網(wǎng)頁傳統(tǒng)美感應(yīng)被融匯在現(xiàn)代特性的新穎氣息內(nèi)，增添審美需要。布設(shè)好的優(yōu)美頁面，密切關(guān)聯(lián)著設(shè)計(jì)者的水準(zhǔn)及素養(yǎng)。網(wǎng)頁設(shè)計(jì)這樣的主體，應(yīng)能不斷累積這一范疇的珍貴經(jīng)驗(yàn)，便利常規(guī)設(shè)計(jì)。辨識(shí)設(shè)計(jì)規(guī)律，把握住不斷更替著的網(wǎng)站要素，常用網(wǎng)站設(shè)計(jì)，都應(yīng)顯示明晰的條理特性，頁面勻稱均衡。

網(wǎng)頁富于變化，它們應(yīng)被歸類為某一類別。網(wǎng)站承載著平日的多樣信息，調(diào)和這類界面，應(yīng)能妥善布設(shè)搜集得來的多層級(jí)信息，采納統(tǒng)一步驟，這就凸顯了最優(yōu)的整體感悟，讓頁面被設(shè)定得很生動(dòng)，不會(huì)覺得單調(diào)。后續(xù)構(gòu)圖時(shí)，善于采納帶有反復(fù)特性的紋理及圖形，在變更之中尋找出一致思路；在不斷進(jìn)展之中，求得平衡協(xié)調(diào)。主旨畫面要帶有不斷變更的畫面及內(nèi)涵，增添生動(dòng)體會(huì)，調(diào)和各類對(duì)象，做到彼此一致，設(shè)計(jì)細(xì)節(jié)之中不可忽略這一平衡狀態(tài)，增添活潑形態(tài)。

四、巧妙調(diào)配色調(diào)

搭配網(wǎng)站色彩，是應(yīng)被側(cè)重的設(shè)計(jì)事項(xiàng)。擁有精準(zhǔn)定位，但若沒能慎重調(diào)和最適宜的站內(nèi)色調(diào)，也會(huì)縮減設(shè)計(jì)成效。瀏覽者瀏覽時(shí)，首先接觸色調(diào)，調(diào)配成的多樣色調(diào)會(huì)余留很長(zhǎng)時(shí)段的瀏覽印象；在瀏覽時(shí)間內(nèi)，色調(diào)關(guān)聯(lián)著瀏覽者潛藏的情緒體悟。調(diào)配色彩時(shí)，應(yīng)注重如下事項(xiàng)：

（一）各類色調(diào)內(nèi)涵。三原色含有紅黃藍(lán)，經(jīng)過調(diào)和匹配會(huì)得來多樣的色調(diào)混合。色調(diào)緊密關(guān)聯(lián)著內(nèi)在情緒，運(yùn)用這一側(cè)重點(diǎn)，在平日設(shè)計(jì)之中即可帶來新穎的網(wǎng)站感受，留下深刻印記。對(duì)于設(shè)計(jì)者，應(yīng)能明了多樣瀏覽群體特有的平日生活方式，感悟深層需求。

例如：篩選了藍(lán)色調(diào)，那么調(diào)和出來的網(wǎng)站就帶有睿智及寧靜這樣的特性，讓人能夠沉靜；篩選了紅色調(diào)，則網(wǎng)站凸顯了熱鬧吉祥、喜慶及溫暖這樣的底色，讓人感到暖意；篩選灰色這樣的網(wǎng)頁，常會(huì)散發(fā)著很平實(shí)的、甚至很憂郁的總氛圍，適宜靜心瀏覽；紫色涵蓋了靜謐及神奇，也含有稀少之意。

（二）增添藝術(shù)特質(zhì)。色調(diào)搭配之中，應(yīng)凸顯藝術(shù)特質(zhì)。調(diào)配好的色調(diào)彼此契合，色澤十分鮮明，才能增添長(zhǎng)時(shí)段的瀏覽興趣。網(wǎng)站并不適宜添加單一色調(diào)，給人很枯燥及單調(diào)這樣的總印象；但與此同時(shí)，也不可融匯著一切色調(diào)，缺失彼此協(xié)調(diào)，這類混雜設(shè)計(jì)帶有輕浮的弊病，常會(huì)過于花哨。

網(wǎng)站要配有單一的或雙重的主導(dǎo)色調(diào)，讓人明確方向。這類一致色調(diào)也并不乏味，它考量了潛藏著的用戶心態(tài)，設(shè)定凸顯主旨，通常情形下，單一頁面不適宜添加四類以上的混雜色調(diào)，因?yàn)椴杉{偏多的色調(diào)就忽視了根本的方向，埋沒了側(cè)重點(diǎn)，確認(rèn)網(wǎng)站主旨，再去考量附帶著的襯托色彩，主色調(diào)及關(guān)聯(lián)著的配色應(yīng)能彼此吻合，體現(xiàn)真實(shí)成效。此外，色彩特有的純度、色相及明度，都應(yīng)同時(shí)考量。各類網(wǎng)站著色都帶有偏大的差異，合理調(diào)配色調(diào)，顯示獨(dú)有個(gè)性，才可增添印象。

五、優(yōu)化設(shè)計(jì)細(xì)節(jié)

（一）采納新穎的CSS。CSS特有的細(xì)節(jié)調(diào)配，適合布設(shè)多樣的站點(diǎn)，這類新穎步驟管控著頁面架構(gòu)、頁面色彩邊界、總體頁面背景、余留的空白等。對(duì)于網(wǎng)站元素，它能變更原有的字體形態(tài)，采納了動(dòng)態(tài)特性的新穎連接，創(chuàng)建兼容網(wǎng)頁。CSS獨(dú)有的優(yōu)勢(shì)為：不用手動(dòng)去變更現(xiàn)有的存留文件，只要變更這一頁面銜接著的CSS，即可凸顯不同層級(jí)的頁面成效，這類網(wǎng)站要素融匯了圖片背景、文字色彩尺寸、邊框及底色。總體布置板面應(yīng)余留足量的圖片空間，以便存留欄目圖片，有序調(diào)配圖片及關(guān)聯(lián)的文字，若添加了偏多的圖形則會(huì)耗費(fèi)總流量，縮減閱覽速率，優(yōu)化網(wǎng)站時(shí)，采納靈活特性的這類CSS來布設(shè)很細(xì)密的、很精致的新穎網(wǎng)站，整合系統(tǒng)資源。

（二）適當(dāng)添加表單。制備表格以便美化初始的布局，是新穎的美化思路，具體而言，篩選任一站點(diǎn)，都可添加最適宜的表格。采納表格予以布設(shè)網(wǎng)站，針對(duì)所有對(duì)象，同時(shí)規(guī)避了彼此干擾。對(duì)比圖片文本，表格彰顯獨(dú)有的各類優(yōu)勢(shì)，然而它潛藏著的弊病為：若添加了偏多數(shù)目的表單，會(huì)縮減初始的下載速率。真實(shí)操作之中，篩選某一首頁把它存留成HTML這一類別。采納編輯工具以便開啟它，辨識(shí)表格形態(tài)。

（三）添加清晰字體。標(biāo)準(zhǔn)字體被布設(shè)在各類網(wǎng)站，它默認(rèn)為宋體。為凸顯網(wǎng)頁特性，還可篩選其他范疇的多樣字體，應(yīng)注重的是，若采納了默認(rèn)范疇以外的其他字體，則只能擬定某一圖片格式，這是因?yàn)?，瀏覽者采納的微機(jī)之中若沒能添加獨(dú)特的這類字體，則會(huì)顯示亂碼?，F(xiàn)今社會(huì)中，瀏覽者很難預(yù)留偏多的時(shí)段來預(yù)覽。對(duì)于此，在最短時(shí)段之中就應(yīng)獲取搭配著的足量信息，應(yīng)當(dāng)凝練信息，采納簡(jiǎn)練語言予以表達(dá)，盡量排除帶有廣告特性的詞句。

伴隨網(wǎng)絡(luò)普及，網(wǎng)絡(luò)滲透著平日內(nèi)的生活細(xì)節(jié)，借助網(wǎng)絡(luò)互通并且交流，展開平日活動(dòng)，初始瀏覽時(shí)，就會(huì)面對(duì)擬定好的多樣網(wǎng)頁，布設(shè)好的網(wǎng)頁帶有最佳的新穎特性，布局精美適宜。未來設(shè)計(jì)之中，還應(yīng)不斷摸索最佳的調(diào)和色調(diào)，采納多樣風(fēng)格來增添網(wǎng)站獨(dú)有的美感體會(huì)。（責(zé)任編輯曉芳）

參考文獻(xiàn)：

[1]賀冬梅.淺談網(wǎng)站設(shè)計(jì)的風(fēng)格色彩與美化[J].中國科技信息，2013（06）：138-139.

[2]楊曉雪.網(wǎng)站設(shè)計(jì)風(fēng)格與色彩淺議[J].電子制作，2013（12）：65.

[3]周秦.基于高校網(wǎng)站主頁設(shè)計(jì)的分析[J].電子制作，2013（14）：251.

[4]代文玲.從美學(xué)角度談圖書館網(wǎng)頁的設(shè)計(jì)[J].圖書館工作與研究，2011（07）：41-42.

[5]宇虹儒.基于CDIO模式在《企業(yè)網(wǎng)站制作與美化》中的研究與應(yīng)用[J].價(jià)值工程，2014（23）：236-237.

[6]隋涌.提升用戶體驗(yàn)的網(wǎng)站圖形設(shè)計(jì)方法探析[J].北京印刷學(xué)院學(xué)報(bào)，2012（01）：72-75.

[7]許波勇.網(wǎng)站策劃在網(wǎng)站設(shè)計(jì)中的應(yīng)用分析[J].電腦開發(fā)與應(yīng)用，2012（07）：59-61.

注：本文系“2014年江蘇省高等學(xué)校大學(xué)生實(shí)踐創(chuàng)新訓(xùn)練項(xiàng)目，項(xiàng)目編號(hào)scx1427?！?