学习啦——学设计 > > 电商网站建设 >

国外怎么做电商网站设计_国外如何做电商网站设计

时间: 宇民0 分享

  在电子商务网站中,用户最急切需要获得的不外乎两点:吸引人的商品或店铺,以及网站能够给予他的信任感。下面由学习啦小编为大家整理的国外电商网站设计,希望大家喜欢!

  国外电商网站设计

学习啦在线学习网   (一)设计思路整理

  这是我从以前的工作带来的一个习惯:要做一个具体的东西之前,一定要对整体有一个较全面的认识。在我的认识中,设计不同于艺术,艺术是表达自己发现的美,设计更多的是满足特定的需求。

  我这次要做的是一个电商网站,客户群体主要是美国女性,以年轻妈妈们为主,于是,主要针对产品属性,目标用户和竞争产品方面和经理进行沟通,做了思维导图

  (二)寻找参考资料

学习啦在线学习网   在第一步对设计需要有了一个较全面的认识后,就进入下一步,参考资料的整理了。首先,国内容主流的电商网页截图这是必须的了,还有就是一些优秀设计参考,比如UI8的素材 和 Pinterest里面的优秀设计,花瓣里面的质和量还是远比不上它。

  (三)logo设计

  对整体有了认识,也找了很多参考资料,:grin:现在可以做具体设计了。应老板要求logo要重新设计下,好吧,这部分花精力比较多的是字体部分

学习啦在线学习网   s部分作了好几次调整

  logo图形部分相对简单些,由小到大的长点组成。

  (四)logo和网站主色的确定

  在logo的形确定后,很重要的一步是颜色的确定了。现在可以随便看看那些大型网站,大部分网站的主色和logo是一致的,颜色有时候感觉是个玄学,不同的人有不同的看法。(这里和我一样比较多迷惑的朋友看一下梁景红老师的《色彩平衡法则》帮助挺大,其他的那些什么色彩搭配和色卡表大多都是扯淡的,没什么 * 用。)

  (五)具体页面设计

  第一版做的时候用的软件是ps,网页板式参考的国外电商网站,宽度1920px,主体内容1170px,删格化是用的70px,间距为30px。

  做出来之后发现了一些问题:

学习啦在线学习网   1,1170点主页信息有些过宽。

  显得拥挤,特别是在非高清笔记上面浏览时,本身浏览器边上的滑动条有一定的宽度,并且有时候浏览网页并非开到最大化。

学习啦在线学习网   2,间距30px的间距有些过大。

  商品信息展示的时候,中间的间距30px会显得过宽,10px会显得有些窄,20px比较合适。当信息同时要分三栏,四栏时,既要保证间距合适,又要考虑每一栏都为整数时,1170px不方便进行设计,容易出现小数。

  3,对后续调整麻烦,特别考虑响应式设计时。

  第二版改进时,我进行了重新修改,这次我用的是sketch做的。

  sketch做这个最突出的优点是不用进行标注了,这里推荐一个神奇的插件Measure, 直接倒出web格式的文档

  国外的电子商务网站设计

学习啦在线学习网   1.确定可视范围

  根据统计报告显示,2014年使用率最高的Internet用户屏幕分辨率为1366px*768px。以此为例,浏览器边框宽度普遍在21左右,所以网页首屏宽度在无干扰因素的情况下可以确定为1345;而屏幕总高度为768,除去任务栏高度40、店铺页头106、浏览器(工具栏、边框等)160和位置工具栏30,初步估算首屏高度控制在432较为合适。因此我们可以得出,最符合时下趋势的首屏设计宽高基本范围是1345*432,重要的内容可以尽量放在这个区间里。

  2.展示吸引用户的信息

学习啦在线学习网   学习啦在线学习网的首屏位置在整个网站中都称得上寸土寸金,正因为如此,此处展示的文字应该短小精悍,尽可能用最少的篇幅就把信息表达清楚。标题性文字更应该把商家的商业诉求清晰直接的表达出来,在这类文字的策划上需注意符合网站的整体风格。

学习啦在线学习网   3.视觉焦点要显眼

  大多数用户的浏览习惯是走马观花式的,以如今国内电商网站普遍的布局来看,用户在第一屏中的视觉焦点基本上以Banner和导航为主。因此,其中所表现的无论是文字还是大图,都应该让用户一眼看清内容,减少其思考时间。设计师在设计时可以用“去色”的方法来检验实际效果。

学习啦在线学习网   4.图片让内容更利于理解

