摘要：在這個信息化的時代，網(wǎng)絡已經(jīng)成為人與人之間交流的一種方式，同時也是傳遞信息的重要渠道。它可以代替?zhèn)鹘y(tǒng)的傳達交流方式，擺脫時間和空間的限制。就網(wǎng)站而言，它為很多人提供了一個網(wǎng)絡的生活空間，通過其網(wǎng)頁展示來代替紙張等一系列宣傳手段，把信息更全面更直觀的傳遞給用戶，從而達到企業(yè)營銷和宣傳的目的。因此可以看出現(xiàn)如今網(wǎng)站建設的重要性，它已成為當代信息化建設中的重要組成部分。

關鍵詞：網(wǎng)頁設計；設計與制作；美觀；實用性

中圖分類號：O437.2 文獻標識碼：A 文章編號：1671-864X（2016）02-0249-01

本文比較系統(tǒng)的闡述了有關網(wǎng)頁界面設計與制作的相關知識，充分體現(xiàn)了網(wǎng)站建設服務于經(jīng)濟建設的重要思想。網(wǎng)頁設計不僅要從美觀上考慮，更要注重的是實用性，即我們最初做這套網(wǎng)站想表達的主題以及想要達到的目的。

網(wǎng)頁設計是一個連貫的過程，具體制作流程如下：

1.首先，設計人員在獲取客戶需求的同時應對網(wǎng)站進行一系列分析。設計師應該了解客戶為什么要做這個項目，只有確定建站的目的才能更好地完成客戶的需求。

2.其次，確定網(wǎng)站內(nèi)容的同時應對同行業(yè)網(wǎng)站進行考察，從而取長補短。設計人員選擇適合自己的界面設計軟件以及網(wǎng)頁制作軟件進行網(wǎng)頁的初步設計，設計開始的時候就要為網(wǎng)站定位一個主題，讓整個網(wǎng)頁都圍繞這個主題進行設計制作，從而保證網(wǎng)站風格和諧統(tǒng)一。

3.設計制作完成后要運用各類瀏覽器進行測試，解決常用瀏覽器的兼容性問題。例如IE、360、火狐、谷歌、Opera、騰訊等瀏覽器。測試無誤后，網(wǎng)站就可以準備上線了。

以上講了網(wǎng)站建設的基本流程，接下來我們就結合“庫司里”西餐廳網(wǎng)頁界面設計具體分析一下網(wǎng)頁設計上的那些事。

好的網(wǎng)站設計并不是直接套用已有的網(wǎng)站模板，而是要在考慮網(wǎng)頁界面設計美觀的同時，更要注重它的合理性、實用性。運用每個模塊的合理劃分來展示網(wǎng)站的各個功能，讓用戶在欣賞美的同時有效便捷的獲取到網(wǎng)站所傳達的信息。網(wǎng)頁設計離不開軟件的操作使用，要想讓網(wǎng)站美觀合理，在眾多網(wǎng)站中脫穎而出，就必須要在網(wǎng)頁版式設計上多花費些功夫。

目前市場上的網(wǎng)站雖多，但都大同小異。想突出你的網(wǎng)站就不能局限于現(xiàn)有的網(wǎng)站版式布局，要突破傳統(tǒng)。表現(xiàn)出一種具有創(chuàng)新性的視覺傳送方式?！皫焖纠铩蔽鞑蛷d主要針對的是國內(nèi)消費人群。

首先了解西餐廳在國內(nèi)餐飲行業(yè)的發(fā)展前景，主題西餐廳是實現(xiàn)餐飲差異化的一種有效途徑，是未來餐廳發(fā)展的重要趨勢。分析國內(nèi)已有此類網(wǎng)站的風格特色，確定網(wǎng)站的整體風格，考慮網(wǎng)站的整體架構和配色方案。做好前期準備工作后，運用制圖軟件設計網(wǎng)站標志，然后進行整個網(wǎng)站的版式設計，設計過程中要考慮到網(wǎng)站整體的配色、字體的樣式、圖文的搭配、各個版塊的關聯(lián)以及順序。

一、網(wǎng)頁配色

