电商网页界面视觉设计元素解析.doc

电商网页界面视觉设计元素解析

中图分类号: J905 文献标识码: A 文章编号: 2095-2457(2018)01-0159-002
中国论文网/8/view-
1 基础文字作为基石
在最初网页形成时,网页的界面其实只有文字,是当时互联网信息传递的唯一载体。虽然随着电子商务的成熟和互联网技术的提升,网页上多了更丰富的元素,可是文字依旧是不可缺少的载体,缺少文字的网站往往不能给使用者带来最舒适的使用感受。文字可以出现在电商网页界面的任何地方,不论是首页还是产品介绍,或者是导航处,文字的功能已经不仅仅是一种书面语言,在传达文化,更有提升网页界面审美价值的附加功能。优秀的文字设计与排版会增加整个电商网页的视觉效果,吸引用户浏览,从而促进了产品的销售。
就电子商务网站中文字的主要功能来说,要准确有效的传达商品信息,就要考虑文字的整体视觉效果,是否符合电商网页的特性,网站页面的诉求力能否达到浏览者的要求。
我认为电子商务网站中文字需要具有以下特性:首先,文字要清晰可见,容易识别,消费者通过网络进行消费寻求的就是简洁、直接、方便,好的电商网页肯定会给消费者干净、便捷的最初视觉印象。其次,电商网页中的文字一定要方便阅读,文字的排版和布局对于浏览者视觉感受来说是非常重要的,我们可以从行间距、字距或者文字排列上进行设计。最后,网页中的文字设计一般都是有轻有重的,在不影响整体网页风格的前提下,多一些适当变化的文字,使网页界面更有节奏、更有朝气。对于电商网页设计中这点同样适用,例如给当季正在促销的区域标题文字加粗、加框、加下划线、改变文字样式等,强化视觉效果。但是要注意的是,在电商网页中不能滥用彩色字体,如果整篇页面处处都是重点只会让人眼花,不会起到任何美化效果。
2 必不可少的Tab标签
Tab标签是网页中不可缺少的部分,在静态页面设计中,尽量避免使用多排水平标签的布置,可以使用垂直标签代替;如果标签之间存在结构,可以将标签分组,分组可以以下拉菜单或颜色分组等方式进行;如果标签重要性或相关性存在区别,可以显示最重要的标签,然后加入“更多”选项;如果标签之间都是相互平等的,可以考虑对标签栏进行操作,如加入左右移动按钮等,允许用户滑动或拖动。
Tab标签分为两大部分,标签区和内容区。标签区分为选中的标签及未选中的标签,一般情况下选中标签的颜色与未选中标签的背景色明显区分开,具有较高的辨别度。标签区的标题文字之间应该有某种特定的联系,信息之间不应该存在对比或者并行的关系,标题文字也应该是简短精炼的。内容区为重叠区域,每层内容交替显示,既整理了信息,又在有限的空间显示大量内容,信息可以以文字呈现,也可以如下图所示以标志呈现,但是排布必须工整且统一。
3 多层次多形式且有指示性的导航
网页导航表现为网页的栏目菜单设置、辅助菜单、其他在线帮助等形式。网页导航设置是在网页栏目结构的基础上,进一步为用户浏览网页提供的提示系统。网页导航一般分为三种,主导航、次导航、面包屑导航。主导航一般位于网页页眉顶部或者banner下部,可以第一时间引导访问者进入需要的信息栏目。次导航一般位于网站的两侧,当访问者需要切换到其他栏目时,可以通过次导航进入。面包屑导航是一个位置导航,用来让访问者知道自己所在网页的具体位置,是一种显示访问者在网站或网络应用中的位置一层层指引的导航。
顶部水平栏导航是当前�芍肿盍餍械耐�站导航菜单设计之一,最常用于网站的主导航设计中,且通常放在网站所有页面的网站logo的上方或下方。对于信息过于繁杂的电商网站来说,这种导航最为常见,因为可以使用户操作起来更简便舒适。次导航有几种呈现形式,比如抽屉式导航,默认情况下导航菜单根本不显示,只有当鼠标触及到指定图标时才会打开。当触及到其中一个栏目时,第二层的内容才会继续逐渐展开,给用户清晰明朗的内容导航。这种导航对于电商网页最为合适,不仅节约了本就紧促有限的网页空间,更能给使用者指清操作路径。其次,在导航设计中尽量降低鼠标的操作难度。网站建立好不是为了让用户漫无目的的浏览,而是要引导用户最终访问网站的目标页面。最后就是应该重视面包屑导航设计,明确告知用户目前所在位置。面包屑导航是帮助用户判断当前位置的最好方法,所以一定要设计的易于识别,可以通过字体颜色改变、字体加粗、字号加大等方式与页面中的其他文字区分出来,不要在这里设计太多花哨的东西。
4 信息精简的延展表单
每当页面中出现需要填写的表单时,用户就开始感到头疼,有些用户甚至直接选择放弃,而设计者应该考虑的是如何让用户看到表单时不会产生反感,让他们直接注意到他们需要填的必填项,减少其他信息的干扰。
对于商业中的表单来说,用户的目的是获取网站商品信息及完成购买;商业目的