论降低网页界面的视觉干扰.pdfVIP

2013年5月 韶关学院学报·社会科学 Mav．2013 第34卷第5期 of Science V01．34No．5 Journal ShaoguanUniversity·Social 论降低网页界面的视觉干扰 周 俊1’2 (1．武汉理工大学艺术与设计学院，湖北武汉430070；2．韶关学院美术学院，广东韶关512005) 摘要：视觉干扰会影响用户对信息的正确判断，阻碍用户浏览网页体验度的提升，降低信息传达的效率。减少网页界面视觉 干扰应明确页面信息的主次关系，恰-3地应用分类识别手法，合理地利用信息之间的视觉停顿并且弱化辅助元素的视觉强度。 关键词：UCD；网页界面；视觉干扰 中图分类号：J504；TP393 文献标识码：A 文章编号：1007—5348(2013)05—0140—04 视觉干扰，是信息在基于视觉传达过程中，对信 的认知心理和习惯，并巧妙地运用各种设计手法将 息的传递、理解产生负面作用的视觉因素。视觉干 主从关系科学地、艺术地表达出来。 扰会影响用户对信息的正确判断，影响到网页的可 明确信息的主次关系，一方面是提升主体信息 用性及易用性，降低网页用户体验度，如图1。 的易关注度，可以通过增大面积、突出色彩、增加周 边留白等方法实现：另一方面是削弱次要信息的视 ③蜥 息^啼 口一 百口旦。 觉强度，二者都可以通过多种方法实现，如图2。 各种辊觉特技、 闪烁动爵、冗余 视觉元素…- 蕾■ 戈 图1 视觉干扰因素对信息传达的影响图示 网页视觉设计师必须研究用户的认知心理特征，通过 科学的处理手法解决上述问题。 一、明确页面信息的主次关系 主和次是相对的概念，通过对比形成．在视觉 传达领域是必须理清的关系。主次不仅体现在局部 与局部的关系上，还存在于局部自身各元素之间。 图2微软官方网站首页截图 要使页面信息主次关系明确，需要在两个方面努 理论上每种方法都可以达到效果，但在实际应用过程 力：一是在设计的前期．理清信息的主次和逻辑关 中，通常是多变量并用，从多角度明确主次关系。例 系。这不仅需要设计者和委托人能有良好的沟通， 如在淘宝网上通过输入关键词“黑莓”．可搜索出多 准确把握委托人建设网站的根本目的，更需要设计 个商品，页面的第一屏是与该商品相关的各类筛选 团队对目标用户的信息需求进行深入研究，帮助用 条件区，帮助用户有效缩小查找范围，提高查找效 户实现登录网站的目的。二是在设计表达时明晰它 率，从整体看，该部分相对更为重要，因此在信息呈 们的关系。这就需要网页视觉设计师充分理解用户 现顺序上处于优先位置。单个商品列表．就整个页面 收稿日期：2013—03—12 作者简介：周俊(1978一)，男，安徽合肥人，韶关学院美术学院讲师，武汉理工大学艺术与设计学院硕士生，主要从事用户设计、传统艺术 符号研究。 140 而言属于相对次要信息，其区域内又分成与该商品 困难并不是一致的，所需要的技术支持也是多方 相关的图片、商品简介、价格等9个不同信息。对于 面的，孰轻孰重，因人而异。因此在设计该页面时， 用户，这9个信息的权重系数是不同的，首先是最直 设计者根据信息的关系，首先按关联和区别进行大 观的图片，其次是价格，设计者使用占据列表3／5面 类划分．按权重系数自上而下分为五行，每一行内 积的大图吸引用户的注意力，用更大号、红色、粗壮 又根据信息不同分成若干区块，单行内并不强调 的黑体字描述