絕大多數(shù)的網(wǎng)站擁有類似的配色，不能感覺到網(wǎng)頁的新穎，從而無法使訪問者與其產(chǎn)生一種積極的聯(lián)系。獨特的設計可以使你的網(wǎng)站很醒目，這樣用戶可能會花更多時間瀏覽并且有意識的記下這個網(wǎng)址以便下次再來訪問。在設計中融入一些不同的色彩元素是很重要的，有明有暗的視覺對比更能夠使人們的視覺達到平衡。

二、字體樣式

隨著網(wǎng)頁設計潮流的不斷變化，字體的樣式也在發(fā)生著變化。字體的大小粗細、行間距、顏色對比等都是影響網(wǎng)站美觀和用戶體驗的因素。在“庫司里”西餐廳網(wǎng)站中大部分文本采用網(wǎng)頁基礎字號12像素，標題適當?shù)牟捎蒙源笮┑淖痔枴Ｔ谛枰牡胤竭M行留白設計，同時注意到字體的行間距、段落對齊方式、大小粗細對比、顏色深淺對比等。

三、圖文搭配

圖文搭配的布局方式會緩解用戶瀏覽網(wǎng)頁時的視覺疲勞，讓網(wǎng)站整體美觀舒適，一般圖文排列方式分為左文右圖或者是左圖右文，這樣會讓版式看起來規(guī)整有條理，能讓用戶帶著閱讀興趣去瀏覽網(wǎng)站，從而達到網(wǎng)站運營的目的。“庫司里”西餐廳網(wǎng)站就是合理的運用圖文搭配的方式將餐廳菜品、餐廳文化以及餐廳訂購信息等展示的淋漓盡致。

四、板塊關聯(lián)

網(wǎng)站主頁就像是宣傳欄或者門面，是使用戶瀏覽網(wǎng)站時產(chǎn)生第一印象的地方。首頁一般是整個網(wǎng)站的精華之處，起到導航的作用。首頁內(nèi)容應精彩豐富，語言干練，簡潔明快，通俗易懂。首頁制作時應時刻考慮網(wǎng)站統(tǒng)一、連貫、分割、對比以及和諧的原則，內(nèi)容統(tǒng)一，都是為了網(wǎng)站主題而服務，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，讓每個模塊有所區(qū)分，這樣便于瀏覽；整個網(wǎng)頁有動有靜，在靜態(tài)網(wǎng)頁中加入一切動態(tài)特效形成對比，不呆板，富有生氣；讓網(wǎng)站整體在不同之中又相同，渾然一體。

“庫司里”西餐廳網(wǎng)站的創(chuàng)新之處在于網(wǎng)站整體采用扁平化的設計，配合必要的交錯重疊的排版。打破版面呆板、平淡的格局。構圖上則大膽的采用三角形構圖和斜角對稱等方式進行制作。個性化的表現(xiàn)出一種具有個人風格和藝術特色的視覺傳送方式，從而達到意新、形美、變化而又統(tǒng)一。使人們的視覺感受產(chǎn)生趣味性。版面的設計整齊統(tǒng)一、圖文結合，既可以突出餐廳主題特色，又可以減少用戶對瀏覽網(wǎng)頁的認知障礙和閱讀疲勞。

網(wǎng)頁設計逐步脫離了傳統(tǒng)的平面設計和網(wǎng)站建設的范疇，形成了介于這兩者之間的獨立特殊體系。這就要求設計開發(fā)人員不僅要在界面設計上有獨到的見解，還要有一定的開發(fā)技術水平?？傊?，要想精通網(wǎng)頁設計還需要大家不間斷的學習才能更好地掌握其中的奧妙。

參考文獻：

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

[2]胡飛. 藝術設計符號基礎[M].北京：清華大學出版社，2008.

[3]（英）赫利. 什么是品牌設計[M].北京：中國青年出版社，2000.

[4]（美）馬特·馬圖斯. 設計趨勢之上[M].山東：山東畫報出版社，2009.78～86

[5]朱永明. 視覺傳達設計中的圖形、符號與語言[J].南京藝術學院學報（美術與設計版），2004

[6] Bojko， Szymon. 1972. New graphic design in revolutionary Russia [M]. LundHumphries.

[7] Thompson， Bradbury. 1988. The art of graphic design： Bradbury Thompson [M]. YaleUniversity Press.

作者簡介：王丹鳳（1993-），女，漢族，山東濟南，本科，山東女子學院信息技術學院，研究方向：網(wǎng)頁設計。