谈谈交互设计中的Banner应用(八)
这篇文章我们继续说说配色问题,一起来看看剩下的几种配色体系,以及一些常见的字体类型。
对比色系
对比色系,色环上相距120-180度的两种颜色(180度为补色),对比色的搭配能给画面带来华丽、跳跃、丰富的视觉美感、高纯度、高亮度等面积的搭配,会产生强烈的刺激感,干扰用户的视觉体验。在画面中,往往会考虑面积比、纯度比、明度比、空间间隔比,平衡画面之间的视觉感。
创新配色
除基本色系配色外,还可尝试更多的配色风格。有目的地运用色彩元素,丰富画面色调。
色彩比例:
banner颜色需要考虑页面的统一性;banner尺寸小,信息颜色不宜过多,2-3种即可。画面主要由主色、辅色、点缀色组成,黄金法则60:30:10,主色60%左右,辅色30%左右,点缀色10%左右。
字体
字体类型:
无衬线体
粗的黑体,具有官方严肃气质,自带有力量感,视觉冲击强烈,与速度线条、碎片、划痕等设计手法十分搭配。细的黑体,具有年轻、简约、细致的感觉。无衬线体易读性较强,常用于科技类banner中。
衬线体
衬线体装饰性较强,给人带来活泼、轻松的感觉。比较适用于文化、文艺、美食、女性、时尚等行业。
圆体/卡通字体
具有趣味性和活泼感,适用于儿童、宠物类、休闲食品、家居等行业。
书法体
有韵味和艺术感,视觉张力丰富,适用于中国风、艺术感等画面。硬笔书法字体:优雅、有亲切感,适合传统、文化等画面。
字体样式:
考虑字体大小、字重、颜色。文案有主文案和副文案之分,需要有对比性。字体的颜色选择需要考虑与背景色的搭配效果、banner主题间的关联,选择合适的颜色能凸显文案。
配色和字体问题就说到这里了,下篇文章跟大家讲讲辅助图形和动效,这也是比较重要的内容,继续去看看吧!
以上就是“谈谈交互设计中的Banner应用(八) ”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
对比色系
对比色系,色环上相距120-180度的两种颜色(180度为补色),对比色的搭配能给画面带来华丽、跳跃、丰富的视觉美感、高纯度、高亮度等面积的搭配,会产生强烈的刺激感,干扰用户的视觉体验。在画面中,往往会考虑面积比、纯度比、明度比、空间间隔比,平衡画面之间的视觉感。
创新配色
除基本色系配色外,还可尝试更多的配色风格。有目的地运用色彩元素,丰富画面色调。
色彩比例:
banner颜色需要考虑页面的统一性;banner尺寸小,信息颜色不宜过多,2-3种即可。画面主要由主色、辅色、点缀色组成,黄金法则60:30:10,主色60%左右,辅色30%左右,点缀色10%左右。
字体
字体类型:
无衬线体
粗的黑体,具有官方严肃气质,自带有力量感,视觉冲击强烈,与速度线条、碎片、划痕等设计手法十分搭配。细的黑体,具有年轻、简约、细致的感觉。无衬线体易读性较强,常用于科技类banner中。
衬线体
衬线体装饰性较强,给人带来活泼、轻松的感觉。比较适用于文化、文艺、美食、女性、时尚等行业。
圆体/卡通字体
具有趣味性和活泼感,适用于儿童、宠物类、休闲食品、家居等行业。
书法体
有韵味和艺术感,视觉张力丰富,适用于中国风、艺术感等画面。硬笔书法字体:优雅、有亲切感,适合传统、文化等画面。
字体样式:
考虑字体大小、字重、颜色。文案有主文案和副文案之分,需要有对比性。字体的颜色选择需要考虑与背景色的搭配效果、banner主题间的关联,选择合适的颜色能凸显文案。
配色和字体问题就说到这里了,下篇文章跟大家讲讲辅助图形和动效,这也是比较重要的内容,继续去看看吧!
以上就是“谈谈交互设计中的Banner应用(八) ”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。