商业设计宝典第一讲矢量风格平面广告设计配色实战项目分析海报类型户外广告配色分析三角形配色方案案例分析作品为矢量风格户外广告,利用矢量风格的图案与人像照片相结合的手法,使画面内容丰富,活泼有趣。作品主要采用了红黄蓝三种原色为主,是典型的三角形配色方式。背景中斑点图案的添加使画面中的内容丰富又不凌乱,适当的留白为版面营造了空间感。版式分析1.空间型作品以大面积的留白为画面营造了空间感,使公众的视觉重心更加明确。文字与人物在一条水平线上,可以更好的引导公众去阅读文字。2.文字居右型将文字居右排放,使文字的排版更加整齐。但是这样的排版方式,使版面失去了原有轻松、自由的感觉。3.居中型将横版变为竖版,文字和图案居中对齐,整个版面的排版效果整齐、大方。先图后文的视觉顺序符合公众的视觉习惯。但是由于画面元素过多,使画面产生了一种过分拥挤的感觉。配色方案1.明度对比低明度高明度低明度的色彩搭配通常会给人一种晦暗、低调的感觉,用在该作品中,与主题诉求不符。高明度的作品给人一种高调、张扬的感觉。运作在该作品中,给人一种不稳定、不踏实的感觉。2.纯度对比低纯度高纯度低纯度色调会给人一种朦胧、模糊的视觉印象。颜色纯度太高,会给人一种跳跃、不稳定的视觉印象。3.色相对比紫灰色调棕灰色调当画面整体为紫色调时,背景需要与前景颜色拉开差距,一旦背景颜色纯度过低,则容易给人一种灰暗,模糊的感觉。当采用低纯度的棕灰色调背景时,画面整体呈现出比较压抑的感觉,少了版面所要传递欢快气氛。4.面积对比临近色的大面积使用辅助色的大面积使用背景与文字底色采用了临近色的色彩搭配,这样的配色使画面色调统一、和谐。将文字底色改为红色,这样的色彩搭配使文字变得不清晰,很难分辨。色彩延伸中明度色彩基调洋红色调将背景改为带有律动感的条纹背景效果,为画面增加了流畅、活跃的感觉。将背景和文字底色改为多彩的色块背景,柔和的色调与女性主题海报相符。佳作欣赏第二讲绿色食品标志配色实战项目分析类型标志设计配色分析临近色配色方案案例分析作品圆形的设计手法给公众一种视觉上的集中感。使公众在注视标志时可以增加其视觉印象。作品中反白的文字可以增加文字的信息传递性。作品通过绿色的食物来与绿色食品标志主题相呼应。标志形态分析1.圆型标志圆形的标志可以将公众视觉集中在一点上,这样的形态在标志设计中是很常见的。2.图文结合标志将作品中多余的元素进行删除,只保留了文字和玉米素材,这样的设计给人一种简约的感觉。但是由于结构过于松散,不易吸引公众的注意力。3.图形为主的标志将玉米素材和文字居中排放,给人一种视觉上的顺畅的感觉。但是这样的设计过于平凡,不容易抓住人的眼球。配色方案1.明度对比低明度高明度低明度的色彩搭配给人一种不通透、沉闷的感觉。当颜色明度过高时会给人一种浮躁、不踏实的感觉。2.纯度对比低纯度高纯度颜色纯度低,给人一种陈旧、不洁的感觉。颜色纯度过高,会给人一种生硬、艳俗的感觉。3.色相对比紫色调红色调将紫色调应用在绿色食品的标志中显然与主题诉求不符。将标志改为红色调,红色调给人一种热情、火辣的感觉,但是使用在绿色食品标志中不合适。4.面积对比类似色的大面积使用辅助色的大面积使用将标志的底色改为渐变色,改变后的标志给人一种不干净,不整洁的感觉。将标志中的彩带更改为黄色,辅助色的大面积的使用,使整个标志变得主次不分明。色彩延伸绿色调蓝色调将作品改为绿色调,这样的配色方式给人一种绿色、健康的感觉。将作品中的彩带更改为蓝色,文字更改为黄色,这样的互补色的配色方案,给人一种很强的视觉冲击力。佳作欣赏第三讲活力旅游网站配色实战项目分析:网页类型空间型网页布局配色分析互补色配色方案案例分析:作为旅游网站,在设计时应该注意网站整体的美观性。该作品给人一种较为强烈的空间感,布局紧凑,设计合理。例如相关景区的收费情况,联系电话、搜索功能等等,布局规整且人性化。在旅游网站设计中,配色应该选择一些能给人愉快感觉的配色方案。例如在本案例中选择以蓝色为主色调,搭配橙色,这样的配色方案给人一种清新活力的感觉。笑容是可以传染的,作品中人物满面笑容,极具感染力,让用户人心情愉悦。版式分析:1.空间型空间型的版面设计可以让有限的版面呈现出无限的空间。这样的设计可以缓解由于版面过于紧凑带来的压迫感。2.简约型简约型的版面设计给人一种干净、简单的感觉,作品中只显示必要的相关信息,在方便用户的同时也可以加深用户的印象。3.紧凑型将版面中的信息有秩序的进行集中排列,这是集中型的特点之一。作品将所有模块进行规整、紧凑的编排,给人一种整齐、正式的感觉。配色方案1.明度对比低明度高明度作为旅游网站,配色方面应该给人一种清新、活泼的感觉,但是由于作品整体明度过低,给人一种刻板、生硬的感觉,无法吸引用户的注意力。由于网页是通过使用电脑显示器进行查看的,网页的颜色明度过高会造成视觉疲劳。明度较高的配色还会给人一种浮夸、轻薄的感觉。2.纯度对比低纯度高纯度颜色纯度过低会让整个界面缺乏生气,给人一种沉闷、颓废的感觉。这与旅游类网站的主题背道而驰。高纯度的颜色会吸引人的注意力,但是颜色纯度过高会给人一种压迫、跳跃的感觉。所以要根据实际情况调整颜色的纯度。3.色相对比蓝色调绿色调蓝色调的背景给人一种沉闷的感觉,虽然蓝色与青色为类似色,但是蓝色没有青色那种清新、活泼的感觉。将色调改为绿色调,与背景中的海景色调不符,给人一种不自然、不和谐的感觉。4.面积对比临近色的大面积使用辅助色的大面积使用大面积临近色的使用,导致前景与背景颜色区别不大,导致前景不够突出。作品虽然将前景颜色的亮度较高,但是缺少颜色变化,导致无法区分模块之间的关联。5.色彩延伸绿色系黄色系很多旅游网站都会选用绿色调作为网站的主色调,这是因为绿色是自然的颜色,可以让用户感受到自然气息。黄色调作为明度较高的颜色,可以吸引用户注意,还能够给人一种温暖、阳光、活力的感觉。6.佳作欣赏第四讲家具网站促销广告配色实战项目分析:广告类型网站促销广告配色分析互补色配色方案案例分析:以高明度的浅灰色为背景给人一种干净、利落的感觉。将网格作为背景可以让整个版面看起来丰满且具有空间感。互补色的应用增加了视觉冲击力,在吸引人注意的同时可以给人留下深刻印象。作品简洁、大方,不仅能可以通过广告语吸引用户,还使用商品来吸引用户。版式分析:1.自由型制作一个蓝色的圆形底色,然后将文字排列在上面,这样起到了凸出的作用。将关键字增加字号起到了强调、凸出的作用。2.居中型作品将重点文字的字号增大,可以吸引用户注意。但是由于画面中的元素太多,文字显得过于凌乱,没能够将文字部分很好的凸显出来。3.倾斜型作品中文字部分与背景结合不够密切,使整个版面过于凌乱,毫无美感。配色方案1.明度对比低明度高明度作品降低明度后画面使用了吸引力,使原本干净、整洁的画面变得暗淡、浑浊了。增加了作品的明度后整体颜色变淡了,细节表现的不够完整。2.纯度对比低纯度高纯度低纯度的色彩搭配往往给人一种温柔、恬静的感觉,但是在作品中却给人一种过于沉闷、模糊的感觉。增加画面颜色的纯度使颜色更加饱和,这样使作品更具有表现力,但是在实际操作中要根据作品的自身特点来设置颜色的纯度。3.色相对比洋红色调黄色调将文字底色更换成洋红色,将辅助色更换为绿色这使原本理性的色彩搭配过于牵强、生硬。更换色调后的画面整体颜色明度降低,在信息量庞大的网页界面中很难吸引消费者的注意。4、面积对比邻近色色的大面积使用互补色的大面积使用蓝色的明度较低,大面积使用蓝色降低了作品整体的明度。作品背景颜色纯度和明度都太高,使前景文字失去了吸引力。5、色彩延伸淡粉色调黄色调将该广告更改为低纯度、高明度的淡粉色调,可以让人从中感觉到家所带来的温馨、安逸的感觉。将主色调更改为黄色,给人一种温暖的感觉。文字部分进行了描边处理,起到了凸出、强调的作用。6、佳作欣赏第五讲立体饼干盒项目分析:包装类型立体饼干盒包装配色分析混合、趣味的色彩搭配案例分析这是一个立体饼干盒的包装设计,为了表现产品健康美味的特点,选择浅色调的色彩作为背景,给人温和的第一印象。鲜明的色调给人舒畅、明朗的第一印象,粉色和蓝色组合体现饼干的鲜美,水果的点缀,突出表现商品的味觉。在立体包装盒设计中,结合商品的设计,可以更直观的突出商品的特点,可以更好为消费者提供选择。配色方案1、明度对比低明度高明度纯度较低的各种灰色可以获得一种安静、柔和、舒适的感觉,但是整体的表现力减弱。高明度色彩为主色调的插画设计中,可表现清新、明朗、轻快的环境氛围。2、纯度对比低纯度高纯度低纯度色则相对朴素低纯度的色彩,整体包装缺乏活力,给人乏味、枯燥的感觉。高纯度色彩饱满,热烈,十足的生活味。能够达到良好的宣传效果,提高消费者的购买欲。3、色相对比红色调紫色调红色调的包装,隐约的红色调,没有良好的突出商品。紫色调的包装,和谐的画面色彩,没有达到吸引注意力的表现。4、面积对比紫色面积粉红色面积的使用紫色调的使用,调和包装中典雅高贵的气息,可以良好的吸引人的目光。增加了粉色的色彩面积使用,加强了画面甜蜜的印象。5、色彩延伸表现温暖表现跳跃鹅黄色背景,是清净雅致的色彩,表现出温暖开朗的感觉。和谐的色彩搭配,结合水果本身的特点,让商品效果更佳跳跃。6、佳作赏析优秀包装设计方案简洁而大方的包装设计,运用白色调搭配其它色彩,结合商品,更有宣传效果,整体包装很简单却给人以诱惑。绿色调清爽安逸的色彩,给人自然清新的感觉,与不同的水果结合,形成鲜明的对比,互相衬托,整体带来鲜活、美味的视觉味道。丰富的色彩搭配,直观的的突出商品所具备的特点,让消费者更直观的知道商品的优点,更好的为消费者提供选择。第六讲趣味儿童主题混合插画项目分析:插画类型趣味儿童主题混合插画配色分析混合、趣味案例分析混合插画的艺术创作是两种风格的融合,最大限度的满足想要达到的效果要求,画面内容饱满丰富,时代感强烈。儿童插画通常给人活泼可爱、亲切有趣的印象,在儿童插画设计中要注意:主题形象、色彩搭配要足够鲜明,既要很好的体现主题又要展现出儿童可爱、快乐、充满活力的特点。作品采用真实的人物形象为主题,以矢量花纹元素为装饰。结合混合配色的手法,使用了低明度的绿色作为主色表现出柔和、舒适、安逸的感觉,图中儿童可爱的表情,让整个画面充满浓浓的趣味性。配色方案1、明度对比低明度高明度儿童插画原本该有的活跃、欢乐的气氛随着将背景颜色明度降低后也消失了。随着画面明度的调高,不难发现画面细节缺失严重,前景与背景的对比减弱,画面中的主体没有很好的凸显出来。2、纯度对比低纯度高纯度低纯度色则相对朴素,低纯度的色彩能够降低对比的强度,达到明快、舒适的画面效果。一般来说,儿童插画都会选用高纯度的配色方案,但是在该图中,画面整体颜色饱和度都很高,导致画面整体色调过于生硬、刺激。3、色相对比青色调绿色调青色调通常给人一种冷静、睿智的视觉感受,这样的色调应用在儿童插画中是不合适的。深黄色调的背景,搭配着低纯度的前景,画面整体给人一种模糊、脏的视觉感受,这样的配色与儿童插画的主题相违背。4、面积对比绿色调黄绿色调将背景改为高明度的绿色调,背景的颜色过于抢眼,使前景中的人物失去吸引力。单纯的蓝色背景缺少变化,由于颜色纯度过高,给人一种生硬、死板的感觉。5、色彩延伸紫色调洋红色调将背景改为紫色调,与前景中多彩的颜色相互呼应,画面色彩丰富、活跃。洋红色总是给人一种温柔、俏丽的感觉,在儿童插画中添加洋红色调,也可增加画面独特的可爱气息。6、佳作赏析优秀作品赏析暗色调的背景,夸张的人物动作,虚实结合的画面,混合插画总是可以瞬间吸引人的注意,使人印象深刻。富有创意的插画,给人留下极为深刻的视觉印象。绿色调是清爽安逸的色彩,绿色调的运用让画面整体给人安逸、舒适的感觉。作品中粉色调的背景给整个画面营造出可爱优雅的气息,点缀的花朵提升了画面优美的氛围,给人温馨的感觉。第七讲卡通风格书籍项目分析:书籍类型卡通风格书籍配色分析临近色配色方案案例分析:以清新、可爱绿色为主色调,整个封面采用临近色的配色方案进行色彩搭配,使整个画面色调统一、和谐。作品为卡通书籍封面,画面中的卡通