专栏名称: IXDC

IxDC由广州美术学院设计学院、香港理工大学设计学院、网易、腾讯、华为、中国电信、中国移动、金山等单位联合发起。是全国第一个受政府认可和领导的交互设计专业委员会，致力于引领中国交互设计行业发展。

这些 UI 设计真有意思！

IXDC · 公众号 · · 2025-01-31 08:30

正文

本文授权转自：黑马家族（ID：heimauiued）

正文

我们都会被好奇心所驱使，遇到有意思的事情总会想去探索一番，放到设计场景中亦是如此。一些新颖的、有意思的、好玩的设计，总会勾起用户的好奇心，引起用户的关注度。

今天也给大家分享一些不一样的设计案例，看看是否可以勾起你的好奇心，我们一起来看看吧！

体验目录

一、形象化心情设置

二、让锻炼变得更有趣

三、童趣的图标动效设计

四、结构化空状态设计

五、对话式操作引导

六、签到前后的差异化设计

七、个性化的个人中心设计

八、手绘风 UI 设计

九、电子相册式空状态

十、个性化形象设置

一、形象化心情设置

对于日记类产品来说，我们经常会给日记设置心情，以此来记录当时自己的情绪状态。

在使用 Moo 日记 App 记录时，针对心情标签设计了对应的动态场景插画，让心情选择更加形象化。动态场景插画使得心情表达更加直观，丰富的心情标签也让用户的情绪状态得到更准确的呈现。

二、让锻炼变得更有趣

随着生活品质的提升，亚健康人群也越来越多，大家也开始更注重身体健康，运动辅助类产品就成为了更好的助手。

为了让用户做出选择，每个产品都在打造自身的差异化，也想和用户建立情感共鸣。最近发现一款非常可爱的健身软件：Rumbo，以毛茸茸的 IP 形象为健身伙伴，为您的训练日程增添一些乐趣！

三、童趣的图标动效设计

动态图标的运用已经非常普及，可以在静态的模块中强化关注度，特别是在金刚区模块的设计中。

孩子王 App 首页金刚区模块中，“儿童馆”以小孩图标侧空翻的形式入场，使得图标的动态表达更有童趣感。不仅突出该功能的关注度，勾起的童年回忆也增加了用户的情感共鸣。

四、结构化空状态设计

对于初始用户而言，产品中会出现众多无数据的空状态，而空状态的情感化设计也备受重视。

最近在 Moo 日记 App 中发现一个比较特别的空状态设计案例，个人中心相册入口设计中，以照片展示结构化的方式来填充空状态。相较于常规的处理方式来说更加形象，也能让当前界面显得更加饱满，不会出现较大的空白区域。

五、对话式操作引导

我们都希望用户可以按照预设的流程完成目标，但是往往会事与愿违，需要产品设计师不断思考如何通过互动性引导用户。

最近在使用罐头冥想 App 时，通过对话式的互动形式引导操作很有意思，就像朋友聊天一样，让你放下防备心理，更愿意参与到这个互动中。通过情感化的对话场景设计和趣味性的设计表达，更好的引导用户完成操作指引。

六、签到前后的差异化设计

签到是提升用户粘性的常用方式，如何提高用户完成签到的参与度变得至关重要，通过福利策略是最直接的方案。

美团外卖会员签到设计中，签到前以解锁红包的形式进行设计表达，当天签到红包还带有摇摆动效，以此吸引用户的参与度。签到后以进度式的方式进行设计，保障用户直观理解签到的同时，也能削弱板块的视觉比重，给其他功能区域增加曝光度。签到前通过强视觉吸引关注度，签到后削弱视觉比重，提升更多内容的预览体验。

七、个性化的个人中心设计

随着个性化需求的普及，产品设计风格越来越多样化，一些元素的表达也越来越有趣。

比如白日梦 App 的个人中心，个性化的设计风格引人注目，“呆头呆脑”的动态 IP 也十分有趣，瞬间抓住了用户的目光。

八、手绘风 UI 设计

UI 设计风格越来越多样化，通过独特的设计风格带给用户惊喜，加深用户的记忆度。

好好养宠物 App 以手绘风设计为主，采用暖色系进行配色，手绘风图标、插画等也使得界面风格更加温馨可爱。

九、电子相册式空状态

插画运用到空状态的设计中较为普遍，不同风格的插画也能丰富空状态的视觉表现力。

马蜂窝 App 部分空状态以相框结合风景插画进行设计，相框内随机填充风景照片，点击可不断变化不同的风景照。就像电子相册一样，循环播放着自己的旅行足迹，勾起用户的无限遐想。

十、个性化形象设置

用户越来越喜欢追求个性化的体验，以此来突出自己的个性特征，形象装扮就成为了一种有效的选择。

比如好柿花生 App 在个人中心设计中，顶部视觉区域的形象设计可以让用户自行设置，用户可以通过参与抽奖获得装扮道具。不仅满足了用户追求个性化形象的体验感，也能通过解锁抽奖权限提升商业转化率。

小结

希望本期分享的案例可以带给大家一些灵感，描述观点属于个人总结，不足之处欢迎大家留言指正。

-END-

文章转载：黑马家族，版权归原作者所有

这些 UI 设计真有意思！

正文

请到「今天看啥」查看全文