UI设计中三个重要的主题化区域,你知道吗?

Date 2024-06-11 17:20:07

  作为UI设计师,我们经常关注产品设计的变化,发现设计细节将有助于提高我们的思维。特别是在一些节日和特殊时期,你会无意中发现一些常见的设计细节给人一种氛围感。

  改变现有架构中的表现层是整合主题以实现氛围感的常见形式。UI场景中有三个最常见的主题区域:底部标签栏、顶部视觉区和金刚区。让我们列出几个案例。



  1.标签栏底部的主题设计

  1、底部标签栏图标主题

  更换底部标签栏图标是最方便的形式,而不改变结构。氛围也很容易通过主题图标传达。这种形式是节日庆典、购物季节、主题活动等场景中最直观的表达方式之一。

  例如,在中秋节期间,优酷APP用各种月饼形状取代了底部标签栏图标,主题创作也非常明显。将原始图标形状融入月饼图案中,镶嵌图案的设计非常巧妙,不仅保留了原始的识别特征,而且增强了主题氛围感。



  除了在图标建模中发挥作用外,主题文案还可以融入到设计中,这也是一种更直接的表达形式。作为一个特定的主题,我们需要控制主题文案的数量。

  2、底部标签栏背景层

  在底部标签栏的设计中,除了通过图标设计附加主题外,还可以在背景层营造主题氛围。由于底部属于操作频繁的区域,背景层的设计不能太引人注目,容易干扰功能识别和操作。比如前段时间抖音APP创建底部标签栏背景层的时候,黑色层上使用的颜色比较深,不同于原来的黑色沉浸式体验,白色背景上的效果还可以。

  没过多久,抖音设计团队就更新了背景元素的色调,削弱了视觉感。更符合原有的感官体验习惯,也能增强主题感。

  除了抖音,小红皮书应用程序还创建了底部标签栏的背景层。如果建筑面积相对较大,则更适合无图标形式(纯文本版本的底部标签栏)。如果有图标,则适用于局部强化。


UI设计中三个重要的主题化区域


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

  顶部视觉区域包括状态栏、导航栏和顶部内容区域,主要是白色背景、灰色背景、品牌背景和运营主题背景。它也是一个常见的区域,以增强视觉感,这也是一个很好的选择,以创造一个主题氛围。

  该区域不仅可以作为功能活动的入口,还可以作为特殊时期的氛围。许多产品将在顶部视觉区域进行适应,以满足多场景的需求。

  顶部视觉区域的强化也是增强页面感官体验的方式之一。除了创建静态背景外,还可以使用动态或流体渐变。

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

  金刚区也是主题设计中最常见的区域,因为它具有很强的灵活性,方便元素替换和重组,就像变化无常的金刚一样。

  1、图标主题化

  在一些特定的主题日活动中,金刚区的图标可以被带有主题元素的设计所取代,以增强活动氛围。通常在分阶段时间内显示,可以是图标建模层面的主题,也可以是镶嵌在图标建模中的主题文案,灵活性相对较高。

  2、局部动态表达

  除了金刚区的整体变化外,还可以在局部图标上进行设计,干扰相对较低。通常以图标微动态效果为主,突出个别功能和活动主题。不适合过度动态效果,容易相互干扰,适合局部动态效果表达,突出局部内容的关注。

  金刚区作为一个曝光率高的区域,往往是流量分配的关键场景,主题发挥也很灵活。


以上是小编今天分享的UI设计三个重要主题区域。你知道吗?我希望这篇文章能对那些想要零基础学习UI设计的人有所帮助。学习是一个漫长的过程。如果你想更快地学习UI设计,你可以来优曼UI设计培训班学习,让你更快地掌握UI设计技术,有7天的免费试用体验。

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计