专栏名称: 交互设计学堂
系统学习交互知识,就找老D。干货分享、在线培训、行知书院三大版块帮你提升自己。 最新资讯-全是干货还有老D点评,每天推送; 交互培训-在线课程帮助小伙伴进入交互行业,只要3个月; 行知书院-老D帮小伙伴们解读经典设计书籍,都是“硬”知识。
目录
相关文章推荐
交互设计学堂  ·  为什么我想不到这些设计亮点 ·  4 天前  
ZaomeDesign  ·  每日灵感丨一月十一日 ·  3 天前  
字体设计  ·  别人家的手写字 ·  1 周前  
51好读  ›  专栏  ›  交互设计学堂

为什么我想不到这些设计亮点

交互设计学堂  · 公众号  · 设计  · 2025-01-10 21:30

正文

每次看到这些优秀的设计细节,总能带给自己一些设计反思,为什么我没有想到还能这样设计呢!


发现优秀的设计解决方案是提升设计师眼界的关键,我们也定期给大家推荐一些优秀的案例,希望可以带给大家一些设计思考。



体验目录


一、这个隐藏的手势交互你忽略没

二、情感化的背景设计

三、自适应的瓷片区布局

四、考虑用户习惯的导航设计

五、应景的标签设计

六、情感化的心情记录

七、动态感的个人中心设计

八、动态Banner更有吸引力

九、有点意思的图标设计

十、营造冬季氛围的背景设计


一、这个隐藏的手势交互你忽略没


随着用户体验的不断升级,手势交互变得越发普及,使得产品操作体验变得更有互动感和趣味性。通过手势交互的辅助,让产品设计更加简化,更有利于用户实现操作目标。


我们经常用抖音刷短视频,可以通过单击底部标签栏“首页”进行刷新,长按则会弹出模式切换。通过手势交互的辅助可以快速切换单列、双列展示形式,以及刷新首页和默认静音设置,不知道这个操作你发现了吗?



二、情感化的背景设计


情感化设计可以让产品与用户建立更强的共鸣感,让用户感受到产品的温度,促进对其服务的认可度。


在杭州生活的人会经常使用浙里办,在一些节庆、节气等时间段打开App时,顶部视觉区域背景会进行应景设计。通过情感化的表达方式营造氛围感的同时,也让用户感受到产品的温度,带来更加温馨的体验感。



三、自适应的瓷片区布局


瓷片区的灵活性可以方便更多功能模块的布局,也能自由更换和增删处理,只要保障基础框架结构的稳定即可。


酷狗音乐未登录时首页推荐板块的瓷片区设计,在滑动过程中会进行自适应布局,方便进行结构的填充和内容的补充。默认时隐藏部分内容可以提高当前位置的利用率,便于提高更多内容的曝光度,交互过程中的动效表达也非常的流畅自然。



四、考虑用户习惯的导航设计


抽屉式导航是导航设计表达的形式之一,由于属于隐藏式的设计,通常集合非操作频繁的功能。


酷狗音乐采用了底部标签栏和抽屉式导航结合的形式,即满足高频功能的便利性,也能集合更多低频功能。由于大屏手机的普及,用户单手操作的习惯各有差异,考虑用户左手或者右手都能轻松打开导航,酷狗音乐右上角的导航图标可以从右侧打开导航,左手贴边向右滑可以从左侧打开导航,满足了不同操作习惯的用户需求。



五、应景的标签设计


标签设计的表达形式非常多样化,也被运用到众多的场景中,辅助内容的传播与理解等。


天气冷了,大家会在淘宝买一些秋冬服装等商品,当搜索秋冬外套、保暖等关键词时,会出现降温坐标、轻暖等标签设计。通过标签突出了商品关键词的特征,也让用户可以感受到季节的变化,促进商品被搜索的概率。



六、情感化的心情记录


随着生活压力和职场压力的不断增加,为了缓解大家的焦虑情绪,衍生出很多日记类产品,帮助大家记录心情和管理调节。


最近在使用心岛日记记录心情时,记录界面设计感觉很有意思。通过转盘的交互形式选择心情,也通过应景的动效表达辅助心情传递,整体设计情感化体验度非常好。



七、动态感的个人中心设计


个人中心的设计在整个产品设计中都是非常重要的存在,也因此出现了众多优秀的设计方案。


心岛日记的个人中心设计中,顶部区域背景以动态的形式表达,描绘出的场景让人心情愉悦。相较于静态画面的表达,动感的设计更能打动用户。



八、动态Banner更有吸引力


Banner设计在产品中的表现形式也非常丰富,可以在视觉创意中发挥,也可以在造型结构中变化,还能动静各异。


最近在使用支付宝时,首页为了突出发放消费券的活动,采用了动态Banner设计。突出的视觉和动感的效果,让活动变得特别突出,增加板块吸引力,提高用户参与度。



九、有点意思的图标设计


随着图标设计的风格越来越多,使得产品设计的感官体验得到了提升,设计师也在不断尝试更多的创意表达。


最近在飞猪旅行App中,发现其图标设计有点意思。部分图标采用书法里面的连笔形式,结合渐变色使得整体图标风格年轻活泼,设计表达独特而有新意。



十、营造冬季氛围的背景设计


冬天虽然很冷,但是也有独特的风景带给大家,在寒冷中感受这个季节的独特魅力。


飞猪旅行App在首页设计中,顶部背景区域结合冬季下雪与堆雪人等元素,以动态的形式营造了这个冬季独有的氛围感。不仅提升了产品的感官度,也让用户更有季节代入感。



小结


设计灵感来源于日积月累,希望我们的产品体验日记栏目可以成为大家积累的来源。本文描述属于个人观点,不足之处大家留言补充。


— END —

注:交互设计学堂公众号接受投稿啦,如果你有好的原创设计类文章,可联系客服。别让灵感溜走,快来投稿吧~~