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

?

網(wǎng)頁設(shè)計中的亮點子

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

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

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

愛美之心，人皆有之。

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

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

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

風(fēng)格

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

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

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

配色與版式

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

字體與版式

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

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

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

參考文獻：

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

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

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

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

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

[6](美)馬特·馬圖斯. 設(shè)計趨勢之上[M].山東：山東畫報出版社，2009.78～86[30]劉金平. 視覺青島[M].北京：中國旅游出版社，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.

中圖分類號：J524.3

文獻標(biāo)識碼：A

文章編號：1671-864X（2016）04-0285-01

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