網(wǎng)頁(yè)設(shè)計(jì)中的亮點(diǎn)子

徐秋芬（山東女子學(xué)院，山東 濟(jì)南 250300）

?

網(wǎng)頁(yè)設(shè)計(jì)中的亮點(diǎn)子

徐秋芬
（山東女子學(xué)院，山東 濟(jì)南 250300）

摘要：在當(dāng)今互聯(lián)網(wǎng)快速發(fā)展的社會(huì)下，用戶對(duì)于瀏覽網(wǎng)站的要求不再只是簡(jiǎn)單的滿足自身需求，而是希望可以從中欣賞到它應(yīng)該獨(dú)有的文化內(nèi)涵及審美需求。好的網(wǎng)站是企業(yè)的無形資產(chǎn)，只有得當(dāng)?shù)男麄鳎趴梢允怪?，企業(yè)網(wǎng)站并不只是一個(gè)只具有展示性能的網(wǎng)站，而是如何使用這個(gè)網(wǎng)站來推進(jìn)或推動(dòng)企業(yè)營(yíng)銷。

關(guān)鍵詞：互聯(lián)網(wǎng)；網(wǎng)站設(shè)計(jì)；版式；顏色；字體

愛美之心，人皆有之。

審美的主體是人，設(shè)計(jì)的審美活動(dòng)是一種積極、健康、向上的審美感受，美的事物往往能喚起人的最高享受的心理狀態(tài)，它是人類設(shè)計(jì)、創(chuàng)造的最深刻反映。在日常生活中，人們對(duì)審美有著既要求多樣性，又要求統(tǒng)一性的心理需求，而消費(fèi)者的這些需求也正是設(shè)計(jì)師的目的。設(shè)計(jì)作為一種藝術(shù)性的創(chuàng)造活動(dòng)，美雖然是抽象的，但同時(shí)它又是可感的。一個(gè)好的設(shè)計(jì)是既可以讓人直接感受到它的美，也可以從深層次去解讀它的美。

網(wǎng)站首頁(yè)就像展覽館，所以每個(gè)人都想在最顯眼的位置展示自己的作品，總是希望把所有的東西一下子讓用戶看到，把東西放的越多越好，其實(shí)不然，當(dāng)用戶在瀏覽信息的時(shí)候，他們往往會(huì)相信第一眼看到的，憑自己的第一感覺，這叫視覺暫留，東西多了反而會(huì)使他們產(chǎn)生視覺疲勞，用戶就根本找不到他想要的東西，快速離開的可能性會(huì)更大。因此網(wǎng)頁(yè)的通透性對(duì)網(wǎng)站很重要，能用減法做到的，切切不要用加法，點(diǎn)到即止，不要太復(fù)雜，簡(jiǎn)潔就是精華，就是美，每一屏的架構(gòu)變化不宜太多，多了則亂，網(wǎng)站的統(tǒng)一性大大降低了用戶的瀏覽成本，所以網(wǎng)站首頁(yè)的架構(gòu)必須清晰明了，簡(jiǎn)潔就是美，很多網(wǎng)站都在追尋明快、直觀的界面設(shè)計(jì)。極簡(jiǎn)設(shè)計(jì)旨在通過整合或是刪除多余的對(duì)象實(shí)現(xiàn)簡(jiǎn)化，只展現(xiàn)用戶需要的內(nèi)容。極簡(jiǎn)設(shè)計(jì)會(huì)把字體放大或是加粗 、以及超大號(hào)的圖片，清晰地把重要的東西傳遞出來。

現(xiàn)在以“木之韻”家居網(wǎng)站界面設(shè)計(jì)為例；

風(fēng)格

該網(wǎng)站打破了常規(guī)網(wǎng)站的構(gòu)圖方式，整體是一種簡(jiǎn)約的設(shè)計(jì)風(fēng)格，圖文交錯(cuò)，左右版式排版；線條分割；簡(jiǎn)約而又不失格調(diào)，顏色是一個(gè)淺黃色的清新色調(diào)，實(shí)現(xiàn)一個(gè)美觀的界面，給客戶不一樣的感覺。以及Js特效左右漸入的效果更能吸引用戶的眼球，使他們更加的放松。通過jQuery完成更加友好，更加快捷的網(wǎng)頁(yè)閱讀體驗(yàn)，能夠讓用戶無障礙的找到網(wǎng)站表現(xiàn)的主體。

網(wǎng)站導(dǎo)航采用了縱向的文字排列方式，首頁(yè)內(nèi)容采用了統(tǒng)一的縱向大標(biāo)題的形式，給人一目了然的感覺，清新悅目，統(tǒng)一和諧之美，精簡(jiǎn)之美，能用一根線表現(xiàn)出效果就沒有必要使用2根線。瀏覽大量信息的時(shí)候需要一個(gè)簡(jiǎn)潔無阻礙的界面，樣式越繁多，會(huì)影響到用戶瀏覽的效果和減少對(duì)資訊的點(diǎn)擊。網(wǎng)站需要用戶看到的是有價(jià)值的信息。

