省钱快报新版本设计

用户头像
北京/平面设计师/8年前/618浏览
省钱快报新版本设计
用户头像
Andyshan
省钱快报进入2018年,累计用户千万级,日活百万,设计团队也希望能让用户得到更好的视觉和用户体验,2.6.6版本对界面风格和交互体验进行了调整,希望在接下来的新版本UI中,在突出内容和功能的基础上,可以给用户更加年轻的设计的感受。
根据用户反馈、设计团队调研、设计流行趋势,总结发现省钱快报App存在一些问题,例如首页不整体,元素零散,入口太多,显的乱,层级关系不明确,设计风格不够新颖精致等问题。
设计关键词:新颖、时尚、品质、精致、简洁
省钱快报新版本设计(图ZMTE4MDgwMDQ0) - APP界面 - 站酷设计师Andyshan原创素材 - 站酷ZCOOL
首页
原有首页视觉不新颖,不够简洁,层级关系不明确,元素多而杂乱,我们真对这些问题进行调整:
1、统一了头部颜色,将品类tab切换条与头部合到一起,选用统一的品牌色彩:橘色渐变;
2、将原有选中条缩短,圆润,使其更轻量级更活泼;
3、头部搜索框也跟随整体风格,变成圆润的长方形,颜色深于底色,更突出搜索词;
4、banner做不通栏设计,悬浮效果,弥散投影,是banner更突出;
5、去掉分割线,将每一部分成为一个组件,通过色块,内容本身来做区分,使背景更统一,不零散;
6、根据运营需求,banner下面添加了五个运营位,让用户有更多的选择。
收藏
省钱快报新版本设计(图ZMTE4MDgwMTA4) - APP界面 - 站酷设计师Andyshan原创素材 - 站酷ZCOOL
分类搜索页
1、突出分类滑动条选中状态,是其更醒目2、其他元素与其他页面风格统一
收藏
省钱快报新版本设计(图ZMTE4MDgwMTEy) - APP界面 - 站酷设计师Andyshan原创素材 - 站酷ZCOOL
原有搜索结果页,视觉风格有些老,不够新颖精致,新的设计,将头部统一,用统一底色,使用户更有沉浸感,去掉之前的各种分割线,用色块区分。
收藏
省钱快报新版本设计(图ZMTE4MDgwMTA0) - APP界面 - 站酷设计师Andyshan原创素材 - 站酷ZCOOL
商品详情页
将标题与价格位置互换,突出券后价格,在标题右侧增加分享icon,方便用户操作。
个人中心
区分层级关系,将常用突出功能至于页面顶部明显位置,其他功能以列表形式呈现,是页面整体,层级关系明确。
收藏
省钱快报新版本设计(图ZMTEzOTc1NjM2) - APP界面 - 站酷设计师Andyshan原创素材 - 站酷ZCOOL
9.9页面整体风格没有大的改动,优化了一些设计细节:
1、头部搜索框与首页样式统一;
2、头部图片运营位圆角统一为14px;
3、品类切换tab有之前纯文字tab改为图文结合,是品类更形象具体,减少用户思考时间,方便用户选择。
收藏
4
举报
|
9
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
户外旅行情侣汽车出发路上
APP界面/暂无网络页面/成功失败页面
app界面插画(欢迎界面)
户外旅行男孩拇指便车顺风车
我的钱包-UI界面设计-app
手机交互概念素材
炫彩渐变风格的 APP 图标素材
户外旅行飞机情侣假日出行
攀登者矢量素材
拜师
界面图片上传编辑
户外骑行矢量素材
2.5d插画
手机,扫码,支付,手机付款,检查,插画 , 扁平 , 引导页,开屏页,开机动画 , app , 可爱风格 , 漂亮插画 , 界面 , 山 , 月亮 , 风景插画,互联网 , 互联网插画 , 商务 , 项目 ,  网页插画 ,
订单页面图标
户外旅行女孩放飞自我
户外旅行驴友探险社媒照片
APP界面/空状态页面
版权
APP界面//暂无数据页面/暂无收藏页面
户外旅行露营野外体验玩乐
消息图标
app/web背景素材
人工智能家居app控制界面和笔记本电脑,电脑还有智能手机。智能家居自动化助理概念。
欢迎页插画
你可能喜欢
相关收藏夹
大家都在看
登录注册