网页视觉设计风格研究

曾坤

摘 要：二十一世纪是信息爆炸的时代，随着计算机和互联网的普及，网页成了信息传递的重要载体。网页设计是平面设计的延伸与新的发展方向，网页通过各种视觉元素引起人们的注意，然后将各类信息以最快捷有效的方式传递出去。网页视觉设计的方法有很多，表现形式也是多种多样，在设计的时候需要根据网站的类别和功能特征去选用合适的方法去进行设计表现。本文对宏观的角度将常见的网站进行了分类，并分析总结出不同类型网站的视觉设计特征，希望能为网页设计从业者提供一定的参考与借鉴意义。

关键词：网站分类;网页视觉设计风格;互联网

中图分类号：J05文献标识码：A文章编号：2096-0905（2020）06-00-02

互联网技术的不断发展让人们的生活方式发生了翻天覆地的变化，我们可以足不出户便知天下事，而且不受时间和地域的限制。2020年是不平凡的一年，由于很长一段时间学生不能返校上课，公司员工不能集中上班，便出现了“网上课堂”与“在线办公”，这些都需要依赖互联网才能实现，可以说互联网让我们的生活变得更加精彩，也给了我们更多的可能性。网站便是互联网进行信息呈现与传递的重要载体，已经融入了人们的生活和工作中;网页有多种设计风格，要研究网页的视觉设计风格还得结合网站的类别而进行，因为不同行业的网页设计风格是截然不同的，比如政务类的网站和购物类的网站在设计风格上就相差甚远，不能用同一设计方法和形式去表现。常见网站从所属行业大致可以分为企业网站、购物类网站、门户网站、专题网站、游戏网站、产品类网站等。下面我们对不同类别网站的视觉设计风格进行分析研究。[1]

一、企业网站

企业网站是一个公司或企业对外的窗口，承载着企业的理念、愿景等重要信息，也是网页设计师经常会做到的项目。如今大多数企业网站偏向简约、正式的设计风格，多以“大图少字”的形式呈现，也有会一些采用全屏式，甚至在首页首屏加入一些视频动效，这样既能增强视觉张力也会显得比较大气。腾讯官网是比较典型的企业网站设计，非常注重设计感、强调行业属性，其首页采用了全屏式设计，背景是一段几秒钟的视频动画，内容非常具有科技感;网站的主色调为蓝色，蓝色具有沉稳、大气、睿智、广阔等特性，经常用于科技和互联网行业，与腾讯的定位与调性非常相符，这体现了色彩对于主题表达的重要作用。腾讯官网的交互细节也做得非常好，比较注重用户的体验感，处处彰显着企业对品质的追求，这也是大多数企业网站的共性。[2]

二、购物类网站

购物类网站是我们生活中常常会使用到的，比如淘宝、京东、唯品会等等。购物类网站的设计风格也有一些共性，比如“图多字多”，因为它承载的商品信息太多了，所以空间的利用率比较高，区域模块的划分也比较细致合理。购物类的网站对功能性有较高的要求，通常必须具备如下功能：商品展示、搜索功能、网上支付、信息反馈等功能。购物类的网站在版式设计上多采用“删格式”，其优点是可以让这类图文较多的网站呈现的有秩序，在视觉上有比较整齐的感觉。在二级页面中“列表式”和“卡片式”用得也比较多，这两种设计形式非常适合商品图片和描述文字都较多的购物类网站，既能节省设计时间又方便展示。[3]

三、门户网站

门户网站是互联网信息资源集合与综合性服务平台，比较有代表性的有搜狐网、新浪网和凤凰网等。这一类型网站设计的共性是“内容多留白少”，与购物类网站有较多类似的地方，它们所展现的内容都比较多，但购物类网站的广告图或产品图相对多一些，整体来说视觉元素以图片为主文字为辅，而门户网站的视觉元素一般以文字为主。如新浪网是典型的门户网站，在网页页面中文字的占比较大，此类网站的导航栏类别比其他网站都要多，集中着大量不同类别的资讯。门户网站的设计风格相对传统，以实用性为主，所以在设计形式上不会过多的追求设计感和视觉冲击力，而更加注重信息清晰有序的呈现。[4]

四、游戏网站

游戏类网页设计是随着游戏行业的蓬勃发展而产生的，相对其他网站而言比较特别，属于娱乐类型的，且用户主要偏向年轻群体，在视觉设计上会比较前卫一些，多以酷炫有质感的效果呈现。游戏世界是一个亦真亦幻的世界，而这些场景都可以通过原画来绘制实现，此方法是游戏网站视觉设计的一种主要表现形式，但是想要有较好的原画绘制能力是需要有较强的美术功底和长期的练习积累，门槛较高，这也是做游戏类设计的人比其他设计类别工资略高的一大原因。游戏类网页设计还有一种常用的表现形式就是做旧和肌理感，模拟真实的材质，让用户有较强的带入感。当然在进行游戏类网页设计时还需要做到简单易懂，操作流畅，要让用户体会到友好性，不需要有过多的学习成本。[5]

