淘宝首页分析

用户头像
东莞/学生/6年前/652浏览
淘宝首页分析
用户头像
MCYing

从需求出发,找到淘宝首页设计的合理性和美感

面向人群:年轻化的群体,喜欢利用零碎时间进行购物体验,其中女性人群是男性人群的两部。消费水平主打中低端收入群体。

 

功能:

商品种类齐全,多图浏览、查看宝贝详情、分享和查看宝贝的评价、一键加入购物车、轻松支付、实时的物流情况、安全有保障的售后服务,用指尖购物体验代替实体店购物体验。

不断发现好物、种草好物。

阅读潮流资讯、与穿搭达人进行互动,寻找到自己的个性。

 

 

淘宝的LOGO:“淘”字用了自己设计的字体风格,给人一种活泼轻松感觉,填充的颜色用了明亮的橙色和黄色,并且形成橙色-黄色的渐变,和文字的白色形成鲜明的对比,给人一种前后方向、斜方向空间上的对比。符合其活跃快速交易、主打年轻消费群体的品牌定位。

 

淘宝的启动页:启动页用了一张图片展示,虽是静态,却给人一种动态的感觉:很多商品从淘宝盒子里飞出来。物体的形状极具立体感,用了阴影来表达它们的动态运动。给人一种从下到上的扩展性,并且上下物体的大小对比充分。颜色上,用了非常亮眼的诸如红色、橙色、黄色、天蓝色,让人感觉琳琅满目。

 

 

首页:

淘宝的底栏:图标的设计用了不封闭的线性设计,用灰黑色线条描勒。点击时,用主题色填充成面性,并且同样运用了渐变。字体是什么样的。

首页:我们发现,首页给人的第一视觉感就是丰富凌乱感。第一,字体的运用非常的多样化,海报中的文字,淘宝的特色字体,多重的用色......但是在填充视觉的同时,保证了可见性,都是简短的文案,和图片一起共同去承载信息。第二,用色上, 无论是海报,还是各种独立的产品,都有自己的用色,都是非常鲜明活泼的颜色;第三,图标,淘宝底栏的图标的设计用了不封闭的线性设计,用灰黑色线条描勒。点击时,用主题色填充成面性,并且同样运用了渐变。字体是什么样的。第四,动态的效果。头顶的海报向左轮播,中间的宣传标语有很强烈的动态效果,淘宝头条向上滚动,多处使用了动效。第五,空间感上,下面商品的瀑布式排班,有一种垂直的空间感。这种排版,符合人们上下滑的操作习惯,也会引导人们不断地去浏览这些商品。上下存在着强烈的大小对比,虚实对比,上部的图标和图片相对下部的图片更小,上部把物品单个抠出来,而下部则有丰富的背景。

 

 

对产品首页的思考:

我们发现,按商品的种类来分类的导航栏,隐藏在了搜索框的下面,是因为我们逛淘宝的时候,很少按照逻辑去找到某一样我们想买的东西,或者说搜索框给了我们最大的便利。

至于下面的众多内容,就是让人们来“逛”,无论是优惠活动、新发现、根据个性的推荐、众多其他衍生产品如淘宝吃货、天猫超市,让一些没有明确购物目的的人,也能在这里找到它们的乐趣。而这些“小发现”“小推荐”“小打动”更是女性喜欢的购物方式。

而如今,我们去购物,很少会根据类目去寻找,我们更容易被一些潮流的东西去引导,对关键字更敏感。例如我们会关注直播,所以有“直播-网红推荐”;我们开始知道海淘,所以有“全球-进口好货”;当物质被满足时,除了衣物本身,我们开始关注时尚,于是有了“时尚-时尚好货”。

所以总的来说,首页,是在满足不同的人的需求,囊括了多样的导航,让用户找到更便捷的更满意的商品入口。同时,让用户更多时间地提留、刺激消费。


4
举报
|
5
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
手表表盘UI系列
新拟态风格 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】体育icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
APP/小程序商业项目UI模板|99个高保真UI+79个原型
高级感金属拟物 UI设计组件库
智能家居中心 简约 UI设计组件库
【新年UI图标】旅行icon
Security Camera UI kit
【新年UI图标】会员icon
高级表盘系列UI源文件
UI界面 组件
盲盒APP UI设计
钱包ui模板
新能源APP应用UIKit
我的钱包-UI界面设计-app
UI 登录界面设计模板包
拟物风质感写实UI卡片合集源文件
UI通用设计素材1
3D渐变流体抽象矢量UI背景图
【新年UI图标】礼物/活动icon
【新年UI图标】秒杀icon
你可能喜欢
相关收藏夹
大家都在看
登录注册