剖析!电商视觉设计元素


Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

Warning: strpos(): Empty needle in /www/wwwroot/bee11.com/wp-content/plugins/wpcos/wpcos_actions.php on line 331

文/金镕基 随着现代网络技术的生长与人们生活水平的提高,电子商务越来越受到人们的迎接,而电商页面作为用户在举行电商浏览过程中的主要内容,其视觉设计的合理性是保障用户视觉感官能够获得提升的有效途径。为此需要综合行使影响网页视觉感官的设计元向来实现整体视觉设计效果的提升。

基础文字表达

在电商网页的界面设计元素中,文字是其中的基石部门,一个优异的文字设计与页面排版能够实现吸引住用户眼球,强化页面设计附加功效的作用。但在对文字元素的现实应用中应当注重的是,要确保文字能够清晰可见,而且利便用户举行阅读,掌握好文字的间距、字距、字体以及文字排列方式,尔后适当接纳一些具有转变或是艺术感的文字,使网页界面看起来加倍时尚且与商品的特点相互匹配。

同时还要注重将促销、打折等流动区域的文字加倍醒目,加倍具有震撼力,让用户能够第一时间注重到这些流动页面。而且需要注重对彩色字体的使用与控制,若是在页面当中滥用彩色字体会使整体页面的视觉效果变得杂乱无序,使用户感应视觉疲劳,不仅起不到美化的效果,还会降低用户的顺应体验。

Tad标签

在电商网页当中,Tad标签是网页当中不能缺少的要素。通常在网页设计中,标签都是通过垂直的方式举行部署,而且应当制止标签的排列过于麋集。而当标签之间有主要性与关联性的区别时,需要将标签凭据主要性的巨细举行排列。并在标签过多时,将使用次数较低,或是相较之下并不主要的标签纳入到“更多”选项当中。

同时,通过分组以及下拉菜单等形式还可以使标签的结构性更强,利便用户举行浏览与使用。而在对标签举行设计的过程中,要注重通过设置将用户选种的标签与未被选种的标签举行区分,一样平常可以通过对背景色的加深或是即是实现这种情形,并尽可能的保障界面的简练与精炼,实现对信息的整合,在有限的空间内让用户获得关于网页产物的索引信息,使用户的操作加倍便捷。

网页导航

网页导航,是电商页面的主要组成部门,用户可以行使电商导航来进入到电商平台的各个页面之中举行选购。而当前盛行的网页导航主要分为主导航、次导航、面包屑导航三种,这三种导航划分实现了对访问者的引入、切换以及确认位置的作用。在现实应用中,大部门网站导航菜单设计都接纳顶部水平栏导航,这种设计下网页导航位置主要位于网站logo的上方或者下方。这种方式不仅操作加倍简朴,同时用户使用时也加倍轻松。

此外,在网页导航中,为了制止用户无法寻找到自己所需的浏览页面,简化网页导航的庞大性。而且在对用于确认用户当前位置的面包屑导航举行设计时,需要通过加粗加大字体、改变字体颜色等方式,将导航设计的加倍容易识别。

延展表单

表单,是用户在举行购置、投诉、注册、评价等内容时所必须填写的项目,而且电商页面在设计的过程中,要尽可能的简练。将可以重复行使的信息在用户的同意下储存在云端,在下次填写时可以系统自动举行填写,而需要改动的信息则由用户自主举行操作。而且表单的外观要确保用户不会在使用的过程中对其感应反感,或是发生抵触心理。

为此,在对表单举行设计时需要能够将表单尽可能的简化。而通常表单是由标签、输入框、行为、辅助、信息以及验证六个部门所组成,这六个内容相辅相成,但又各不相同。设计师必须能够掌握住这几项内容的特点,合理的举行计划与设计。

京东牵手快手,电商+流量的想象新边界

(观察者网 文/易佳颖)京东与快手的合作成了今年618竞争中的一大变数。 京东快手达成战略合作后,6月15日,京东零售与快手宣布共同启动“双百亿补贴”,投入巨量资源,共同打造直播电商新生态。并在6月16日落地首场大型活动,包括快手电商代言人张雨绮、著名

此外,表单在举行验证时,为了确保平安通常接纳差别的验证方式,如验证码、图片滑块、文字选取等形式,但若是平安验证过于庞大,虽然在一定程度上确保了验证的平安,却降低了用户的使用体验。为此,在举行验证设计时,需要权衡验证设计的平安性与使用性,在保障用户平安的同时使用户体验获得优化。

标志

Logo是一个企业与公司在流传过程中的主要标志,能够辅助用户轻松的对网站举行识别。一个优异的Logo不仅是企业的脸面,同时也是企业文化最为主要的外在显示。在电商网页中,Logo的作用加倍显著,好的Logo能够吸引用户的眼球,并给予用户关于网站的第一印象,使用户对网站发生好感,乐于使用网站举行购物。

而在对Logo举行设计的过程中,除了艺术性以外也要关注Logo的简练性与使用性。而且当前主流的电商网站logo都是有图形与文字举行组合较少使用卡通形象,这是由于电商与其他企业的差别特点所决议的,而电商在对Logo设计的过程中,也要注重Logo能够相符当前网页的类型、网站的受众群体以及整体气概来举行量身定做。

图标

图标,不仅能够辅助用户领会到自身的位置,也能够提升当前电商网页的美感,强化视觉设计的效用,为此在举行设计的过程中需要商户能够凭据当前网页的特点与气概来制订与其相符的图标。而且图标作为在电商网站中,连续且显著的一个符号,能够实现对响应功效的表达。为此,需要使图标能够明确对其所包罗的内容举行明确表达。

配色

配色,是电商网页界面设计中最主要的一部门,只有确保颜色的合理性,才能够使用户在举行浏览的过程中,加倍恬静。电商网页的配色需要具有一定的导向性,为此一样平常的电商网站都市接纳暖色作为页面设计的主要颜色,对照常见的有橙色与红色,而一些对男性用品举行销售的页面通常会接纳蓝色,这是为了凸显出颜色的象征意义。

对配色的现实应用中,使用适合的颜色不仅能够强化用户的操作体验,还能在心理层面,影响用户的心里头脑以及心理状态,为用户留下深刻的印象。同时,要降低对颜色的使用过程中过多的使用多种颜色,颜色过于繁杂会导致用户发生视觉疲劳,也因此大部门网站都是接纳单一的颜色,并适当地在标签被选中时改变颜色。

手机网页

虽然当前大部门电商都开发了专属的手机APP,但电商网页在手机上的网页设计也不能忽视。通常在举行手机网页的设计过程中,会接纳将电商网页凭据手机的比例举行调整的方式来举行网页设计,但这种方式却无法保证网页设计的合理性,因此电商有必要对响应的手机网页举行重新设计,利便手机网页用户能够加倍便捷地举行操作。

电商网页界面设计效果离不开对基础文字表达、Tad标签、网页导航、延展表单、logo、图标、配色、手机网页等设计元素的优化与合理选用,实现整体视觉设计效果的提升,能够实现电商网页的整体可操作性与恬静性,令用户对电商网页的使用体验进一步提升。

(此处已添加圈子卡片,请到今日头条客户端查看)

(此处已添加圈子卡片,请到今日头条客户端查看)

① 官方头条号:设计智造 顶级创意设计师必备

② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!

© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容