<dl id="1pdzy"></dl>

    1. <li id="1pdzy"></li>

    2. 当前位置: 移动互联网学院 > UI培训 > UI设计 > 12个启发灵感的电子商务网站设计
      12个启发灵感的电子商务网站设计 时间2017-03-17     来源未知

      设计一个电子商务网站是一项很大的工作对一个初创公司来说现在推出网上商店比以前容易了

      像Shopify这样的软件拥有令?#21496;?#21497;的可定制模板库可以轻松地打造漂亮而且高度沉浸式的电子商务网站体验这里有12个吸引我们眼球的网站设计你可以从中吸取顶级网页设计灵感

      01. Drybar

      颜色和动画的巧妙运用

      优秀的配色搭配微妙的动画让这个网站同时具有风格和个性鼠标放在吹风机上它会在绳子上弹跳;鼠标悬停到顶部的导航图标上时一些小动画会给你提示和反馈像这样的触控操作会让访问这个网站变地有趣而不会使人不知所措甚至感到厌烦

      启发点在鼠标悬停触控设计时恰当地运用颜色和动效会给用户提供良好的反馈并且让人感觉到生动有趣

      02. Northernism

      极简设计让使得该网站对于用户的要求降?#20572;子?#27983;览使用

      这个网站通过摈弃已建立的电子商务设计模式将图像和文本放置在感觉不太熟悉的网格上创造出了一个新的外观网站上有大量的空留白并且每个页面包含几个简单的图像让它看起来比其他大多数网站轻松易懂

      启发点好的摄影作品的使用让产品感觉很奢侈

      03. Bill Blass

      很具创意的布局使得该网站脱颖而出

      这家服装零售商通过把他们的产品放在首页瀑布流中打破了在不同的盒子中展示产品的惯例这让整个网站看起来像是一张大的?#35745;?#25226;这?#20013;?#40092;的方法和好的配色方案以及漂亮的字体结合在一起后的结果是打造出一个让人看起来不可以?#23478;?#30340;网站

      启发点在产品中放一些有趣的物品如在产品之间放一个煎鸡蛋

      04. The Practical Man

      实用的UI设计给靠谱的男人

      块状布局粗体字体和强烈的色彩搭配让这个男士运动服零售商的网站呈现出一个独特的?#23376;?#34987;用户?#19988;?#30340;风格

      启发点粗壮大块的?#35828;?#20415;于引导并满足使用

      05. PRESS

      这个漂亮的网站可以让你体验到一个惬意舒适的书店

      PRESSS是一个书籍物品商店其网站利用?#35272;?#30340;摄影?#35745;?#27169;仿打造出在一个宁静的书店里的气氛当你向下滚动时产品会出现在醒目的黑白格子中

      启发点巨大的产?#25918;?#25668;让你能感受到每本书

      06. A Book Apart

      A Book Apart 的电商网站让书的封面成为网站的视觉特色

      当许多电子商务网站依靠大型?#35272;?#30340;摄影?#35745;?#26469;销售他们的产品时A Book Apart而是使用块状的颜色封面来生动地展示他们的“为网站创建者提供书籍”系列这在打包展示他们的整?#36164;?#31821;合集时尤其有效

      启发点主页巧妙运用CSS过渡的方式处理主要书籍特点调整屏幕大小来感受整个的效果

      07. Ada Blackjack

      皮革商品电商网站Ada Blackjack很好地运用了以商品为主体突出商品的头图

      Ada Blackjack是一个手工包?#25512;?#38761;制品的?#25918;ơ?#34429;然这个网站虽然在设计和布局方面相对传统但它擅长运用富有表现力的突出产品本身的头图和简单干净的产品摄影

      启发点当你在某个产品详情页大版本的产品图时设计师选择通过在页面中叠加大图像来摒弃传统弹出方式单击加号图标可查看效果

      08. Bellroy

      钱包制造者Bellory的电商网站用一个有趣的互动演示示范

      当你登?#35760;?#21253;制造商Bellory的主页时你会?#21561;?#19968;个相对简单的布局进一步深入探究这个电子商务网站你会发现各种各样非常不同的突出单个产品的设计页面

      当在线展示您的产品时整合有趣的演示视频方面Bellroy网站是一个很好的例子来展示Shopify是何等的灵活(开篇提到过Shopify拥有可定制的网站模板库)

      启发点帮助钱包瘦身的教程对于不想?#20204;?#21253;鼓起膨胀的人来说是一个有趣的并且有意思的指南它在一些相当不错的产品照片方面做到了极致并且链?#25317;?#20102;他们所有的产品

      Slim your wallet的教程播放地址https://bellroy.com/products/slim-sleeve-wallet/java

      09. Best Made Company

      Best Made Company的电商网站拥有一个干净极简的设计

      一个充满了漂亮产品的电子商务网站你从来不知道你想要什么但是当你浏览Best Made Company的网站时你会突然发现你自?#30418;?#35201;的物品因为它具有非常干净和极简的设计该设计方式使得产品摄影以及所有产品都显示在白色背景上让产品真正成为了页面的中心部分

      启发点页面顶部是有创新设计的?#35828;?#37096;分当访问者访问网站的所有区域时它是简单干净?#23376;?#20351;用的

      10. Good as Gold

      珠宝电商网站Good as Gold以超大的主页形象化表达来引诱用户

      Good as Gold是一?#26131;?#37096;设在新西兰惠灵顿的时尚商店他们的电子商务网站是有名的和令人印象深刻的大型首页图像会吸引你进入同时还可以通过多种不同的方式浏览网站例如大的下拉?#35828;?#25110;者以按照A—Z列出的每个供应商为特点的?#25918;?#39029;面

      启发点单击一个链接观察logo是如何变成加载旋转器考虑到许多页面是有很多?#35745;?#30340;这是一个很好的提示告诉你该页面正在加载

      11. Shwood

      该网站运用的清晰地视频

      这个完全响应的电子商务网站充分利用视频诱使买家了解更多关于他们的太阳镜系列当前主页具有不少于三个不同的视频可供选择该网站还以具有高大上的摄影图为特点使得其太阳镜产品更加?#20142;?/p>

      启发点当点击商店标签时产品集合以条带格式显示在这里访客能够通过风格过滤以便快速和容易的访问特定的风格同时展示他们的范围类别

      12. FontShop

      该网站的设计使用户参与下完成的

      当FontShop决定在几年前进?#24615;?#27425;设计时他们在原始状态下采取了非常规的发布设计的路线并邀请用户参与陪伴网站重新设计直至完成的旅程

      Fontshop项目经理Ivo Gabrowitsch希望客户测试驱动器辩论以及与网站互动而这些会影响再次设计将采取的方向这样做的结果是呈现了一个能够极大程度满足用户的需求的?#20301;?#33324;的网站

      启发点产品试用?#26041;?#26159;一个试验场用于实时地测试网页字体并针对你的产品与网站上的其他任何人自?#23578;?#20316;交流获得用户对产品的需求

      ٷƱЩ

        <dl id="1pdzy"></dl>

        1. <li id="1pdzy"></li>

            <dl id="1pdzy"></dl>

            1. <li id="1pdzy"></li>