浅析平面视觉元素在网页界面设计中的应用

科技创新与应用Ｉ　２０１５年第２９期　信息技术　浅析平面视觉元素在网页界面　设计中的应用　宋秀贤　（湖南工学院，湖南衡阳４２１００２）　摘要：网页作为一种新兴的大众信息传播媒介，使得信息的传播更加丰富多样，给人们的学习、工作、生活带来了极大的方便。　文章重点阐述版式、文本、图像、色彩等平面视觉元素在网页界面设计中的应用，探讨关键词：界面设计；文本；图像；色彩；版式　４ｆ３对网页界面整体效果的影响。　随着互联网的飞速发展，网站已成为新兴的视觉传播载体，承　悉的图像处理Ｐｈｏｔｏｓｈｏｐ软件来制作一些平面的图形图像，也可直　载着用户需要的大量信息和资源，用户通过访问网站，获取最新资　接用专门处理网络图像的Ｆｉｒｅｗｏｒｋｓ软件来制作，它制作出的　格　讯或者享受网络服务。网页是网站的基本单元，如何设计网页界面，　式的图片，占用空间小、下载速度快。不过要提醒的是，虽然图像在　但也不能使用太多，因为图像的下载速度相对于　使得网页内容更加丰富和完整，已成为网页设计师越来越重视的问　网页中不可或缺，题。网页界面设计是将网页的各组成元素经过合理的设计编排，有　文字来说是比较慢的，如果网页上使用了过多的图像，不仅会使网　效地传达信息，主要工作有：版式的设计、文本的编排、图片的处理、　页显得过于凌乱，更重要的是会影响网页打开的速度。所以，要合理　色彩的搭配等。目前网页界面设计的质量参差不齐，除了一些大型　使用图片的位置、数量、形式，才能使整个网页界面达到和谐统一，　门户网站比较考究网页界面设计之外，一般的网站界面都是比较单　能更有效地表达视觉效果。　４色彩的搭配　缺乏视觉冲击力，为使用户有更完美的视觉体验，必须从网页界　网页界面艺术设计离不开色彩的搭配，当打开一个网站的时　面设计的主要工作入手。　候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合　１版式的设计　网页的版式设计，是在有限的屏幕空间将多媒体元素进行有机　理的布局，而是网站的色彩。一个网站设计的成功与否，在某种程度　组合，将各种构成元素的均衡、调和、律动的视觉导向以及留白等，　上取决于设计者对网页界面颜色的运用和搭配。我们知道色彩有其　根据主题的要求予以必要的关系设计，进行各种视觉的关联和合理　各自的象征意义，对人的心理感应是不同的，比如红色让人感觉热　配置。只要是有利于信息的传达和能够让用户产生视觉记忆的版式　情兴奋；黄色让人感觉轻快活力；绿色让人感觉平静清新；粉色让人　设计就是成功的。在通过搭配各个网页元素进行版式设计时，既要　感觉甜美温馨；紫色让人感觉典雅高贵；而黑色会让人感觉沉闷压　　考虑各元素的大小、形态、色彩各自的特征以及它们之间的变化统　抑。色彩的搭配必须要注意几点：首先，具备鲜明性。尽量多用鲜艳　节奏规律，还要通过适当留白的手法以达到界面整体的视觉平　少用暗黑浅灰的色彩，一般彩色的网页更容易吸引人　衡。无论怎样的版式设计，都以达到让浏览者高效获取信息为目的，　明亮的色彩，通过一目了然、主题突出的版式设计增进浏览者对网页内容的理解　的注意。其次，具备独特性。在网站数量不计其数的互联网上，一个　性和记忆性。　网站的网页色彩只有与众不同才能给浏览者留下深刻的印象。最具　２文字的编排　备针对性。网站的主色调要根据网站的类型和性质，切合网站的主　在网页界面设计中，文字的设计编排与版式、图像、色彩等其他　题来定位，切勿跟网站主题相差甚远，这样会使效果适得其反。　元素的处理一样关键。从网站的类型、性质和特点出发，其设计风格　进入互联网时代，人们的工作和生活都已离不开网络，每时每　要与网站内容相符，比如在网站中文字的设计要求较为严肃大　刻都在通过网络获取最新资讯，只有网站建设得独特新颖，才会吸　气、有序简洁；在历史文化、教育方面的网站中则趋向于优美清新或　引更多的读者，所以网页界面的设计显得尤为重要。任何一个网页　者端庄典雅；商业网站则可以根据自己的企业理念或者行业性质、　都包含很多网页元素，网页界面设计不仅仅是将网页元素简单的组　产品特点、服务类型，突出个性化特征；如果是个人主页，则完全可　成，而是要结合网页主题，充分发挥各网页元素的特征，并将它们艺　以根据个人的性格、爱好、心情制作出凸显个人特征、展现个人魅　术地组合，最终呈现给人们完美的视觉体验。　力、极具个性化、有强烈视觉冲击力效果的字体，给人留下深刻印　参考文献　一，一、象。　【１１唐斌．网页界面设计本土化的理性走向【Ｊ】．装饰，２００８（３）：７４—７６．　字体的最大特点就是各种字体给人带来的情感和风格是不同　的，或者说每一种字体它就是一种独特的艺术符号，它在个性和情　感方面对人们有着很大影响。准确选择字体，直接影响网页界面的　美观，计算机为我们提供了很多的字库，互联网上也提供了丰富多　样的字体，我们可以根据需要下载安装使用，设计者在字体选择上　有很大的空间，但是在进行同一个网页界面设计时，字体种类的运　用最多不能超过３种，字体种类太多的话，也会直接影响页面的整　体浏览效果。　３图片的处理　［２】杨晔，曲业华，李曼．浅谈色彩在界面设计中的应用［Ｊ］．人文论坛，　２０１４：４４—４５．　［３】杨静．浅析影响网页界面设计的因素［Ｊ］．计算机与网络，２００９：２２５—　２２７．　［４】张晶．网页设计中平面视觉元素的应用『Ｊ］．中国管理信息化，２０１１：　１４６－１４７．　［５］王秀杰．谈平面视觉元素在网页界面设计中的运用『Ｊ］．商业文化，　２０１４，１３１．　作者简介：宋秀贤（１９８５一），女，汉族，广东梅州人，湖南工学院，　丰富多彩的图像是美化网页必不可少的元素，一个设计精巧的　硕士，助教。研究方向：计算机多媒体技术。　图片远比一条单一的文字信息更能吸引浏览者。图片不仅能够增加　网页的吸引力，同时还能大大增强用户体验。图片的展示形式丰富　多样，不同形式的图片展现也让浏览网页的乐趣变得更加多样化。　用于网页上的图像文件一般为．ｊＰｇ格式或者．　格式。可用我们熟　｝湖南工学院校级科研项目：基于ＤＩＶ—ＣＳＳ湖南工学院门户网站网页设计的应用研究（项目编号：ＨＹ１４００９）　一９８—