以“库司里”西餐厅网页界面设计为例谈网站建设

摘要：在这个信息化的时代，网络已经成为人与人之间交流的一种方式，同时也是传递信息的重要渠道。它可以代替传统的传达交流方式，摆脱时间和空间的限制。就网站而言，它为很多人提供了一个网络的生活空间，通过其网页展示来代替纸张等一系列宣传手段，把信息更全面更直观的传递给用户，从而达到企业营销和宣传的目的。因此可以看出现如今网站建设的重要性，它已成为当代信息化建设中的重要组成部分。

关键词：网页设计；设计与制作；美观；实用性

中图分类号：O437.2 文献标识码：A 文章编号：1671-864X（2016）02-0249-01

本文比较系统的阐述了有关网页界面设计与制作的相关知识，充分体现了网站建设服务于经济建设的重要思想。网页设计不仅要从美观上考虑，更要注重的是实用性，即我们最初做这套网站想表达的主题以及想要达到的目的。

网页设计是一个连贯的过程，具体制作流程如下：

1.首先，设计人员在获取客户需求的同时应对网站进行一系列分析。设计师应该了解客户为什么要做这个项目，只有确定建站的目的才能更好地完成客户的需求。

2.其次，确定网站内容的同时应对同行业网站进行考察，从而取长补短。设计人员选择适合自己的界面设计软件以及网页制作软件进行网页的初步设计，设计开始的时候就要为网站定位一个主题，让整个网页都围绕这个主题进行设计制作，从而保证网站风格和谐统一。

3.设计制作完成后要运用各类浏览器进行测试，解决常用浏览器的兼容性问题。例如IE、360、火狐、谷歌、Opera、腾讯等浏览器。测试无误后，网站就可以准备上线了。

以上讲了网站建设的基本流程，接下来我们就结合“库司里”西餐厅网页界面设计具体分析一下网页设计上的那些事。

好的网站设计并不是直接套用已有的网站模板，而是要在考虑网页界面设计美观的同时，更要注重它的合理性、实用性。运用每个模块的合理划分来展示网站的各个功能，让用户在欣赏美的同时有效便捷的获取到网站所传达的信息。网页设计离不开软件的操作使用，要想让网站美观合理，在众多网站中脱颖而出，就必须要在网页版式设计上多花费些功夫。

目前市场上的网站虽多，但都大同小异。想突出你的网站就不能局限于现有的网站版式布局，要突破传统。表现出一种具有创新性的视觉传送方式。“库司里”西餐厅主要针对的是国内消费人群。

首先了解西餐厅在国内餐饮行业的发展前景，主题西餐厅是实现餐饮差异化的一种有效途径，是未来餐厅发展的重要趋势。分析国内已有此类网站的风格特色，确定网站的整体风格，考虑网站的整体架构和配色方案。做好前期准备工作后，运用制图软件设计网站标志，然后进行整个网站的版式设计，设计过程中要考虑到网站整体的配色、字体的样式、图文的搭配、各个版块的关联以及顺序。

一、网页配色

绝大多数的网站拥有类似的配色，不能感觉到网页的新颖，从而无法使访问者与其产生一种积极的联系。独特的设计可以使你的网站很醒目，这样用户可能会花更多时间浏览并且有意识的记下这个网址以便下次再来访问。在设计中融入一些不同的色彩元素是很重要的，有明有暗的视觉对比更能够使人们的视觉达到平衡。

二、字体样式

随着网页设计潮流的不断变化，字体的样式也在发生着变化。字体的大小粗细、行间距、颜色对比等都是影响网站美观和用户体验的因素。在“库司里”西餐厅网站中大部分文本采用网页基础字号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-），女，汉族，山东济南，本科，山东女子学院信息技术学院，研究方向：网页设计。