以“庫司里”西餐廳網頁界面設計為例談網站建設

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

關鍵詞：網頁設計；設計與制作；美觀；實用性

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

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

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

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

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

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

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

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

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

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

一、網頁配色

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

二、字體樣式

隨著網頁設計潮流的不斷變化，字體的樣式也在發生著變化。字體的大小粗細、行間距、顏色對比等都是影響網站美觀和用戶體驗的因素。在“庫司里”西餐廳網站中大部分文本采用網頁基礎字號12像素，標題適當的采用稍大些的字號。在需要的地方進行留白設計，同時注意到字體的行間距、段落對齊方式、大小粗細對比、顏色深淺對比等。

三、圖文搭配

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

四、板塊關聯

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

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

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

參考文獻：

[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-），女，漢族，山東濟南，本科，山東女子學院信息技術學院，研究方向：網頁設計。