这些 UI 设计有点儿意思

Recommanded by editor
杭州/UI设计师/352天前/3399浏览
这些 UI 设计有点儿意思Recommanded by editor
我们都会被好奇心所驱使,遇到有意思的事情总会想去探索一番,放到设计场景中亦是如此。一些新颖的、有意思的、好玩的设计,总会勾起用户的好奇心,引起用户的关注度。
今天黑马哥也给大家分享一些不一样的设计案例,看看是否可以勾起你的好奇心,我们一起来看看吧!
这些 UI 设计有点儿意思
Collect
体验目录
一、形象化心情设置
二、让锻炼变得更有趣
三、童趣的图标动效设计
四、结构化空状态设计
五、对话式操作引导
六、签到前后的差异化设计
七、个性化的个人中心设计
八、手绘风 UI 设计
九、电子相册式空状态
十、个性化形象设置
 
一、形象化心情设置
对于日记类产品来说,我们经常会给日记设置心情,以此来记录当时自己的情绪状态。
在使用 Moo 日记 App 记录时,针对心情标签设计了对应的动态场景插画,让心情选择更加形象化。动态场景插画使得心情表达更加直观,丰富的心情标签也让用户的情绪状态得到更准确的呈现。
这些 UI 设计有点儿意思
Collect
 
二、让锻炼变得更有趣
随着生活品质的提升,亚健康人群也越来越多,大家也开始更注重身体健康,运动辅助类产品就成为了更好的助手。
为了让用户做出选择,每个产品都在打造自身的差异化,也想和用户建立情感共鸣。最近发现一款非常可爱的健身软件:Rumbo,以毛茸茸的 IP 形象为健身伙伴,为您的训练日程增添一些乐趣!
这些 UI 设计有点儿意思
Collect
 
三、童趣的图标动效设计
动态图标的运用已经非常普及,可以在静态的模块中强化关注度,特别是在金刚区模块的设计中。
孩子王 App 首页金刚区模块中,“儿童馆”以小孩图标侧空翻的形式入场,使得图标的动态表达更有童趣感。不仅突出该功能的关注度,勾起的童年回忆也增加了用户的情感共鸣。
这些 UI 设计有点儿意思
Collect
 
四、结构化空状态设计
对于初始用户而言,产品中会出现众多无数据的空状态,而空状态的情感化设计也备受重视。
最近在 Moo 日记 App 中发现一个比较特别的空状态设计案例,个人中心相册入口设计中,以照片展示结构化的方式来填充空状态。相较于常规的处理方式来说更加形象,也能让当前界面显得更加饱满,不会出现较大的空白区域。
这些 UI 设计有点儿意思
Collect
 
五、对话式操作引导
我们都希望用户可以按照预设的流程完成目标,但是往往会事与愿违,需要产品设计师不断思考如何通过互动性引导用户。
最近在使用罐头冥想 App 时,通过对话式的互动形式引导操作很有意思,就像朋友聊天一样,让你放下防备心理,更愿意参与到这个互动中。通过情感化的对话场景设计和趣味性的设计表达,更好的引导用户完成操作指引。
这些 UI 设计有点儿意思
Collect
 
六、签到前后的差异化设计
签到是提升用户粘性的常用方式,如何提高用户完成签到的参与度变得至关重要,通过福利策略是最直接的方案。
美团外卖会员签到设计中,签到前以解锁红包的形式进行设计表达,当天签到红包还带有摇摆动效,以此吸引用户的参与度。签到后以进度式的方式进行设计,保障用户直观理解签到的同时,也能削弱板块的视觉比重,给其他功能区域增加曝光度。签到前通过强视觉吸引关注度,签到后削弱视觉比重,提升更多内容的预览体验。
这些 UI 设计有点儿意思
Collect
 
七、个性化的个人中心设计
随着个性化需求的普及,产品设计风格越来越多样化,一些元素的表达也越来越有趣。
比如白日梦 App 的个人中心,个性化的设计风格引人注目,“呆头呆脑”的动态 IP 也十分有趣,瞬间抓住了用户的目光。
这些 UI 设计有点儿意思
Collect
这些 UI 设计有点儿意思
Collect
 
八、手绘风 UI 设计
UI 设计风格越来越多样化,通过独特的设计风格带给用户惊喜,加深用户的记忆度。
好好养宠物 App 以手绘风设计为主,采用暖色系进行配色,手绘风图标、插画等也使得界面风格更加温馨可爱。
这些 UI 设计有点儿意思
Collect
 
九、电子相册式空状态
插画运用到空状态的设计中较为普遍,不同风格的插画也能丰富空状态的视觉表现力。
马蜂窝 App 部分空状态以相框结合风景插画进行设计,相框内随机填充风景照片,点击可不断变化不同的风景照。就像电子相册一样,循环播放着自己的旅行足迹,勾起用户的无限遐想。
这些 UI 设计有点儿意思
Collect
十、个性化形象设置
用户越来越喜欢追求个性化的体验,以此来突出自己的个性特征,形象装扮就成为了一种有效的选择。
比如好柿花生 App 在个人中心设计中,顶部视觉区域的形象设计可以让用户自行设置,用户可以通过参与抽奖获得装扮道具。不仅满足了用户追求个性化形象的体验感,也能通过解锁抽奖权限提升商业转化率。
这些 UI 设计有点儿意思
Collect
小结
希望本期分享的案例可以带给大家一些灵感,描述观点属于个人总结,不足之处欢迎大家留言指正。
本文由 @黑马青年 原创发布。未经许可,禁止转载。
49
阅读原文
|
Report
|
52
Share
相关推荐
这些 UI 设计案例很有想法
Homepage recommendation
文章
C端
C端
C端
C端
作品收藏夹
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
AI机器 AI Machines
Homepage recommendation
Snook
Homepage recommendation
相关收藏夹
C端
C端
C端
C端
作品收藏夹
APP
APP
APP
APP
作品收藏夹
UI-知识点
UI-知识点
UI-知识点
UI-知识点
作品收藏夹
文章分享
文章分享
文章分享
文章分享
作品收藏夹
设计要点
设计要点
设计要点
设计要点
作品收藏夹
收藏
收藏
收藏
收藏
作品收藏夹
大家都在看
Log in