国外好看的电商网站的网页设计时尚元素

文章描述:分享国外电商网站的七大时尚设计元素。

最近一直想写个案例关于电商网站设计,从国内的电商网站中寻求素材,始终没有想要的,不得已收集了国外电商网站的一些设计元素,笔者个人认为,那是追随时尚的设计元素,当然这篇文章也是既《国外常见电商黄金首页设计模式》之后的有一篇关于国外电商网站设计的文章。

并不是笔者不看好国内电商网站的设计,只是国外电商网站从网页设计,宽假结构,内容排版以及色彩搭配,图片运用等方面都有很大的前瞻性,并且区域之间的融合也非常协调,我觉得是非常值得国内电商设计参考的。

1、大胆而又干脆的留白

页面留白可以给访问者和阅读者留下足够想象的空间,让整个页面有足够的空间呼吸,但是如果留白设置不恰当,将会导致页面内容缺少,所以在设计留白的时候要将各个页面之间的图文间距控制的非常好。

如图,从用户角度分析,这些留白让用户有了视觉上的缓冲,不足以太压抑或者是视觉观察过于紧张,也有意足够思考和想想的空间。从优化角度分析,引导用户,给用户创造流畅的视觉感受,提升用户对页面的喜欢度,提升用户体验度。

在国内电商设计中存在一个问题是,设计者恨不得将所有产品都展示在一个页面之中, 让整个页面都处于极度“丰满”的境界,殊不知这样的设计只会让用户感觉特别的压抑,甚至无法清楚地知道页面的内容。也有的网站意识到留白的重要性,但往往不够大胆而非常谨慎小心,让留白区域不自然,一看就知道是特意腾出的空间。

2、巧妙而又适当的色彩

不同的颜色代表不同的情感,比如紫色代表高贵,粉色代表浪漫等等,在电商网站中,不同的产品要选择不同的辅助色还修饰和渲染其目的性和引导性,可以参考:

  这只是在产品辅助色上可以借鉴这些色彩搭配,对于背景色的使用,和国内网站一样,大多数选择的是白色,以为内电商网站跟多的是要让用户对比产品产生购买欲望,白色为背景,对比度和可读性都比较强,并且让人有整洁之感,清晰的文字、直观的素材。没有过多的修饰和渲染,没有过多丰富的颜色用户可以自由浏览网站。

  3、简单的构图填充页面的“完整”

电商产品页面不可能达到“完整”,因为可能图片的使用会让整个页面看起来有所欠缺。在国外网站中,在平衡,对齐和对比这三个简单的构图设计中做的非常好,没有累赘的内容,也没有枯乏的留白,从颜色上下,图片大小以及信息主次对比等方面,让用户在第一时间就能找到最重要的信息。

  4、注重细节变化抓住用户视线

任何一个微妙的变化都将会使得整个页面有更好,更顺畅的效果,比如一个阴影的百分比的调整,或是一个细小的过度突出,这些都会在某种程度上影响用户的视线停留。

5、将价格巧妙情境化

不管是国内还是国外网站都会面临一个问题,价格显示。就好比商品导购在推广商品的过程中,他们要考虑选择这样的方式和语境向用户突出价格,既要准确表达,又要让用户心安理得接受。国外的情境化设计就是一个非常好的方式。

  很巧妙的把价格信息自然荣辱与到场景中,在强大的视觉背景之下,随并不突兀,但信息内容却明确表达,让用户不会赤裸裸看到价格,产生极强的厌恶和反感。

6、让静态页面极富节奏感

音乐能给人带来美的享受,是因为它拥有让人们神经跳动的节奏感。在一个页面设计中,可以通过造型,大小,色彩等方式, 让一个静态页面也富有这样的节奏。

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

7、集合趣味与实用于一身

国内外电商网站中都存在这一设计元素,在搜索筛选上做了可视化图形,集合趣味与实用于一身,当然这种表现的方式在筛选条件过多时实现比较困难,只适合与垂直化对关键属性的提取。

  在网页设计方面,用户的感官是一样的,所以不会有国内外区别,国外的这些时尚设元素,在国内电商网站中使用较少,个人觉得这个还是可以实践一下,提升网站页面的时尚感。

时间: 2024-10-18 14:02:23

国外好看的电商网站的网页设计时尚元素的相关文章

电商网站商品页设计超全面指南:人气流量

  今天这篇文章读完后,同学们可以来做一个小练习,根据文章,把优设看做一个电商网站,文章看做商品,来分析一下哪篇文章是热门,有哪些突出的方法,文章里藏有哪些引导用户的细节等等,即学即用,不容易忘,分析得好,我给你点赞,手动的那种. @AnyForWeb_UDC :电子商务中的商品列表页也被称为商品聚合页,是为了能为消费者提供更完善的商品种类选择.这一类页面的最大特点就是信息量大.图片多,所以布局是否清晰合理,以及如何尽可能的压缩内容是商品列表页设计的重点部分. 目前,国内电商网站的商品列表页常见

