成都UI培训系列-UI界面主体化设计

详情描述：

作为UI设计师来说，我们会经常关注着产品设计的变动，发现设计细节将有助于提升我们的思维。特别是在一些节庆和特殊时间段期间，你会在不经意间发现一些常见的设计细节被赋予氛围感。在已有的架构中改变表现层，是融入主题达到氛围感的常见形式。在 UI 场景中有三个常见的主题化区域：底部标签栏、顶部视觉区、金刚区，下面川软教育带大家具体聊聊。

一、底部标签栏主题化设计

1，底部标签栏图标主题

在不改动结构的情况下，替换底部标签栏图标是较为方便的形式。通过主题化的图标也非常容易传递氛围，无论是在节日庆典、购物季、主题活动等场景中，这个形式都是较为直观的表达之一。

2，底部标签栏背景层

底部标签栏的设计中，除了通过图标设计附和主题之外，也可以在背景层进行主题氛围营造。由于底部属于操作频繁区，背景层的设计不能过于抢眼，容易干扰功能的识别与操作。

二、顶部视觉区强化主题感

顶部视觉区包含状态栏、导航栏和顶部内容区域，通常是白底、灰底、品牌色底和运营主题背景等为主。该区域不仅可以作为功能性活动入口，也能在特殊时间段作为氛围营造。很多产品都会在顶部视觉区域做应变处理，满足多场景的需求发挥。

三、金刚区图标设计主题化

1，图标主题化

在一些特定主题日活动中，可以将金刚区图标替换为带有主题元素的设计，以此增强活动氛围。通常是阶段性时间内展示，可以是图标造型层面主题化，也可以是主题文案镶嵌在图标造型中，灵活性相对比较高。

2，局部动效化表达

除了整体金刚区变动以外，也可以在局部图标上进行设计发挥，这样带来的干扰性比较低。通常是以图标微动效为主，以此来突出个别功能和活动主题等。不适合过度动效，容易互相干扰，适合局部动效化表达，突出局部内容的关注度。

产品设计除了常规性的视觉升级和功能优化以外，主题化设计也是至关重要的，可以让用户时刻感受产品的变动。一成不变的体验使用时间长了也会麻木，结合节日庆典和一些主题活动进行视觉呈现，可以在感官体验层面得到提升。