这些设计细节让中秋更有氛围感

文摘   教育   2024-09-18 08:33   浙江  

黑马哥设计交流微信号:heimaui

--------------------------------


Hi~ 大家好,我是 黑马青年 ~。感谢大家的关注与支持,我们将会不断努力为大家带来更多设计总结和职场经验,我们互相进步~O(∩_∩)O~



前言


中秋节刚结束,在这个假期里面发现了很多渲染中秋氛围的设计,这些设计细节的表现让中秋节更有氛围感。黑马哥挑选了其中的几个代表性的设计细节,和大家一起交流一下,看看这些产品是通过哪些设计细节让中秋更有氛围感的。





目录


1、主题化应用图标

2、提升按钮设计氛围感

3、顶部 Tab 导航的差异化

4、主题化顶部视觉区域背景

5、封面边框元素装饰

6、主题化图标设计

7、突出卡片视觉氛围

8、闪屏广告设计

9、主题嵌入品牌 LOGO




1、主题化应用图标


应用图标是用户接触产品的第一步,也是最容易给用户留下印象的开始。在中秋节期间很多产品都会在应用图标设计上面渲染氛围感,通过主题化的表达丰富图标视觉,以此来拉近与用户之间的亲和力。


设计方向上面通常是中秋文案嵌入、主题化 IP 形象、节日氛围感点缀等,直观地让用户感受到中秋佳节的氛围感。





2、提升按钮设计氛围感


按钮在产品中起到非常重要的引导作用,通过强化按钮设计的氛围感,可以更直观的吸引用户的关注度。将中秋元素结合到按钮背景中,不仅可以突出中秋氛围,也会使得按钮的样式表达与常规形式有差异。



可以是静态表达,也可以通过微动效的形式呈现。





3、顶部 Tab 导航的差异化


顶部 Tab 通常都是文字形式表达,也有产品会添加一些装饰元素、图标、配色等来体现设计差异。中秋节期间也会通过突出顶部 Tab 导航来增加氛围感,而月饼元素就是最直观的表达。





4、主题化顶部视觉区域背景


突出顶部视觉区域背景可以使得产品具备更强的视觉张力,也能更吸引用户的关注度,通常都是通过背景色、插画、图形、图片等形式。通过中秋主题插画作为背景是最直观的形式,渲染中秋氛围也是非常突出。



除了静态的插画形式以外,也可以结合插画局部元素的微动效表达,吸引力也是非常直观的。





5、封面边框元素装饰


将中秋相关的元素作为封面边框装饰,虽然改变了封面设计默认的视觉统一性,但是差异化的形式也能吸引用户关注度。对于中秋主题的突出也是非常直观的,是一个不错的设计技巧的表达。





6、主题化图标设计


将中秋元素结合到图标设计中也是常用的技法,可以是直接与图标创意结合,也可以通过微动效的形式进行转场。通常在金刚区和底部标签栏等区域最常见,以结合渲染活动氛围为主。






7、突出卡片视觉氛围


卡片式设计有很好的信息归纳作用,将中秋元素结合到卡片背景中,可以突出卡片视觉氛围。除了背景渲染以外,也可以点缀卡片局部位置。





8、闪屏广告设计


将中秋主题结合到闪屏设计中是最常见的做法,不过闪屏广告的形式更多一些,利用节日氛围拉近用户的亲和力,提高转化率。





9、主题嵌入品牌 LOGO


将中秋主题元素结合到品牌 LOGO 中,不仅可以突出中秋氛围,也能助力品牌传播。通常是配合微动效形式表达,将主题元素和 LOGO 图形进行动态演变,以此吸引用户的关注度。





小结


在不改变产品原生结构的基础上,融入中秋元素来增强节日氛围感,不仅可以带给用户更亲和的感官体验,也能提高节日期间的商业转化率。通过分析中秋期间一些产品的设计表现形式,可以提升我们对于营造氛围感的方向,为更多节日氛围的营造积累经验。


本文由 @黑马青年(heimaui)原创发布。未经许可,禁止转载。




 专业提升 & 打造作品   


适合需要打造求职作品集和设计能力提升的同学,黑马哥会一对一指点输出作品集,助你更快的实现职业晋升。


黑马家族
一群执着于设计的黑马,为你带来原创设计文章/教程/职场经验/专业拔高。
 最新文章