前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【案例复盘】顺丰速运UI界面设计细节深入解析(Repo)

【案例复盘】顺丰速运UI界面设计细节深入解析(Repo)

作者头像
用户5009027
发布2021-12-27 14:58:23
1.1K0
发布2021-12-27 14:58:23
举报
文章被收录于专栏:静Design静Design

静电说:顺丰一直都是静电非常喜欢的快递公司,服务好,门到门服务,快递员素质高态度好。当然,还有更重要的因素,顺丰也很注意自身形象的建设,不管是统一的logo标志,服装,还是客户端的使用体验,都远超竞争对手。

今天我们来盘点一下顺丰速运APP中的设计细节,看看这些细节如何打动了我,以及他的客户。我们从用户心理学角度分析看看顺丰拉进用户好感度(也包括设计师好感度)的步骤和细节。

启动页设计

拉进心理距离,塑造IP和友好度

顺丰是少有的品牌CI执行的特别到位的快递公司,我相信这是公司更重视品牌形象的结果,也是设计师推动的结果。而这些就是设计的力量,让用户觉得这是家值得信赖的公司(而它确实也是)。

而对于做UI界面的设计师来说,一般也会直接套用品牌色:黑,白,红这些颜色。但是,在某个特定的时间点,比如疫情时期,我们可以考虑采用一些例外。比如,启动页面采用了让人温暖和信赖的红色呈现,而快递员迎面微笑送快递的场景相信不少用户都会心头一软。

首先,距离就这么拉进了。感情到位,认同感也就提升了。

应用首页设计

温暖,给人希望,界面清晰

瓷片区较浅的颜色使用,配合玻璃拟态风格的图标,以及模糊感的景深效果,温暖,更贴近人心,让人有非常想点击的欲望。

第二屏的列表卡片区,采用了微小的创新型布局,让卡片紧贴屏幕边缘,由于卡片颜色较淡,但并不会给人违和的感觉。

寄件页面

功能明晰,易于触达

寄件页面是用户最最常用的页面之一,顺丰设计师并非单纯罗列不同功能项,而是通过场景化的区分,让用户更容易找到相关的功能,通过场景对卡片功能进行分类,可见用户对用户的诉求理解非常透彻。

用户中心页面

玻璃拟态背景,通透温暖

用户中心页面一般会体现用户的成就,设置以及一些附加的常用工具,当然现在很多应用都会推出VIP会员功能,放这里是最好的选择。顺丰设计师在个人中心页采用温和的浅色玻璃拟态背景+卡片设计,让页面呼吸感十足,区块凸显,更易用,而且设计效果十足。

总结

顺丰这次的页面设计更多的提现了一个关键词“温暖+力量”,浅色和模糊设计温暖,红色给人力量,这也是疫情时期社会情绪在设计上的体现和表达。更通透感的玻璃拟态加卡片设计,让人眼前一亮。静电超喜欢首页的瓷片区设计,你呢?顺丰的设计可以说是业务功能和设计较完美的结合。你觉得呢?在《静电的UI设计教室课程》中,我们也会更多的对不同的设计项目进行全方位复盘解析,让设计师的思维能力得到更好的提升。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-12-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 静Design 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档