电商视觉营销.pptx
- 文档编号:1215278
- 上传时间:2022-10-19
- 格式:PPTX
- 页数:232
- 大小:6.48MB
电商视觉营销.pptx
《电商视觉营销.pptx》由会员分享,可在线阅读,更多相关《电商视觉营销.pptx(232页珍藏版)》请在冰豆网上搜索。
第一章,平面设计基础,1.1经典形式美法则,了解形式美法则之前,我们需要了解“点、线、面”的概念。
纯粹具象的“点、线、面”在自然界中是不存在的,属于抽象出来的概念,“面”可以由点和线构成,可以是无数的点的集合,也可以是无数的线的结合排列;“线”的概念又小一些,是由无数的点排列形成的。
“点”这个概念很特殊,既可以是最小的概念,同时又可以是最大的概念,因为“面、线”无限缩小都会变成点。
点线面之间的关系相互变化统一的关系,1.1.1对称与均衡,对称是自然界中的很常见的形式美法则,我们的人体就很好地诠释了对称法则,对称本身具有平衡感,能给人稳定、均匀、整齐、协调、庄重、完美等朴素的美感。
视觉上会形成一种单纯简洁的美的享受,大脑对这种对称的图形也更容易理解与接受,人类接受自己的对称,也对对称的事物有好感,进而产生了美感,1.1.2重复与节奏,重复和节奏之间有着内在的联系,节奏是周期性的重复,节奏中的重复次数比较多,重复是指相同物象的再一次出现,并没有次数上的要求。
依据一定规则进行的重复,可以使画面具有秩序感和运动感,1.1.3对比与统一,一般来说,对比关系主要是通过形状的大小、粗细、长短、宽窄、厚薄;方向上的垂直、水平倾斜;位置上的高低、左右、上下、远近;色相上的明暗、冷暖;形态上的虚实、轻重、动静等多方面的对立因素来达到的。
课堂作业:
任何具有美感的事物,都包含一种或多种形式美法则,请以小组为单位讨论并举例说明,然后,依据形式美法则,对10件相同的商品进行排列要求:
1、讨论要求在教师的安排下以小组为单位。
小组成员将讨论结果整理成文字,记录在课堂作业本上。
2、将10件相同的商品排列出至少5种不同的组合形式。
1.2常用色彩配色设计法则及进阶学习,在描述色彩的时候我们通常会使用专业术语,最基础的术语就是色彩的三要素:
色相、明度、纯度。
色相,顾名思义就是色彩的相貌,赤、橙、黄、绿、青、蓝、紫就是不同的颜色的相貌,他们的色相各不相同。
明度,就是色彩的明暗程度,色彩的明度高,就是将光调亮一些,反之,就是调暗一些,1.2.1色彩搭配法则,配色涉及的三个概念为:
主色、辅助色、点缀色。
主色是能够传达出网站整体风格的颜色,面积最大,在选色阶段选取的几个颜色中,选一个作为主色,然后用在网页中需求最多的地方,如banner的颜色,导航的背景色、文字标题的颜色等等辅助色是比主色百分比略少的颜色,点缀色一般是饱和度较高的颜色,一般用在网页中的强调内容或者突出的内容,如按钮、链接等主体三种颜色在整个网页的比重大概是60%、30%、10%。
2.基本色彩搭配法则在搭配色彩的时候还有几个重要的概念和搭配的法则它们是:
互补色搭配、近似色搭配和类似色搭配、三角形搭配、正方形搭配。
(1)互补色搭配色环上相对的两种色彩的搭配为互补色搭配,比如红色和绿色,如图1-19所示。
这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳定感,在搭配中一定要处理好这种情况,不然会使得画面冲突非常严重并破坏整体。
(2)近似色搭配和类似色搭配色环上距离较近的色彩搭配被称为近似色搭配或者类似色搭配,一般这种色彩之间大搭配显得平静而舒服,(3)三角形搭配这种搭配是在色环上等距地选出三种色彩进行搭配的方式,三角形搭配是种能使得画面生动的搭配方式,即使使用了低饱和度的色彩,(4)正方形搭配色彩被均匀地分布在整个色彩空间。
当其中一种色彩作为主要色时,这种搭配能取得良好的效果,但是需要注意冷暖色的对比和平衡,1.2.2色彩传达,色彩传达信息有两种主要的途径:
自然联想和社会(文化)联想。
自然联想是一种本能反应,是人在看到色彩时,本能地将色彩与自然界中的某种物质或现象联系起来的反应;社会(文化)联想是一种后天文化环境造就的一种联想反应,当人看到某种色彩时,会将色彩与所处文化的某些现象产生联想。
1.巧用单色调营造简洁感页面设计既要避免使用过多的色彩,让人眼花缭乱;也要避免使用单一的色彩,以免产生单调的感觉。
在新装修店铺时,如果拿不准使用哪些颜色时,整个页面可以使用单一色彩,然后通过调整色彩的饱和度和透明度使其产生变化。
这样设计出来的页面不但不会单调,而且看起来更简洁清爽,让人难忘,店铺的底色使用了白色和灰色等浅色系的颜色,给人以干净简洁的感受,2巧用冷、暖色色彩提升品质感不同的颜色给人的感受也不同,这取决于颜色的“色温”,冷色调色彩的亮度越高,给人的感受越偏暖和软;暖调色彩的亮度越高,给人的感受越偏冷和硬。
冷色调色彩包括蓝色、绿色及紫色等,能给人理智、冷静、沉着及坚实的品质感受,适用于医药品、教育机构及高科技产品等行业;同样也适用于季节性活动使用,春季和夏季等,冷色系的组合充满了科技感,3.巧用邻近色营造统一感在色环上任选一色,与其相距90以内的色彩即称为邻近色。
邻近色的特征往往是你中有我,我中有你,搭配邻近色使用,能给人舒适、自然的感觉,因此这种色彩搭配使用率很高。
色彩的搭配很自然,配合了合理的比例,让色彩跳跃又不夸张,背景橙色和红色的和谐整体,与近景的皮肤肉色和枚红色的统一,让画面充满了魅力,4.巧用互补色突出主次感在色环上任选一色,与其相距180的色彩即称为互补色。
例如红色与绿色互补,蓝色与橙色互补,紫色与黄色互补。
在一般的设计使用中互补色中的两色占用的面积比例并不同,其中用作主色调的色彩面积更大,另一色则作为衬托和点缀。
图1-34不但互补色使用很有层次,还使用了我们运用到前面所讲的主题色与点缀色的搭配,黄色最为点缀的跳色,在紫色为主体的画面中显得很精神,各种色彩的前后主次的层次很分明,5.挑选适合店铺的色系想要使用颜色准确地表达出店铺意向不是一件困难的事,它并不需要特别的审美能力和经验,因为色彩搭配是有规则可遵循的,
(1)、红色系是庆典宣传活动的首选,红色能带给人温暖、健康及充满活力的感受,是一种视觉刺激感很强的色彩。
在众多的色彩中,红色是色调最鲜明、最热烈的色彩,能表现出强烈的热情.更容易吸引买家的目光。
红色是页面设计中使用频率最高的一个颜色。
在设计过程中,需要把握好红色的使用度,如果用色过度,容易造成视觉疲劳。
在配色时,适当地加入黄色、橙色、白色和黑色等色彩点缀,能让页面视觉过渡更自然,
(2)、橙色系是食品、家居用品和儿童用品的主打色系,橙色能带给人舒适及明快的感受,但没有红色那么强烈的刺激感。
在整个色谱中,橙色具有一定的兴奋度,令人振奋,富有活力,能让人产生幸福感。
在店铺页面色彩的应用中,橙色主要用于活泼、时尚的商品,它是一种引人注目和充满芳香的色彩,同时也是一种容易引起食欲的色彩。
主要适用于食品、儿童用品、家居用品等行业的网店,该色彩能营造出积极、活力及美味等情绪的氛围,(3)黄色是家用电器、儿童玩具的主打色系,黄色是所有色彩中亮度最高、最醒目的颜色,能带给人明快、灿烂、愉快、高贵以及柔和的感受。
在进行颜色搭配时,建议黄色选用红色、黑色和白色来搭配,这些色彩的对比度大,容易形成画面层次的对比,突出商品主体;而与蓝色、绿色及紫色搭配时,能形成轻快的时尚感,黄与绿的大胆搭配,传递出了年轻时尚的活力与青春气息,(4)紫色是首饰、化妆品和成人用品的主打色系,紫色一直以优雅、高贵的品质赢得女性的喜爱,它并不是日常生活中特别常见的颜色,能带给人神秘和奢华稀有的感受,同时也象征着浪漫、庄重与神圣。
紫色对搭配的其他色彩要求比较高,因此该色彩并不适合大面积使用,但若使用得当,能表现出非凡的时尚感,十分抢眼。
不同色调的紫色体现的女性化气息也不同,在灰色的衬托下,能显示出更大的商品魅力,(5)绿色是保健品、土特产的主打色系,绿色能带给人自然、活力和充满希望的感受,是最能表达出自然能量的色彩。
绿色在黄色和蓝色的中间,是一种亲和力很强的色彩,能让人感到舒适。
绿色既能表现出大自然的生机勃勃感,更能传达出健康的感觉,因此它在店铺页面中是使用最广泛的色彩之一。
(6)、蓝色是清洁用品、海产品的主打色系,蓝色是冷色系的最具代表性的中心色,是一种能表现冷静和理性的色彩。
蓝色不同于绿色和紫色,它没有混杂任何其他颜色,色相纯粹,给人理智和冷静的感受;而绿色和紫色,因为色彩中混杂了红色和黄色,尽管也属于冷色系,但表现出来的意象没有蓝色简明干脆。
在店铺页面色彩的应用中,蓝色若使用得当,或小清新,或时尚大牌,是容易获得信任的色彩。
在与红色、黄色和橙色等暖色系进行搭配时,页面的跳跃感会比较强,这种强烈的兴奋感容易感染买家的购买情绪:
如果蓝色和白色搭配,页面则能表现出清新感、淡雅,强调品牌感。
(7)、高级灰彩系是奢侈品的主打色系,高级灰色系搭配是指用白色、灰色、黑色和各种低纯度颜色来设计页面,它是经典的潮流色,永不过时既能作为主色调来设计页面,也能作为其他高纯度色彩的辅助色搭配使用,是一种百搭的色彩系列,是新手的安全设计色系,1.2.3色彩搭配自学进阶,作为一个合格的美工,能够利用素材进行快速设计也是必备本领之一,所以除去掌握必要的理论知识之外,还要善于借助优秀的素材网站来进行配色的学习,这里,我们介绍几个经过精心筛选过的优秀色彩搭配学习网站,来快速进入色彩搭配高级阶段。
教材上有介绍几个网站,同学们可以链接进去学习。
1.3字体的构成法则与编排,学习目标:
1.了解字体在版面中的作用2.了解字体构成法则3.掌握图文排版的方法,1.3.1注意字体在版面中的构成法则,亲和力是现代人最为需要与缺乏的。
采用重复与近似构成的方法打造具有亲和力的文字,能给人以心理慰藉,让消费者的目光为之吸引。
通过重复与近似的构成方式,使文字不再以单一的形态存在于版面中,从而形成具有亲力的阅读氛围,让消费者自然而然地被其吸引。
1.底色色调近似色调是指作品画面中的整体色彩倾向,是色彩与色彩之间的整体关系构成的颜色阶调。
从色调的视觉特征上可以将其以冷暖、色相等不同的类别进行划分,通过将版面中的文字进行不同色调的色彩配置,能够打造出协调、统一的画面效果。
2.字体大小对比体现版面层级关系所谓字体大小,其实就是指字体字号的设置。
通过对版面中各文字的字号进行设置,使其在视觉上形成大小对比差异,让整个版面具有明确的层级关系,从而使消费者能够有序地阅读版面中的文字内容,提高文字的传播效率。
其实,在每个版面中都存在着一定程度上的视觉对比度,只是强弱之分。
利用字体的字号大小设置,赋予版面强烈的视觉对比度,从而使整个版面具有明确的层级划分。
字体的层级由上到下分别呈现了大中小的层次关系,字体也由粗到细产生变化,3.利用字体对应形式制造协调感对应形式的编排手法是一种具有协调作用的设计处理手法,将其运用到字体编排中时,能够制造出协调的画面效果,其表现形式也具有多样性,可以利用“一一对应”、“多对一”以及利用指示性元素对应等方法使版面中的各元素产生相应的对应关系。
在以对应形式编排版面中的字体时,最为常见的就是“一一对应”关系编排手法。
设计者通常会将一段文字与一个图形元素进行对应搭配,以相同的搭配模式给人以协调感。
指示感也明确,整个画面结构也平衡,点线面的组合搭配合理,4.色彩渐变打造富有韵律美的版面效果我们通常所说的色彩渐变是指将某一个色彩在色相、明度及纯度上做出过渡变化,这一渐变过程可以是由浅至深、由灰至艳等等,这种色彩变化一定要符合人们的审美观。
将版面中的字体以这种色彩渐变的形式呈现,能为消费者带来一种富有韵律的美的感受。
1.3.2段落文字的编排法则,通常段落文字的篇幅较长,所含的内容信息也比较多,整篇满版的段落文字容易让消费者在浏览的时候产生视觉疲劳从而降低了版面对于内容的述求,所以段落文字的整合和编排对于画面最后所呈现的整体效果至关重要。
在进行版面编排时,将段落文字组合成一个整体的形态,与画面中其他的元素相结合,对其进行创意设计,使其更加融洽,有利于提高版面的阅读率,使内容更好地传达出去。
1.主次关系明确对于整体布局的完美
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 视觉 营销
![提示](https://static.bdocx.com/images/bang_tan.gif)