那下面我们就开始研究一下,如何通过图形在UI快速成型中发挥重要作用。
为什么图形如此重要?
首先,我想从设计语言的角度来谈一谈。我们可以看看一些大公司发布的设计系统,如苹果、谷歌、微软和IBM,它们的基本风格栏里都包含了图形图标模块。特别是谷歌,在去年更新设计语言时,直接将图形与品牌结合起来,并提供了一些案例用于演示。
为什么他们会这样做?
其实我们都能感受到图形的重要性。图形可以让产品有记忆点,同时传递品牌理念,提升设计品质的同时,还能增强界面细节。在一些枯燥的纯文字界面中,如果有图形的辅助,整体设计就会焕发新的气息。
有哪些方式来运用图形在UI快速成型中?
图形的运用方式多种多样,但有些效果并不好,反而让界面显得过于装饰化。所谓的“纯粹装饰主义”就是这样的,虽然看起来好看,但只要换个颜色,在任何产品上都能使用。
以下是一些关于如何有效运用图形在UI快速成型中的方法和思路:
-
品牌DN符号的运用
品牌图标提取出的符号运用是目前最高级、最顶层的运用,贯穿于全局设计体系之中,包含组件的血统中。这种符号具有原创性和较强的记忆点。当然,品牌图标的提取并非易事,需要考虑到图形的拓展性以及运用范围是否受到局限。
以某款手机产品为例,其设计团队便运用了这一方法。他们从品牌图形中提取出了一系列符号,并将其贯穿于产品设计之中。 -
点与线的运用
点与线在设计中应用非常广泛,包括平面设计、品牌设计、包装设计和UI界面设计等。有些产品甚至将点与线的元素运用得出神入化,形成了自己独特的品牌符号。
以某音乐APP为例,其设计师在启动页中展示了产品的Logo,并采用带有律动节奏的粗线条进行装饰,进一步强化了音乐元素。 -
底纹图形的运用
底纹图形在产品设计中应用也很广泛,如个人中心、会员卡片等。开屏启动页或一些重点栏目的功能卡片上,甚至平面类和杂志类设计也会运用到这种图形。
以某品牌海报为例,设计师通过线的元素,使用弧度进行装饰,并不断重复使用,形成了一种空间感,使得设计不再枯燥。
在使用这些方法和思路时,需要注意以下几点:
- 图形元素在产品中最好保持单一,通过这个符号不断重复运用在整个设计中,让界面更加统一。
- 图形元素的色彩要控制好,要么使用单色或渐变色,以免影响整体效果。
- 合理运用图形技巧,可以让UI设计更加丰富、生动,提升用户的使用体验。
以上就是我在图形UI快速成型方面的认识和经验。希望对大家有所帮助,我们下期再见!