图片优势效应在网页设计中的应用

发布时间：2020-04-30 18:04

【摘要】：目的研究图片优势效应在网页设计中的应用。方法分析网页的发展趋势,提出图片在网页设计中的重要作用,引入"图片优势效应"理论。从图片在网页中的发展史、图片的类型、图片在网页中的比例、图片的排列方式和大图应用的角度,研究图片和网页的关系。归纳网页设计中图片的三大优势,并通过实验验证图片在网页中的重要性和优势效应。结论提出在网页设计中以平衡各元素之间的关系为前提,利用图片的视觉、认知和商业优势,发挥图片的最大优势效应,让网页最大化地达到它的目的。
【图文】：

高，如果图片精度不高或者信息传达模糊，将大大减弱产品的竞争力。这里选取了两大知名电子商务类网站（ebay，Amazon），以红色色块标记图片，研究图片在网页中的比例，可以发现，，电子商务类网站的设计对图片的要求很高，并且对重要的产品信息，网站会给以较大的图片尺寸，其余的产品则以图片加文字的形式来表现。相比较而言，综合门户类网页（新浪和搜狐）由于信息非常多，图片过多会造成网页冗长，因此设计师会把文字类条目作为门户类网站最主要的设计对象，文字为主，图片为辅，相得益彰。图片在网页中的尺寸比例见图1。1.4图片在网页中的排列方式图片在网页中排列的方式有很多种，见图2。随着互联网技术的发展，用户对浏览网页的体验要求越来越高，图片在网页中的排列方式也越来越多样化，图片展示形式的多样化让用户的体验更加丰富多彩。1.5超大图片在网页中的应用超大图片的应用是网页设计的趋势之一。把照片用作网站的背景，这样可以让网站页面形成强烈的视觉效果，大号图片的应用也是简洁设计的一种体现，清晰而明确的图片内容能够让网站诉求更加明确。2网页中的图片优势效应人们既能使用形象又能使用语言去记忆图片，比图1图片在网页中的尺寸比例Fig.1Thesizeproportionofpictureinthewebpage图2图片在网页中的排列方式Fig.2Thearrangementofpictureinthewebpage14

困难。即使用户不会识字，他们也能够以自己的方式来解读图片中的意思。老人因为视觉功能的衰退可能在阅读文字上有了一些障碍，而大幅的图片则能直观地让老人理解其中的意思。摄影类网站对图片要求最高，图片能够表达摄影师在按下快门那一瞬间的想法。通过欣赏图片，人们能阅读到图片背后的故事。“一图胜千言”这句话表达了图片的重要性，也体现了图片的认知优势。新闻类网站中，许多新闻事实用文字难以表达清楚，而图片却能做到，它可以让读者在短时间内和在有限的版面里获得更多的信息。基于信息图谱的网页设计见图3，通过文字、图形和颜色的合理搭配，将英国设计发展的历史概括并形象地表达了出来，相对于纯文字，人们更容易读取这些信息图的内容。在这里，图片不仅仅是一幅简单的照片，而是文字、图形和颜色的平衡方式。信息图谱这种形式也是未来信息传达的一大趋势。当然，图片认知的不确定性，可能会造成不同国家、不同文化背景的人对图片理解的差异，因此，网页在使用图片传达信息的时候，也需要附加一些其他网页元素，如文字、多媒体等来辅助用户的理解。2.3商业优势想要在网页上推广某个产品，广告是核心，而一幅好的图片则是广告的关键。基于图片广告的网页设计见图4（图片摘自淘宝网），图片在网页中的比例较大，并且处于网页的核心位置。67%的消费者认为图片的质量对于他们的选择和购买产品是非常重要的[7]。图片不仅仅是网站竞争的手段，同时也是很多企业的营销核心。社会化媒体的变革就和图片有着很图3基于信息图谱的网页设计Fig.3Webpagedesignbasedontheinfographicmap林欢等：图片优势效应在网页设计中的应用15


本文编号：2646040