如何创建UI视觉设计?
2020-03-03 757
如何创建UI视觉设计?
视觉设计语言是设计系统的核心。它由可用于构造数字产品的可识别组件组成。您的视觉设计语言由四个主要类别组成,您应该考虑这些设计元素在屏幕上每个组件中所扮演的角色。
颜色
设计系统中的常见颜色包括代表您品牌的1-3原色。您可能希望包括一系列色调(一种颜色与白色混合)和阴影(一种颜色与黑色混合),以便为您的设计师提供更多选择。
版式
大多数设计系统仅包含2种字体:1种用于标题和正文的字体,以及一种等宽字体的代码。保持简单,以避免过载和用户混乱。尽量减少字体数量;这不仅是版式设计的最佳做法,而且还可以防止由于过度使用网络字体而导致的性能问题。
尺寸和间距
有节奏和平衡时,用于间距和大小调整的系统看起来最好。基于4的缩放比例由于其在iOS和Android标准,ICO大小格式,甚至是标准浏览器字体大小中的使用而越来越受欢迎,成为推荐的缩放比例。
意象
用视觉设计语言成功实现图像的关键在于制定计划并坚持下去。设置插图和图标的准则,并针对情况使用最佳图像格式。
视觉设计语言是设计系统的核心。它由可用于构造数字产品的可识别组件组成。您的视觉设计语言由四个主要类别组成,您应该考虑这些设计元素在屏幕上每个组件中所扮演的角色。
颜色
设计系统中的常见颜色包括代表您品牌的1-3原色。您可能希望包括一系列色调(一种颜色与白色混合)和阴影(一种颜色与黑色混合),以便为您的设计师提供更多选择。
版式
大多数设计系统仅包含2种字体:1种用于标题和正文的字体,以及一种等宽字体的代码。保持简单,以避免过载和用户混乱。尽量减少字体数量;这不仅是版式设计的最佳做法,而且还可以防止由于过度使用网络字体而导致的性能问题。
尺寸和间距
有节奏和平衡时,用于间距和大小调整的系统看起来最好。基于4的缩放比例由于其在iOS和Android标准,ICO大小格式,甚至是标准浏览器字体大小中的使用而越来越受欢迎,成为推荐的缩放比例。
意象
用视觉设计语言成功实现图像的关键在于制定计划并坚持下去。设置插图和图标的准则,并针对情况使用最佳图像格式。