浅析网页设计及其应用

何 莉

（武昌职业学院，湖北 武汉 430202）

浅析网页设计及其应用

何 莉

（武昌职业学院，湖北 武汉 430202）

网页设计将计算机技术的应用、视觉艺术的表现紧密结合在一起，相得益彰，从而达到技术与艺术相互融合的新高度。文章以计算机技术作为基础，通过确定主题、版面布局、网页制作来完成合理的页面结构，然后通过创意设计、色彩调整来实现精美的网页效果，探讨了网页设计特色中的技术性与艺术性。

网页设计；技术性；艺术性

网页设计作为一种视觉语言，是集创意、技术、美感于一体的创新活动。它是企业向用户提供产品和服务信息的便捷形式，运用相关的软件技术、美学知识等，依照设计要求对网页的构成元素进行艺术设计。要使网站集计算机技术与艺术创作于一体，设计者既要重视网页设计各种关键技术的合理性，呈现精美的网页效果，又要把握网页整体页面艺术设计的美观协调性。因此，研究技术与艺术在网页设计中的相互结合有着十分重要的作用。

1 网页设计的技术性

网页设计既是一门科学，也是一门艺术。网页设计一方面建立在页面设计和编程技巧的基础之上，另一方面则依赖于对艺术美学的敏锐程度。网页设计师一定要熟练掌握核心技术要点才能在业内做到出类拔萃。

1.1 网页设计的技术要点

（1）确定网页主题。制作网站前，首先需要分析网站的功能及建站的目的，确定网站的用户群和网站内容，即确定网站的主题。在确定主题后，可绘制出网站架构图，并搜集建站所需的相关资料和素材。另外，可要求客户提供与公司相关的文字及图像等资料，如公司介绍、产品图像等。

（2）设计整体页面。网页设计师与客户沟通，了解客户的基本要求后，制定网站建设方案并使用Photoshop等图像处理软件进行页面效果图设计。页面效果图主要包括网站首页效果图和各频道首页效果图。将效果图设计好后交给客户查看，客户查看后提出修改意见，设计人员根据客户意见进行修改，最终确定网页页面效果图。在效果图得到客户认可后，设计师可使用Photoshop等图像处理软件中的切片工具将效果图切割并保存为JPG，GIF或PNG格式的小图像，将它们作为制作网页的图像素材。

（3）网页制作。网页的制作可以分为结构层制作和样式、行为层制作两部分。结构层制作就是使用HTML代码搭建网页的主体结构，如文字、图像、超链接等，可以直接编写代码来实现，也可以在Dreamweaver的可视化界面中操作。在网页的结构层制作完成后，样式层就可以使用Css样式（层叠样式表）来制作，行为层则基于JavaScript（动态脚本语言），最终完成网页整体外观和页面布局。

1.2 网页设计的注意事项

当今互联网世界的确引人注目，置身于其中，种类繁多的网站让人眼花缭乱。网站设计既要考虑网站功能的实现，满足大多数用户的需求，又要保证一定的艺术欣赏性，因此，在网页设计的过程中，不得不注意以下事项。

（1）强调导航栏的设计。 首先，在设计网站的导航结构时，提前规划是非常重要的。合理的位置、独特的风格、适当的技术等，这些都是制作导航栏时必然要考虑的。首先，要具有良好的导航功能，尽可能减少操作，确保多级页面之间快速链接，尽量让用户在短时间内浏览到需求页面；其次，最好放在一个醒目的地方，布局、色彩与整体页面风格一致；最后，对网站建立层次结构，分层管理，便于内容更新与及时维护。

（2）优化网页中的图片。在互联网中浏览网页时，一般来说文字先于图片。图片文件的大小会延长网页的加载时间，因此，在网页设计时，尽量选择适当的图片文件格式来保存。假如图片是单色，最好保存成PNG或者GIF格式；如果像生活随拍照片那样的连续性色调，就可以保存成 JPG格式。现在有许多工具可以优化图片，压缩文件大小，把图片数量降到最低，并且灵活使用图片。这样一来，将可以大大减少页面的读取时间，提高网页的性能。

（3）注重搜索引擎和兼容性。在设计网站时，千万不要忽略基本的SEO模块。例如，网页内容结构、用文字表示标题。在熟悉HTML/Css 后，会发现DIV比表格布局要好用一些，既可以准确地呈现网页效果，对搜索引擎排名也有帮助。运用Css样式来更换背景、文字和图片，非常实用。网页测试主要是在浏览器端实现，仅用一个浏览器测试网页远远不够，需要在多种浏览器端测试兼容性。

2 网页设计的艺术性

2.1 网页设计形式与内容相统一

网页设计师在体现精美画面效果时，不得不将设计形式与内容统一起来，保持协调性。外观设置中讲究一些技巧，如布局的对称与组织排列、文字的排版与段落间距、图片的摆放与错落有致、色彩的对比与调和均衡，都可以产生和谐的画面感。还可以从一些细节中去体现，如将LOGO尽可能地放在每个页面上最显眼的位置、突出标准色彩、精辟的宣传标语、标题字都采用阴影效果等。

2.2 网站整体的版式设计

在互联网时代，一个网站成功与否，很大程度上取决于用户体验。网站设计最重要的诀窍，就是设计的网页要易读。网页设计讲究页面布局和版式设计，通过文字图形的空间组合，表达出和谐与美。页面布局时，主体色调和谐一致，各级页面要注意主页与分页面的层次关系，将相互之间的联系巧妙地体现出来，易于建立超级链接，最终提升用户体验。

2.3 色彩在网页设计中的作用

色彩是艺术表现的要素之一。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩有机组合起来构成精美的画面。根据色彩对人们心理的影响，合理地加以运用，使网页设计作品更赏心悦目，给予用户美的感受。

（1）网页色彩的搭配。当网页中运用一种色彩时，先定好主题色，然后调整不同的透明度、饱和度，作为辅色，让页面的整体色彩统一，具有层次感；当需要运用多种颜色时，就可以运用一个色系，表达一种特定的感觉，选择饱和度不同的深浅颜色，如浅色系中的淡红、淡黄、淡蓝。

（2）网页配色的误区。有些初学者认为选择几种不同的色彩，就会显得网页比较活泼，有活力，其实不然。首先，花里胡哨的色彩组合，会削弱视觉效果，所以要尽量控制在5种颜色以内。其次，一些网站背景的颜色冲淡了文字的视觉效果，如橙色背景红色文字，会让人感觉紧张，深蓝背景黑色文字，难以看清文字。这就需要花点心思来规划文字与背景颜色的搭配方案，增强背景与文字的对比度，重点突出文字内容。

[1]赵锡源.论网站艺术设计[J].新闻爱好者，2010（2）：98.

[2]陈心威.浅谈色彩在网页设计中的应用[J].福建电脑，2009（10）：146.

Analysis on the characteristics of Web page design and application

He Li
（Wuchang Polytechnic College, Wuhan 430202, China）

Web design combines the application of computer technology with the performance of the visual arts together, which brings out the best in each other, so as to achieve new heights of fusion technology and art. With computer technology as the foundation, by identifying subject, the layout, web page creation, the article completes the reasonable structure of the page. Then through creative design, color adjustment to realize the fine web effect, and discusses the technical and artistic quality in web design features.

Web page design; technical; artistic

何莉（1984— ），女，湖北黄冈，硕士，讲师；研究方向：计算机技术。