主流电商网站视觉分析

标签: 韩国网站 设计师网址导航 视觉设计 SDC 酷站推荐 | 发表时间:2013-03-03 00:59 | 作者:kingtent
出处:http://www.uisdc.com

最近在收集国外电商网站的视觉设计,看到很多极具前瞻性的网页设计,框架结构、内容排版、色彩搭配、图片运用上达到了非常和谐的统一。下面总结出的几点,供大家参考和探讨:

一、留白

非常大胆的留白,给内容足够的呼吸空间。各个页面的图文间距都控制得非常好,页面整体感觉更通透,衬托出信息内容。这种留白,给用户思考和想象的空间,在引 导用户视觉和创造流畅的视觉感受方面却是至关重要的。而相比之下,我们虽然意识到留白的重要性,但往往不够大胆而非常谨慎小心。

页面设计的主要目标是视觉认知和清楚易读。留白都是有明确的设计意图的,在信息区块之间留白比较大,在信息区块内部则相对较小,这是为了让眼睛找到一点点休 息的区域,这相对拥挤的页面更能帮助用户再操作的过程中不容易着急。信息区块间的空白在这里首先是页面看上去更清爽一些了,同时也提高了网页的可用性。

二、色彩

韩国的电商网站,包括about,naver、daum都是以绕着VI的标准色来制作,logo的主色为主,一种互补或者相近颜色为辅,灰色过渡。完全无视 觉噪音。而每一种色彩都具有其特定的含义。其三家的设计风格都很接近,淡淡的背景,清晰的文字、直观的素材。没有过多的修饰和渲染,没有过多丰富的颜色。

国外的大部分电商网站,尤其是欧美的网站大多是白色的,白色有着最佳的对比度和可读性。它还显露出整洁性,让用户能自由地浏览网站。以其他强调色则让用户能感到安定、兴奋,也让他们期望找到最满意的采购。

不同的颜色对用户产品不同的情感影响,所以在寻找辅助色的时候要有目的性和引导性,以下是一些常见色彩的小结:

三、平衡、对齐、对比

平衡,对齐,对比是极简主义的三大要领。累赘的内容可以用空白和适当的构图所取代,不需要补充额外的视觉辅助来使用户看上去是“完整“,在国外的电商网站 中,这方面都做的很好,在平衡的把握上,信息的主次对比非常明显,不只是颜色上,还有大小上。让用户在第一时间感知重要信息。

图片的位置,大小的控制,人物的视觉方向、每张banner的文字对齐方式都是根据整体页面的平衡感来设定,同时考虑整体的对齐流。

四、细节

作为一个设计师,我们希望人们注意到我们所作出的额外努力,比如降低阴影的百分比,或是过渡突出,使其一目了然。有时,通过微妙的变化,可以实现更好、更顺 畅的效果,无论是为了营造视觉效果,还是抓取用户视线,都能达到预期的设想。都说细节是设计的整个灵魂,看看这些网站是怎么把控细节的。

五、情境化

设定场景,传达出清晰的信息,很巧妙的把价格信息自然的融入到场景中。自然、优雅的展现。并不突兀却又能恰好的体现信息内容。这种表现方式宜家是个很经典的例子,具有亲和力,同时用户又不会对赤裸裸的价格展现而心生反感。

六、节奏感

视觉元素的造型、大小、色彩分布符合一定的比例关系,就能在视觉上产生类似于音乐的节奏感。
蓝色色块,它是节拍,是灵魂,它的大小变换犹如音乐中的轻重,形状的改变犹如曲调的缓急,在网页中自上而下有规律的出现,仿佛音符在跳跃。

黑色色块,按照一定的间隔自上而下分布,在起到区分信息流的同时,色块间距离和大小的不同也形成了不同的波长和轻重的节奏感。

七、筛选的图形化

目前很多国外甚至国内的电商网站在搜索筛选上做了可视化图形,集合了趣味性与实用性于一身的表现形式, 又一次佐证了“一图胜千言”这一经典道理。这种表现方式的缺点是当筛选属性\条件太多时很难都用图形展现,比较适合垂直化时对关键属性的提取时。

在这些b2c欧美电商网站中,还有很多需要我们去观察和学习的,其网站因为地域性、领域性,行业性而各有不同,但共同点就是都清楚的了解领悟了简单和统一的体验是至关重要的。

“简单和统一的体验是关键。”(Simplicity and a unified experience is key)

Web视觉设计是一门综合的艺术表现形式,肩负着不仅要跟国外的优秀方面学习,还要设计出符合国内用户的习惯产品、也要用最科学的方法引导用户群体,使得更好更快的使用我们的产品。我们的路还很远。

一淘UX原文: http://ux.etao.com/posts/453

优设哥向您推荐:

赞!web设计之路!网络视觉艺术发展史概览

【广州招聘】腾讯大粤网

优设首发!电影网改版小结

【干货:十款华丽丽的大学官网鉴赏】

《视觉页面画龙点晴》分享会心得总结
无觅

相关 [主流 电商 网站] 推荐:

主流电商网站视觉分析

- - 优设(UISDC)
最近在收集国外电商网站的视觉设计,看到很多极具前瞻性的网页设计,框架结构、内容排版、色彩搭配、图片运用上达到了非常和谐的统一. 下面总结出的几点,供大家参考和探讨:. 非常大胆的留白,给内容足够的呼吸空间. 各个页面的图文间距都控制得非常好,页面整体感觉更通透,衬托出信息内容. 这种留白,给用户思考和想象的空间,在引 导用户视觉和创造流畅的视觉感受方面却是至关重要的.