学习啦在线学习网   要让用户在短短的几秒钟之内就了解网站或商家发布的一系列信息,单凭简短的文字是不够的,还需借力于图片的帮助。图片的使用能从侧面含蓄的衬托主题,因此,在图片素材的选择上应该保证对主旨的表达有帮助,并且在视觉上保持风格一致。

  5.用风格强调主题

学习啦在线学习网   网站首屏的风格是根据目的来决定的,在设计之前,必须要了解这个首屏究竟在整个网站中会起到什么样的作用。一般来说,电子商务网站的学习啦在线学习网首屏会用来进行推广宣传,比如单品推广、店铺推广和活动宣传等。

学习啦在线学习网   6.锁定用户的视觉重点

学习啦在线学习网   当用户对网站还不太熟悉的时候,进入学习啦在线学习网必然会一头雾水,此时,给予用户视觉上的引导变得格外重要。引导的方法多种多样,比如醒目的大字或图片,吸引人的标题、或是条理清晰整体布局等。所谓引导,并不只是代表让顾客购买商品,更意味着让用户点击进入其他页面,产生更多的消费。

  7.动画吸引用户视线

学习啦在线学习网   在网站用户体验比较流畅的基础上,在首屏中可以适当的加入一些鼠标互动效果,或是Flash动画效果会让页面看起来更加生动有趣,这种做法也能增加一定数量的点击,并且吸引用户的注意力。但这些效果只能作为点缀,大面积的使用反而会适得其反。

  8.符合视觉习惯的图文混排

学习啦在线学习网   大片单一的文字或图片会让用户产生厌倦感,而图文混排很好的弥补了这一点。图文混排的方式有很多,比如色彩上的对比、文字或图片的放大等等,在布局上尽量做到错落有致,让用户的视线顺畅的转移。无论用哪一种形式,都必须确保的是主要内容的可读性。

  电商企业增加网站流量的6大关键措施

学习啦在线学习网   一、简洁再简约。长混迹于互联网的人,肯定见过太多形形色色的网站。由于建站水平良莠不齐,再加上建站出发点更是认知迥异,所以,很多充斥着弹窗、广告、自以为是的内容冗余等等干扰用户访问的网站层出不穷,而且同质化、堆砌化、静默而单调的冷页面模式更是日趋普遍,这给网站用户体验造成严重的不便和阻碍。因此,网站务必简洁再简约,只有简洁才会清晰,只有简约才会醒目,才能给访客以良好的第一印象和浏览体验。

学习啦在线学习网   二、专业并专注。网站必须是为用户提供某一方面或某一领域价值信息的,大而全就相当于空而泛,没有特色不说,也缺乏核心竞争力。因此,网站必须是专业的,以便于为访客提供相关的真实有效的价值信息;网站也必须是专注的,以便于形成核心优势和特色并更好地吸引目标客户。只有专业并专注的网站,让您让访客知道你是做什么的,什么是你的优势,才能更有效地强调访客想了解的信息重点,也才能更好地保持网站的权威性并方便访客快速获取相关信息。

学习啦在线学习网   三、内容是关键。如果网站不能为你的访客提供实用、有效、精准、有价值的信息和内容,就无法吸引访客与回头客,无法保证企业品牌的权威性,更无法开展网站在线业务。要想让你的网站有价值,就必须让你的内容有价值。原创性高且能为用户提供独特价值的内容,才会更增强访客的信任度,才会提升企业品牌知名度,并最终提高网站转化率。

  四、形象很重要。爱美之心人皆有之。形象良好、美观大方、有价值深度的网站更容易受到用户的关注和青睐。全感官流行的注意力时代,视觉因素占据着绝对的优势。因此,网站只有充分做好清晰明了、简约而不简单、创新而令人心动的页面设计,并利用好相关视觉优势,才能聚焦用户视线,才会真正让网站变得赏心悦目,并真正提高网站用户体验度。

  五、行动与落地。营销的所有核心应该以用户的关注点为出发点,并以获取收益为目标。因此,企业必须将网站视觉线索进行强调并优化、凸显行动焦点、清除一切干扰信息落地的因素,引导用户迅速清晰地采取相关行动,例如加载乐人网站主播并利用其相关互动设计引导访客进行主动咨询、分享和互动等等,从而在真正意义上提高网站转化率,而这是网站成败的关键。

  六、性能与测试。性能稳定、流畅便捷是一个网站的基本硬件条件,因此,我们需要适时监管与测试网站方方面面的性能是否运营正常、表现良好,以期更好滴为访客提供时尚便利的浏览、搜索和在线体验,并助力企业更好地做出相关发展决策。

27613