五、专题网站

专题类网站是以一个点、一个事件、一个主题来策划一个页面或者一个活动的网站页面。生活中我们见的最多的要数电商类的专题网站了，以此为例，电商类平台在运营中非常重视节日营销，这些节日有传统节日如“春节专题”“中秋专题”等，也有新兴的一些电商节如“双十一”“618”等，电商类的平台在专题网站的视觉设计上是非常用心的，会有专门的团队打造，比如近几年的天猫“双十一”的设计就越来越惊艳了。无论是哪个节日主题，在进行专题页网站设计的时候主题性是要重点突出的，而且画面相对要比较热闹，色彩丰富，因为电商类主题页的本质就是一个特殊的营销广告，从网页的界面设计中要让用户感觉到节日的气氛。比如做“年货节”的时候通常会选择红色为主色调，在图形的选择上多会选择传统的、吉祥的图案。当然在做专题页设计时不能直接照搬或元素堆砌，这样不免有些俗套，还需要网页设计师进行提取再创作，避免千篇一律。现在专题页网站常用的表现形式还有色彩渐变、轻质感、C4D立体效果等等。总的来说，专题页网站的视觉设计核心在于要挖掘节日特点与文化内涵而展开设计。

六、产品类网站

产品类网站以展示产品为主，目的是让浏览者或消费者清晰的了解产品的功能与属性，通常会以产品图为主，而且对产品图的质量要求非常高，这些图片主要是产品细节图、整体展示、应用场景、代言人等。当然，在产品类网站中文字也是不可缺少的，它多以辅助信息出现，当用户想要进一步了解产品信息的时候就需要通过文字获取了，文字相较于图片而言能更加准确的传递信息，所以在产品类网站中两者都是不可缺少的。产品类网站非常注重版式和设计感，在版式布局上多采用“版心式”和“全屏式”，现在主流的屏幕分辨率是1920*1080像素，版心通常会做到1200像素;“全屏式”效果比较的炫，信息大多会折叠隐藏，并配合面包屑导航使用，且非常注重交互效果，对鼠标经过、点击等操作都会给出响应，体验感非常好。当然，此类型的网站在视觉设计和开发的过程中对技术的要求也比较高。

七、分析总结

通过以上对各类网站的视觉设计风格研究分析可以总结得出——网站设计不能一概而论，也没有绝对的好与坏，只有合适不合适，因为网站可以细分为很多类型，网页设计的风格也有很多，不同类型的网站它的功能性是不一样的，使用人群和用户诉求也都不一样，在进行网页设计的时候要根据网站的类型和需求选择合适的表现形式，像门户网站就不适合用极简主义风格，不适合大量留白，而这种风格在产品类网站中却是适用的，所以作为网页设计师、必须要掌握多种网页设计方法和表现形式。

在进行网页视觉设计的时候要遵守以下三个原则：一是，设计与定位要匹配;比如政务类网站比较适合传统、正式、严谨的设计形式去表现;电商类网站可以用扁平化，简约的形式去表现;游戏类网站可以使用插画、原画、拟物化的形式去表现等等。最好能做到主题明确，符合行业属性，信息表达清晰精简，让用户能轻松地接收信息。二是，要注重交互设计和用户体验;对用户的操作要有良性的反馈，无论在设计的任何阶段，都要坚持“以用户为中心”。三是，要注重视觉美观性;人对美好的事物往往会更加有好感，就像包装设计一样，设计精良的包装会更受消费者青睐，且能增加产品的附加值，网页设计也是一样，在满足功能性与可用性的前提下，要追求网页设计的视觉效果，比如好的版式设计、精美的配色、流畅的交互，都会增强用户在浏览网页时的体验感。现在对网页设计师提出了更高的要求，网页设计师在进行网页设计的时候也需考虑到交互设计和用户体验，因为网页设计不仅仅只是要好看，更重要的是有用与好用，从优先级来说有用与好用一定是要摆在好看前面的，这也是网页设计的新趋势。

参考文献：

[1]卢思聪.游戏类网页设计的视觉表现形式研究[D].中南民族大学，2013.

[2]蒋昊朋.新媒体环境下网页设计发展趋势分析[J].赤峰学院學报（自然科学版），2017，33（04）：15-17.

[3]陈昱甫，陈颖祺，舒叶.网页设计中的页面布局之分析[J].工业设计，2018（12）：79-80.

[4]张璇.谈网页设计中的视觉设计[J].传播力研究，2019，3（33）：170.

[5]韩炘利.视觉引导在网页设计中的应用研究[D].青岛理工大学，2018.