电商网站的购买按钮

- Fay - 所有文章 - UCD大社区
一般上电子商务网站买东西的用户分三种:. 这样的需求反应到产品页的购买按钮上,我们一般会看到购买和收藏两个按钮,而购买又可以分为立即购买和加入购物车两种. 对于第一种用户来说,你按钮做的再大再合理也不关他的事,因为他压根就不想买. 对于第二种用户来说,购物车按钮或是收藏按钮对他来说是优先选择的按钮,因为他过一段时间才买.

电商网站社交关系探索

- - 腾讯ISUX - 社交用户体验设计 - Better Experience Through Design
越来越多的电商网站努力在社交关系上寻求突破点,淘宝天猫一直在优化类似千人千面的用户体验,国外一些比较有趣的网站比如Svpply则是在feed推送上不断深入. 那么,在电商中融入社交关系有神马意义. 如何去巧妙的发动“群众的力量”,从商家对用户,发展到用户与用户之间的商品推送关系. 我们自从接触爱逛这个项目以来,思考了蛮多,咱就借着这篇博文来看看通过爱逛而收集到的数据,聊聊以后爱逛可能有些什么变化.

电商网站商品评价模块设计

- Fay - 所有文章 - UCD大社区
对于消费者而言,要买一样商品,或多或少都会受到他人的影响,各种各样的信息聚合在消费者的脑中,它们共同影响了一单交易的发生. 这其中很重要的一类信息就是别人的商品评价. 商品评价是很常见的电商网站的功能模块. 让我们来看看商品评价都有什么样的信息结构. 商品评价大致分两类,一类是商品评分,现在一般是五颗星的打分标准,另一类是商品评论,主要由消费者的评论组成.

电商网站的宕机案例分析

- - InfoQ cn
性能调优社区dynatrace在其 博客中分享了客户案例,电商网站在假日客流峰值期间数次崩溃,经过SQL优化和调整负载均衡算法解决了相关问题,值得读者借鉴. 按照博文的描述,该电子商务网站在圣诞节期间崩溃了七次,每次宕机的时间都超过5个小时. 这种情况让企业损失了大量的收入和名誉. 我们的一个客户就曾经遭遇到这种情况,我们在此分享下他们的经历.

解析电商网站优化过程的常见问题

- - CSDN博客互联网推荐文章
电子商务平台的发展跟随着互联网的脚步日益增强着,网络营销代替着各大企业的传统营销方式,在网络营销手段中搜索引擎优化成为电商网站的核心,电商网站是否具备营销的基础,要网站在seo优化方法是否完善,笔者给大家分享几个电商网站优化过程中常见的几个问题,希望能帮大家更好的去运营.   电商网站不同于其他营销型网站,产品页面并是网站的核心内容,产品页面能更好的被收录,可能给网站带来的流量是越多的.

电商网站如何正确进行屏幕适配设计

- - IT经理网
随着智能手机和平板电脑取代PC成为人们的主流上网设备,屏幕适配设计,或者说屏幕响应式设计(responsive design)已经成为新闻和电商网站的热门趋势之一,IDC公布的移动开发者调查显示: 开发者在选择移动平台时,首次将平板电脑放到与智能手机同等重要的地位. 屏幕适配设计的本质是移动web网站,相比原生移动应用具有跨平台、跨终端、无需安装应用、快速部署等优点.

垂直门户网站和电商的SEO思路

- - i黑马
一些大型网站内部SEO团队做的方案有上百页,根本无法执行. 为什么会出现这种情况呢?因为大型网站的关键词、栏目和内容太多,而SEO的优化点又比较琐碎,所以整出来的方案就繁琐的无法下手. 那怎么更高效的做SEO呢,i黑马看到这篇文章,希望能对纠结SEO的人有所用处. 王通接手大型网站的SEO咨询之后,并不直接上来就是整SEO的细节,而是站到网站策划与运营的角度来理清整体的思路,然后用一套系统化的SEO策略,把方案变成几页纸,也就是把复杂的SEO事情变的简单化,很快就可以快速的执行,网站团队执行力越狠,效果就越好!.

全球B2C电商网站创新模式研究

- - 互联网分析
过去的一年,国外的电商网站好过得多,尤其是在模式上有所创新的企业:. 大体上,不管是国内电商企业,还是国外电商公司,都有值得借鉴之处. 为此,我们总结了目前国外B2C电商网站创新模式及相关案例,以飨读者. (以团购为代表的每日特价模式在国内面临较大挑战,故不作为本报告研究对象). 简介:类似于报纸杂志的订阅,此类网站采用会员制度,用户在预先支付一定的费用后,可按月获得精美礼盒,里面装的是网站工作人员为用户精挑细选的商品.

浅谈电商网站客服的利与弊

- - 人人都是产品经理
现在的 电子商务,甭管是淘宝、京东还是其他神马店啊、站啊,几乎都少不了一个模块. 基本上现在很多人也形成了一个认知,就是想做 电子商务就必须要有 客服,那今天就说说 客服的那点事. 先声明,不是说客服的趣事也不是说客服怎么着啦之类的,而是就单纯的讨论一下客服这种东西(是说这种行为而非客服从业人员)在 电子商务领域中存在的利与弊.