电商网站注册界面设计超全面指南

  电子商务网站已经慢慢成为现代都市人的必需品,大家都乐此不疲的使用着,但对于第一次注册使用的情景,相信大家还记忆犹新.精心挑选完商品之后,用户们怀着愉快的心情点击购买按钮,但显示的却是"请先注册或登录",原本满满的购物欲和好心情有可能瞬间大打折扣. 电商网站需要注册和登录才能执行购买流程虽然受到很大一部分用户的不喜爱,但确实是非常普遍的现象.用户之所以如此反感,也不完全因为流程繁琐,网站的表现形式不够友好.人性化也是原因之一,甚至还有网站令用户很直接的感受到一种强迫性. 市场环境让几

200家顶尖电商网站带来的设计启示

想知道排名前200的电商网站在设计上有什么共同点吗?想知道这些网站是如何在保证一流的更新率同时仍然提供优质的用户体验吗?我们调研了200多家电商网站制作了如下最新的图文表格--"200家顶尖电商网站的设计趋势". 自:互动中国

电商网站商品页设计超全面指南

  商品详情页是电子商务网站中最容易与用户产生交集共鸣的页面,详情页的设计极有可能会对用户的购买行为产生直接的影响.因此,商品详情页面的设计会涉及到运营层面,在美观实用的基础上,将要表达的信息尽可能用直观的视角展现出来,再有意识的避免设计与运营之间的冲突. 一.商品展示图不宜过大,鼠标悬停展示细节 商品详情页中的图片展示是用户进入该页面后的第一个视觉点,有设计师可能会因此认为这张图片的尺寸应该尽可能放大,让用户对商品概况一目了然.但作为设计师也应该考虑到右侧文字信息对于用户的重要性,两者之间的比

一组走心又走肾的优质电商网站设计实例(上)

  剁手节双十一刚刚过去,双十二又要来了.世界范围内线上购物一再增长,中国的增速尤其明显.虽然淘宝.京东和亚马逊这样的主流电商平台依然占据着主流地位,小型的电商购物平台的生存空间也不小,新兴的电商平台的增长一样不容忽视.如何设计出令人兴奋的视觉搞,怎样搞定流畅的购物体验,是所有电商人都需要考虑,进一步完善的事情. 走心的视觉设计,走肾的价格策略,走脑的文案内容,是应对不断增长的用户需求的必备品,它们构成了用户感知产品.选择平台的价值核心.空泛的描述总会让人不知所措,不如从下面45个优秀电商网站

javaweb-水果网购网站与普通的电商网站的区别

问题描述 水果网购网站与普通的电商网站的区别 本人正在学习java,想练练手,写个网上购物的网站,是关于水果蔬菜方面的.不知道有没有写过的大神说说这方面的网站与其他的电商网站在构架设计上.需求上都有些什么要注意的啊! 解决方案 如果用Java Web写可以使用一些主流的web框架,基本的三层架构MVC吧.系统主要涉及购物车,结算,产品管理,会员管理等模块.你做的这个网站属于垂直细分的电商网站.其实,是一样的,只是你的内容和产品是水果.

如何设计高转化率移动电商网站

中介交易 SEO诊断 淘宝客 云主机 技术大厅 随着移动互联网的崛起,移动购物也变得越来越流行,用户不用再坐在电脑前购买商品,动动拇指就可在手机上下单,而相应的移动电商也成为趋势,电商对用户的争夺已经在移动端全面展开,3721.html">2014年第一季度中国移动购物市场交易规模达到641.9亿元,同比增长140.8%,这也是为什么电商巨头们现在都铆足了劲头在移动端开展争夺.那为附和移动电商的趋势,移动电商网站该如何设计来提高转化率呢? 首先,了解自己移动电商网站的用户 挖掘了解用户肯定

电商网站基本模块网页标题描写方法

一.什么是网页标题 在浏览一个网页时,通过浏览器顶端的蓝色显示条出现的信息就是"网页标题". 如下图所示.网页标题就是整个网页的题目,是对其内容的高度概括和总结.网页标题作为网友第一眼看到的网页信息传递之所在,应当让用户能在这里找到想要找到的信息,所以接下来我们要来看看网页标题的分类以及它的写法.   二.网页标题应有的原则 1.网页标题应该符合用户阅读习惯 网页标题应该是符合用户阅读的习惯的,包括词组的顺序,语句的通顺度,不能前后意思颠倒,语无伦次.应当语句简单.易懂. 2.网页标题

电商网站如何提高网页收录数量

大多数电商网站由于网站定位或产品结构等特点,普遍感觉自身网站页面收录数量低,当然对于电子商务网站来说有效收录页面数量越多越好,每一个页面相当于一个士兵,页面数量越多,那么赢得战争的几率也就越大,如何提高页面收录数量呢,这就需要具体情况具体分析: 1.对于某些垂直电商来说,由于产品结构单一,导致产品SKU数量较少,整体页面数量也较少,即使收录比例再高,也无法突破总页面数量的天花板,对于这样的电商来说解决方式有几个: A. 增加产品聚合页面数量,如:列表.专题.标签或者筛选等页面数量,这些页面基本上