广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

19年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

这些 UI 设计有点儿意思
发布日期:2025-01-22 12:00:50 浏览次数: 808 来源:UI范


正文


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


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





体验目录


一、形象化心情设置

二、让锻炼变得更有趣

三、童趣的图标动效设计

四、结构化空状态设计

五、对话式操作引导

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

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

八、手绘风 UI 设计

九、电子相册式空状态

十、个性化形象设置




一、形象化心情设置


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


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





二、让锻炼变得更有趣


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


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





三、童趣的图标动效设计


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


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





四、结构化空状态设计


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


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





五、对话式操作引导


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


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





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


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


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





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


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


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






八、手绘风 UI 设计


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


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





九、电子相册式空状态


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


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





十、个性化形象设置


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


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





小结


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

优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询