0文章
0评论
0获赞

电商「网易严选」网页版原型分享

572 0
网易严选在电商市场进入红海的阶段,从品质生活角度着手,以ODM模式切入,采用直接从供应商处精选高品质商品的方式,剔除中间环节,为用户提供物超所值的品质生活产品,让用户可以更专注于自己的需求和商品的品类选择,而不是花过多时间用于了解商品的质量和性价比同时,严选整个网站是现在非常流行的性冷淡风格,利用了低饱和度的色彩、大面积的留白以及克制的功能设计和信息展示,让它与淘宝京东所营造的热闹的购物氛围不同,给人一种安静简单的感觉。

这次我们提供给大家的就是「网易严选」的网页版原型,里面有首页、分类页、商品详情页、订单等核心页面,有完整的购物流程,以及丰富多样的组件库。如果你刚好也是做精选电商的,那么这套模板对你肯定有用!如果你不是,那里面近10种不同的列表模板和图文展示模板也一定可以用在你的各类网站设计中!和以前一样,我们提供了高保真和低保真两个版本的原型资源,里面的所有组件都是可编辑可复用的哟!

下面我们就先来预览一波吧!~(原型下载地址见文末

高/低保真原型预览

电商「网易严选」网页版原型分享
电商「网易严选」网页版原型分享
xiaopiu-「网易严选」高保真原型
电商「网易严选」网页版原型分享
电商「网易严选」网页版原型分享
xiaopiu -「网易严选」低保真原型


组件库展示

电商「网易严选」网页版原型分享
电商「网易严选」网页版原型分享
xiaopiu -「网易严选」组件库


这些资源怎么使用呢?

1、进入xiaopiu精选广场的组件库/页面库,搜索「网易严选」,在搜索出的组件库右下角点击「引用为我的公用库」。(搜索页面库时,记得在右侧切换为web端

电商「网易严选」网页版原型分享
电商「网易严选」网页版原型分享

2、或直接进入「网易严选」组件库,然后点击右上角的引用按钮~

电商「网易严选」网页版原型分享
电商「网易严选」网页版原型分享

3、引用成功后,在您的项目编辑页左侧【组件库/页面库】就可以看到这份热乎乎的资源啦!拖拽组件到自己的页面上改一改就是你的了哟!

电商「网易严选」网页版原型分享
电商「网易严选」网页版原型分享

资源地址

网易严选网页版高保真

网易严选网页版低保真

网易严选高保真页面库

网易严选低保真页面库

网易严选组件库

它资源分享

网页版的原型还不能满足你的需求么?哈哈,不用担心,我们还有APP版本的电商模板,早早地就为你准备好啦!

李牛牛:电商(天猫商城)APP原型资源分享

王二麻:

国外精选电商App:
《Fashion App UI Kit》
原文地址:知乎
作者:Sophia
评论 (0)
请登录以参与评论。
立即登录

在线教育「慕课网」网页版原型分享

775 0

今天我们分享的原型资源就是功能全面的课程学习网站-慕课网,慕课网是技能学习平台。提供了丰富的视频教程资源公开课,并且富有交互性和趣味性。里面有很多的功能值得参考,原型资源已放置在文末,小伙伴们记得下载哟!!!

次的原型资源内容包含了:

核心页面:「慕课网首页」、「职业路径页」、「职业路径-web端页」、「职业路径-套餐详情页」、「实战页」;

课程学习流程:「免费课程页」、「免费课程-章节页」、「免费课程-章节视频学习页」;

支付流程:「购物车页」、「支付介面-确认订单页」、「支付介面-支付中心页」、「订单中心页」;

常用介面:「猿问页」、「手记页」、「搜索页」、「个人信息页」、「个人设置页」、「讲师详情页」等。

慕课网是垂直的互联网IT技能免费学习网站。以独家的视频教程、在线编程工具、学习计划、问答社区为核心特色。整体交互逻辑清晰完整,交互方式生动有趣,接下来给大家展示一下低保真、高保真页面。

低保真介面预览

在线教育「慕课网」网页版原型分享
在线教育「慕课网」网页版原型分享
在线教育「慕课网」网页版原型分享
在线教育「慕课网」网页版原型分享

高保真组件库展示

在线教育「慕课网」网页版原型分享
在线教育「慕课网」网页版原型分享

我们组件库中的组件该如何使用呢?

1、进入 xiaopiu 精选广场组件库/页面库,搜索慕课网高保真组件库,在搜索出的组件库右下角点击「引用为我的公用库」。

在线教育「慕课网」网页版原型分享
在线教育「慕课网」网页版原型分享

2、或直接进入「礼物说」组件库,然后点击右上角的引用按钮~

在线教育「慕课网」网页版原型分享
在线教育「慕课网」网页版原型分享

3、引用成功后,在您的项目编辑页左侧【组件库/页面库】就可以看到我们丰富的资源啦!拖拽组件到自己的页面上改一改就是你的了哟!

在线教育「慕课网」网页版原型分享
在线教育「慕课网」网页版原型分享

资源分享

慕课网低保真原型资源

慕课网高保真原型资源

慕课网低保真页面库资源

慕课网高保真页面库资源

慕课网高保真组件库资源

原文地址:xiaopiu工坊
作者:Ms.Piu
评论 (0)
请登录以参与评论。
立即登录