說到版式，大概很多人都會(huì)感覺到很頭痛，頭腦中很空，往往無從下手?？偸窍朐趺醋屗?，白，亮。越是這樣，你做出來的設(shè)計(jì)就越?jīng)]有想法，就越?jīng)]有新穎點(diǎn)，也就不是成功的設(shè)計(jì)，做設(shè)計(jì)就不要考慮太多，跟著自己的思路走，只要你捕捉到一個(gè)視覺點(diǎn)，然后依據(jù)這個(gè)視覺點(diǎn)進(jìn)行擴(kuò)散，就像一滴墨水一樣。讓整個(gè)網(wǎng)頁(yè)隨著這個(gè)視覺點(diǎn)來散開。除了這個(gè)視覺點(diǎn)以外的對(duì)象，只能是承載它的物體或顏色。這樣你的網(wǎng)頁(yè)版式就不會(huì)零散和空洞了。這樣也就可以把色彩和版式都更好的運(yùn)用到設(shè)計(jì)當(dāng)中來，排成自己想要的效果，從而達(dá)到設(shè)計(jì)的目標(biāo)。

配色與版式

網(wǎng)頁(yè)設(shè)計(jì)中顏色的設(shè)置在網(wǎng)站設(shè)計(jì)中占據(jù)重要的地位，版式中的顏色并不只是單一的文本顏色，通常是指網(wǎng)站用到的所有顏色。網(wǎng)站的元素要和排版顏色協(xié)調(diào)，不要讓文本顯得模糊不清，好的顏色的搭配決定了網(wǎng)站的成功與否，再做一個(gè)網(wǎng)站之前，首先要分析它屬于什么行業(yè)，不同的行業(yè)都有著不同的顏色搭配，顏色往往是用戶的第一感應(yīng)，在日常生活中我們眼球所能看到的地方，都是由不同的點(diǎn)、線、面構(gòu)成。你可以通過眼球來搜尋和判斷它們的色彩。如何才能讓你達(dá)到想的視覺效果。你的眼睛就是你的裁判師。要多看一些成功的網(wǎng)站案例，吸取其中的長(zhǎng)處和精華，要讓整個(gè)網(wǎng)站精彩起來，生動(dòng)起來，就是需要用你的思維和眼睛來觀察。才能讓你正確的設(shè)置好網(wǎng)站的顏色與版式。

字體與版式

網(wǎng)頁(yè)設(shè)計(jì)中字體的設(shè)置在網(wǎng)站設(shè)計(jì)中也是尤為重要的，字體的屬性是比較靈活的，有顏色的對(duì)比、大小的對(duì)比、行高以及文字的排列方式，不同風(fēng)格的網(wǎng)站采取的字體排列方式也是不同的，根據(jù)網(wǎng)站的整體，字體是部分，部分要與整體協(xié)調(diào)統(tǒng)一起來，該網(wǎng)站文字顏色根據(jù)網(wǎng)站整體風(fēng)格，采取了不同明度的灰色系，字體的大小分為標(biāo)題字，段落文本字，裝飾性字體，行高也是如此，文字的排列方式選用了比較常規(guī)的左對(duì)齊方式，比較有利于讀者閱讀，文字一行不易太長(zhǎng)，保持文字的簡(jiǎn)潔性和正確性就顯得格外重要，使整個(gè)網(wǎng)站更簡(jiǎn)潔、更有條理。

層次結(jié)構(gòu)與版式

網(wǎng)頁(yè)設(shè)計(jì)中的層次結(jié)構(gòu)，在網(wǎng)頁(yè)排版中也是必不可少的。層級(jí)結(jié)構(gòu)會(huì)是用戶閱讀顯示文本的指明燈。這個(gè)燈非常重要，因?yàn)檫@會(huì)幫助用戶準(zhǔn)確傳遞信息，同時(shí)保證讀者準(zhǔn)確理解，不會(huì)偏離方向，更加一目了然，更易閱讀。這樣你的網(wǎng)站才會(huì)吸引人，才不會(huì)顯得過時(shí)，才能跟得上互聯(lián)網(wǎng)時(shí)代發(fā)展的步伐。

參考文獻(xiàn)：

[1]胡飛. 藝術(shù)設(shè)計(jì)符號(hào)基礎(chǔ)[M].北京：清華大學(xué)出版社，2008.

[2]朱維理. 大型活動(dòng)標(biāo)志設(shè)計(jì)實(shí)戰(zhàn)案釋[M].北京：北京理工大學(xué)出版社，2009.

[3]周德華.許銘霖.新編網(wǎng)頁(yè)設(shè)計(jì)教程[M].北京 冶金工業(yè)出版社 2006.

[4](日)Works 社編輯部編著.日本平面創(chuàng)意設(shè)計(jì)年鑒 2005[M].北京：中國(guó)青年出版社，2006.

[5]王受之.世界平面設(shè)計(jì)史[M].北京：中國(guó)青年出版社，2002.

[6](美)馬特·馬圖斯. 設(shè)計(jì)趨勢(shì)之上[M].山東：山東畫報(bào)出版社，2009.78～86[30]劉金平. 視覺青島[M].北京：中國(guó)旅游出版社，2007.

[7] Quentin Newark. 2007. What Is Graphic Design? Essential Design Handbooks [M].RotoVision.

[8] Thompson, Bradbury. 1988. The art of graphic design: Bradbury Thompson [M]. YaleUniversity Press.

中圖分類號(hào)：J524.3

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1671-864X（2016）04-0285-01

作者簡(jiǎn)介：徐秋芬（1990—），女，漢族，山東菏澤市人，大學(xué)本科，單位：山東女子學(xué)院信息技術(shù)學(xué)院藝術(shù)設(shè)計(jì)（數(shù)字媒體方向）專業(yè)，研究方向：網(wǎng)頁(yè)設(shè)計(jì)。