【这些UI设计小细节 学了就能用上-5】

用户头像
北京/UI设计师/4天前/851浏览
【这些UI设计小细节 学了就能用上-5】
【目录】
1.淘票票-让人会心一笑的广告植入
2.支付宝-元宵节运营
3.滴滴宠物-趣味化个性设计
4.小红书AI修图-精准卡在用户心流上
5.闲鱼-觉得卡片空的可以看看这个案例
6.闲鱼AI生文-狙击用户痛点
7.美团外卖-最适合做饮食管理的品牌
8.有数-长期主义必备的app
9.微众银行-简单卡片的精致感
1.淘票票-让人会心一笑的广告植入
乐事这波植入让人无法忽视,且对整体购票的主流程并没有产生负面影响,没有额外等待、没有弹窗中断,不会让用户产生抵触情绪,反而觉得生动有趣。
【这些UI设计小细节 学了就能用上-5】(图ZMTU2Mzk1MjQ=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
2.支付宝-元宵节运营
支付宝首页的输入框运营虽迟但到,软糯Q弹大汤圆冒出输入框外,看着更加生动活泼。
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
3.滴滴宠物-趣味化个性设计
宠物信息的选择弹窗,在视觉上,默认态和选中态在表现力很有个性,包括选中和“其他”展开的微动效做的也很细致。
按钮“猫爪在上”,也很有记忆点。
【这些UI设计小细节 学了就能用上-5】(图ZMTU2Mzk1Mjg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
4.小红书AI修图-精准卡在用户心流上
常规用户路径是:拍照-选图-修图-发布,而小红书在“发布”编辑中增加了AI修图推荐,可以根据用户的图片智能推荐修图建议,也支持用户自定义,这对于一些修图的小白用户来说十分友好,会激起用户的好奇心来尝试。
【这些UI设计小细节 学了就能用上-5】(图ZMTU2Mzk1MzI=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
5.闲鱼-觉得卡片空的可以看看这个案例
闲鱼的这个信息卡片做的很棒,好在哪呢?
第一张卡片,通过破形+IP形象+主题色,突出了最重要的卖家诚信信息;
第二张卡片,降低层次,突出主要的发帖按钮;
第三张卡片,信息量已经不足了,通过叠加与夸夸墙相关元素来添补空白,
卡片之间的主次关系和处理的很好。
【这些UI设计小细节 学了就能用上-5】(图ZMTU2Mzk1MzY=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
6.闲鱼AI生文-狙击用户痛点
AI创作取代不了人的创作,但是可以帮助人类解决一些简单繁琐的劳作。闲鱼编辑产品内容是最麻烦的一步,AI创作很好的释放了用户的压力。
【这些UI设计小细节 学了就能用上-5】(图ZMTU2Mzk1NDA=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
7.美团外卖-最适合做饮食管理的品牌
外卖和饮食管理之间存在天然联系,吃饭过程中拍一下,去记录饮食热量是一个自然的路径,但是一个很大的bug 时,长期吃外卖的群体,是否是身材健康管理的群体?大胆联想下,如果山姆做这种功能延展可能更合适,山姆本身的目标群体就是健康饮食的白领阶层,对于健康的管理需求更高。
【这些UI设计小细节 学了就能用上-5】(图ZMTU2Mzk1MDA=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
8.有数-长期主义必备的app
支持从不同维度定义物品的使用率,平摊成本会让用户产生极大的满足感,感觉物超所值,这样的产品用户粘性应该会很强。
年轻化的产品主题色非常偏向于荧光绿+黑色的搭配,视觉冲击力更强。
“有数”的卡片主题色视觉上很统一,图标类都是用荧光绿表现,重点的数据信息、游标等会用黑底白字表现,有效信息非常突出。
【这些UI设计小细节 学了就能用上-5】(图ZMTU2Mzk1MDQ=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
实物照片的AI抠图+白色粗描边在视觉上也更美观。
【这些UI设计小细节 学了就能用上-5】(图ZMTU2Mzk1MDg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
9.微众银行-简单卡片的精致感
理财金融类APP在设计上注重克制,沉稳,可靠,不适合过度个性化的设计。如果让简单的控件更加精致,且能有效传达重要信息?
第一个,是一个前后收益的对比,旨在突出第二个产品的高收益
在卡片的大小、和颜色上做了强调;
垂直分割似乎太单调了,加点斜线分割;
再点缀小图标,整体的视觉对比感强了很多。
第二个,是一个进度条
在常规的线条上加一个圆点,
首先,线条是有渐变和刻度表;
其次,圆点是有描边和图标标识的;
最后,线条和圆点之间是有圆滑过渡的曲线,
这样看起来是不是比常规的进度条精致了很多,在每一个细节上适度调整,整体看起来就会不一样。
【这些UI设计小细节 学了就能用上-5】(图ZMTU2Mzk1MTI=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
32
举报
|
6
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】影音icon
【新年UI图标】美妆icon
我的钱包-UI界面设计-app
新能源APP应用UIKit
矢量立体简约UI蓝白图标
柠檬黄主题UI作品集模版
UI 登录界面设计模板包
钱包ui模板
UI通用设计素材1
【新年UI图标】30个图标
高级感金属拟物 UI设计组件库
盲盒APP UI设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】游戏/娱乐icon
UI界面 组件
UI_3D图标炮仗<新春促销>
新拟态风格 UI设计组件库
UI_3D图标火箭炮<新春促销>
【新年UI图标】珠宝icon
【新年UI图标】家具icon
【新年UI图标】美食icon
UI应用平面图标
科技医疗透明柜UI界面设计
你可能喜欢
相关收藏夹
大家都在看
登录注册