大厂 UI 设计细节很到位

用户头像
杭州/UI设计师/159天前/1992浏览
大厂 UI 设计细节很到位
对于 UI 设计师来说,做好每一个细节的设计至关重要,一个小小的创意点便可点燃用户的激情,使之达到预想目标。
在设计细节的处理上面还得学习大厂的设计,下面黑马哥给大家列举几个案例,一起来瞧瞧吧!
大厂 UI 设计细节很到位(图ZMTUzMjkyMDA=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
分享目录
一、让登录页更有情感化
二、前后呼应的巧妙设计
三、动态感的状态设计
四、昼夜差异的设计
五、代入感的刷新设计
六、昵称设置的情感化提示
七、游戏化按钮动态设计
八、品牌感背景点缀
九、突出用户成就感
十、视频背景更引人注目
一、让登录页更有情感化
登录是产品获得用户数据的关键环节,但是也是极容易被用户所反感的行为,如何提升用户的登录意愿变得尤为重要。
相较于静态的登录页设计而言,动态的表达更能吸引用户注意力。豆包 APP 以动态 IP 作为登录设计的主要创意点,通过情感化的设计降低用户的排斥感,达到提升登录体验的目的。
大厂 UI 设计细节很到位(图ZMTUzMjkyMDQ=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
二、前后呼应的巧妙设计
考虑设计表达的关联性,是设计构思常用的方法,通过前后、左右、上下等呼应,形成比较巧妙的设计结构。
麦当劳 APP 在麦麦商城顶部主视觉区域,通过背景的弧形分割形成层级感,顶层的轮播卡片在设计时巧妙延续缺失的弧形部分。以此形成前后呼应的设计结构,使得设计表达具有连续性,设计布局更加新颖独特。
大厂 UI 设计细节很到位(图ZMTUzMjkyMDg=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
 
三、动态感的状态设计
不同状态除了在文案上进行区分以外,视觉上的差异也很重要,带给用户动态感的感官差异。
一起作业 APP 在首页作业状态的设计中,以 IP 形象的不同动作和场景来表达不同状态,让人一目了然。趣味性的设计风格也能提升小朋友的好感度,更愿意参与到作业的环节中,提升作业的完成率。
大厂 UI 设计细节很到位(图ZMTUzMjkyMTI=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
四、昼夜差异的设计
在设计中让用户感知到天气、环境、昼夜等差异,使其更有场景代入感,更能让用户感受到产品设计的温度。
太阳带着微笑升起,开启你美好的一天,这是麦当劳 APP 带给用户的温度,从一份幸福感的早餐开始。夜幕降临的时候又以明亮的月亮和星星点缀设计,让你感受到昼夜的交替,设计表达更有温度感。
大厂 UI 设计细节很到位(图ZMTUzMjkyMTY=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
五、代入感的刷新设计
下拉刷新的设计表达非常丰富,从文案、品牌、IP、动效、场景感等多方面均可发挥创意。
驾考宝典 APP 在不同场景中的下拉刷新表达有所差异,但是都是结合行驶的小汽车展开,设计表达更有代入感。带给用户更强的心理暗示,早日刷题成功便可早点开车上路,小细节带来大作用。
大厂 UI 设计细节很到位(图ZMTUzMjkyMjA=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
大厂 UI 设计细节很到位(图ZMTUzMjkyMjQ=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
六、昵称设置的情感化提示
设置昵称对于产品来说是最为平常的操作,99% 以上的设计都是很平淡的,错误提示也是非常生硬。
最近在使用闲鱼 APP 设置用户昵称时,不同状态的提示结合 IP 形象的表情表达,非常形象且充满情感化气息。相较于生硬的提示而言,更能符合年轻用户的个性化追求。
大厂 UI 设计细节很到位(图ZMTUzMjkyMjg=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
七、游戏化按钮动态设计
随着用户年轻化的趋势,产品设计越来越追求个性化的设计,如何提高互动性变得尤为重要。
在我要做计划 APP 的“我的装扮”设置中,分类按钮的设计很有意思,点击按钮就像在玩闯关游戏一样,水平移动、弹跳动效、音效等融为一体。按钮通过游戏化设计表达,配合动态互动,非常有个性化。
大厂 UI 设计细节很到位(图ZMTUzMjkyMzI=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
八、品牌感背景点缀
打造用户的品牌归属感是非常重要的,众多产品也因此不断深化品牌 IP 形象的运用,以此拉近与用户之间的亲和力。
比如闲鱼 APP 在用户主页的背景处理中,添加了 IP 形象作为点缀,使得背景更有氛围感和品牌感,是比较直接的品牌感营造技巧。
大厂 UI 设计细节很到位(图ZMTUzMjkyMzY=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
也可以在 IP 形象的动作层面进行发挥,比如喜马拉雅 APP 的个人页背景虽然也是类似做法,不过 IP 角色的动作表现贴合了产品场景,更容易引起用户的情感共鸣。
大厂 UI 设计细节很到位(图ZMTUzMjkyNDA=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
九、突出用户成就感
会员计划的核心除了权益以外,用户的成就感也是至关重要的,让用户感受到身份的变化和等级提升带来的权益,才能促进用户加入会员体系和完成升级任务。
高德地图 APP 将达人等级醒目的显示在用户主页背景图中,突出用户的成就感,也是一个点缀背景的不错选择。用户也可以滑动切换高德达人和日日签,既满足视觉氛围,也延伸功能实用性。
大厂 UI 设计细节很到位(图ZMTUzMjkyNDQ=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
十、视频背景更引人注目
动态背景相较于静态而言更有吸引力,静态图、微动效图、视频背景是主要的三个背景选择方向。视频背景虽然更能引人注目,但是也容易过度干扰。
叮咚买菜 APP 首页顶部区域以循环播放的视频作为背景,相较于静态的 Banner 图来说更有氛围感,更能吸引用户点击。
大厂 UI 设计细节很到位(图ZMTUzMjkyNDg=) - 观点 - 站酷设计师黑马青年原创素材 - 站酷ZCOOL
收藏
 
小结
本期分享暂时到此,下一期再继续分享更多优秀案例,分析表达属于个人观点,不足之处欢迎留言补充。
本文由 @黑马青年 原创发布。未经许可,禁止转载。
47
阅读原文
|
举报
|
51
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
我的钱包-UI界面设计-app
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
高级感金属拟物 UI设计组件库
【新年UI图标】游戏/娱乐icon
【新年UI图标】银行卡icon
智能家居中心 简约 UI设计组件库
【新年UI图标】珠宝icon
UI界面 组件
新能源APP应用UIKit
抽象液态渐变UI背景模版
UI通用设计素材1
3D渐变流体抽象矢量UI背景图
钱包ui模板
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】汽车icon
【新年UI图标】钱包icon
【新年UI图标】30个图标
【新年UI图标】影音icon
科技医疗透明柜UI界面设计
Security Camera UI kit
新拟态风格 UI设计组件库
盲盒APP UI设计
手表表盘UI系列
你可能喜欢
相关收藏夹
大家都在看
登录注册