在电商和线上购物快速发展的今天,拥有一个商城网站很是必要,关于试水独立商城的好处大家可以浏览《有了淘宝京东,为什么还要自建商城网站?》查看。但是,搭建商城网站并不简单,庆幸的是目前市面上涌现了不少建站平台,起飞页自助建站平台就是其中一个,各位商家可以借助起飞页轻松搭建出一个好看、实用的商城网站。不过小飞最近却听见不少站长抱怨说在安排网站布局、运用产品图片&视频背景等方面没什么想法,这不,今天小飞就特地整理了2017年10个最受欢迎的商城设计范例,希望能给大家带来一些启发和灵感。
1. Simply Chocolate
Simply Chocolate是一家位于丹麦首都哥本哈根的巧克力公司。公司网站设计糅合了视差滚动和微妙的悬浮动效,整个网站十分生动、有趣。当你打开网页首屏时,不同的巧克力产品会向上滚动呈现,首屏也会变幻出相应的颜色。而当你向下滚动鼠标浏览主页时,屏幕中央会出现一块巧克力,巧克力下方的杏仁、薄荷叶等元素是向上浮动的。将鼠标移到巧克力块上,这会出现一个裂口,就像撕开袋子的包装,点击即可进入巧克力的细节介绍页面,比如成分列表、产品外观等。这种不同寻常的动效设计可以带给用户全新的浏览体验,有人担心太多的动效设置会让用户觉得眼花缭乱,其实并不然,因为网站背景上一次只重点呈现一个产品,每滚动一下只能看见一种巧克力的介绍。
启示:独特的视差效果和悬浮动效可以很好地突出产品。
3. Drybar
Drybar号称”美发界星巴克”,不剪发、不烫染,仅靠提供专业吹头发服务在竞争激烈的美发市场中打出一片属于自己的天地,其优秀的商城网站在这一过程中也助力不少。Drybar的商城使用了明亮的网站配色、微妙的悬浮动画,充满个性化特征,网站风格独特鲜明。在网站主页上,主导航菜单是由各个图标链接组成的,将鼠标放上去,各个图标会出现一些微妙的动画,有的还会出现下拉菜单,这种设计很有意思。通过点击它们,用户还可以快速进入相应的页面。而其中的”关于我们”页面使用了标志的黄色吹风机图标,当用户将鼠标停留在这个图标上,它会上下伸缩。总的来说,这种设计让整个网站趣味盎然,但又不显得繁琐,让用户有恰到好处的感觉。
启示:明亮配色和悬浮动效能够给用户提供优质的反馈,能让购物体验更加愉悦。
5. Northernism
Northernism主营手工制品,比较注重产品的简洁和设计美感。商城网站的设计也是以此为出发点的,它摒弃了传统的商城设计模式,而是将产品图片和文本放在固定的网格,从而达到让人眼前一亮的感觉。这种网格式的页面中都只包含了一些简单的图片,网站留白十分丰富,这也让它看上去更加高大上。
启示:合理使用图片能够有效提升网站的整体格调。
7. Press
如果你很喜欢逛书店但却没有时间出门,不妨来Press网站看看吧,在这你可以感受到实体书店的韵味。Press网站充分利用好看的图片、漂亮的排版来营造真实书店中宁静的氛围。首屏设有幻灯片效果,背景图片会相继出现。当你下拉鼠标时,就可以看见不同类型的书籍封面了,封面图片的背景都是纯色的(黑色或白色,这是为了减少对用户不必要的干扰)。将鼠标移动到相应书籍封面上,这还会出现相应的细节描述。
启示:少即是多,简洁的布局也可以传递丰富的信息。
9. Ada Blackjack
Ada Blackjack是一个经营手工包和皮革制品的品牌。尽管这个网站在整体设计上都偏于传统、并不新颖,但它却很善于使用大图。产品图片大多十分简单、干净,能让产品自身散发出魅力,也能让用户聚焦于产品的品质。除此以外,网站的Logo标志和主导航菜单是固定的,当用户下拉滚动或低级进入单个产品页面时,它们都是保持不变的,这能方便用户进行点击浏览。
启示:简洁的图片可以用来彰显产品的高品质。
快来起飞页自助建站平台(http://www.qifeiye.com/?t_wd=a5)搭建一个属于自己的商城网站吧!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:SEO优化专员,转转请注明出处:https://www.chuangxiangniao.com/p/905107.html