网页设计的图片视觉概念探究

摘要：随着信息技术的快速发展，多媒体技术在人们的日常生活中扮演着越来越重要的角色，网页浏览已经成为了当今时代人们获取信息最主要的形式之一，唯美的图片给人带来视觉享受的同时，也是提高浏览量的关键，所以，设计网页中的图片至关重要。本篇文章解析了当前网页设计中图片视觉效果发展的现状，说明了网页视觉设计的原则，并针对这些问题，对网页设计中的图片视觉进行了探析。

关键词：网页设计；图片视觉；网页浏览；视觉研究

网页能否有好的发展，不仅体现在好的创意上，也体现在网页的设计上，好的网页设计可以吸引网民的眼球，提高浏览量，但是我国目前网页中的图片视觉效果依然停滞不前，没有太大的发展，在图片的浏览上，缺乏灵活性，图片设计方面没有创意，网页设计人员的技术得不到提高，图片的视觉效果很差。

一、网页视觉设计的原则

要想有展现出完美完美的图片视觉效果，需要了解网页视觉设计的原则，依据原则进行图片设计，从而达到是事半功倍的效果，在设计网页的时候，为了使网页中的图片与内容合为一体，遵循形式美与内容美，要从以下几点出发：

（一）比例尺寸得当,对称均衡适度

合理的比例是美的前提。比例得当不仅适用于绘画，同样也适用于网页设计。在网页设计中，要想把握好比例，需要做好组版元素间和谐的关系。把握好比例尺寸，可以以中心线为轴线，这样做出来的网页图片，带给人一种大方、稳定、端庄的感觉，既体现了秩序的原则，又给人高贵的美。在网页设计中，点线面是很注重的要求之一，首先要在平面中找到平衡点，让绝食产生舒服的感受，接着要找到对称的部位，最后要以整个尺寸为基调，找到平衡点。

（二）动静变化有序,节奏韵律明快

网页中的动态和静态的变化是根据三维空间和图片的比例等因素体现出来的。同种元素因为布局与层次的变化会造成不同的视觉体验。在网页设计中，对空间的要求是很高的，需要考虑动态与静态的结合，节奏韵律的快慢。在网页的设计中，运用动静结合的方式，给人生动活泼的视觉感受，对节奏韵律把握明确，可以增加网页图片的感染力，同时又可以渲染气氛，展开联想。

（三）繁简互衬,多样统一

网页设计，需要考虑好网页的内容和图片版面，既不能使网页看起来太过繁杂，也不能使网页太过简单。在设计网页的时候，可以针对内容的多少进行合理的排版，同时也可以通过色彩搭配来对网页中的内容和图片进行分开。对网页的合理布置，使网页看起来繁简互衬,又能够使整体多样统一，各个元素独立而统一.按照视觉艺术的原则，给人以美的感受。

（四）图形

在网页设计中，图形的设计也是很重要的，图形和图片的比例需要恰到好处。图形是图片的缩小化，它可以帮助网页中的文字更加清晰，使整个网页看起来更加的美观和立体。小的图形在视觉上给人带来一种清新可爱的感觉。对图片的位置和形式的合理的布置，可以使网页更加美观大方。

二、提高网页设计图片视觉的方法

网页设计需要遵循形式美和内容美的有机结合，需要比例尺寸上把握得当，动静变化有序,节奏韵律明快，繁简互衬,多样统一的原则，同时也要做好图形的设计，要想提高网页设计图片视觉，就要从以下几点来进行：

（一）单项视觉流程

网页设计的单项视觉流程是指对网页中的图形、文字和符号等在平面上进行不同方向的变化，可以表现为横向、纵向和斜向这几种形式，然后对其进行构图。单项视觉流程在操作起来简单，同时也能够使网页的平面结构看起来更加的清楚直观，能够直接明了地升华主题，在视觉上给人鲜明的层次感，表现出单项视觉流程的稳定、端庄的效果，具有坚定、直观的感觉。

（二）反复视觉流程

网页设计的反复视觉流程是把相似或者同样的视觉元素进行三次或者三次以上的编排，使网页的图片画面有规律、有节奏、有秩序。运用反复视觉流程，给人的视觉带来冲击性，同时有体现出了网页图片的韵律美、节奏美和秩序美，给人眼前一亮的感觉。

（三）曲线视觉流程

网页设计的曲线视觉流程只要根据人眼来回摆动舒适感的舒适感进行设计，人们的眼睛可以依据弧线的运动变化方式来观看网页中的图片。其中曲线视觉流程主要包括了弧线形（c形）视觉流程和回旋线形（s形）视觉流程。弧线形（c形）视觉流程给人饱满的感觉，具有明确的方向感和扩张感，回旋线形（s形）视觉流程给人流畅，柔美的感觉，使图片生动起来，有很强的动感美和节奏美。虽然曲线视觉流程不如单项视觉流程看起来直观，但是却有飘逸美。

（四）焦点视觉流程

网页设计的焦点视觉流程主要是用焦点来吸引人们的眼球，聚集浏览者的目光。焦点视觉流程为了更好的吸引人们的眼球，往往还要用鲜明的颜色来对焦点进行强化，与网页图片的背景形成对比，同时也会别出心裁的设计焦点，分从从焦点的形式、焦点的层次和焦点与图片的结构进行。焦点视觉流程通常是以图形为主要元素，形成视觉磁场。

三、结语

随着信息科技的不断发展强大，图片对网页的影响也是极其重要的，快节奏的生活，使人们更加倾向于借助图片来获得自己想要的信息。因此只有遵循网页图片的设计原则，分别从单项视觉流程、反复视觉流程、曲线视觉流程和焦点视觉流程出发，才能更好地发挥出图片的价值，给社会大众带来美的感受。

参考文献

[1]刘青玲.图片优势效应在网页设计中的研究与应用探讨[J].科技创新与应用,2015,(21):86.

[2]林欢,谭浩,赵江洪.图片优势效应在网页设计中的应用[J].包装工程,2014,35(18):13-16+24.

[3]林欢.图片优势效应在网页设计中的研究与应用[D].长沙:湖南大学,2014.

[4]李卓.网页设计中的认知心理学与艺术设计理念[D].吉林:吉林大学,2005.

作者:宦宗延 孙正卫 李文静 单位:大连大学美术学院