《视觉设计基础与基本元素(第1次课)》由会员分享，可在线阅读，更多相关《视觉设计基础与基本元素(第1次课)（30页珍藏版）》请在金锄头文库上搜索。
1、视觉设计基础与基本元素,张彩玲,2,视觉营销就是视觉冲击，会激发购物者的购买欲，增加销售额。 让消费者多次看到、记住、影响、传播，最终因为良好的视觉冲击和美观带动产品销量提高。 视觉营销体现了细致负责的市场态度。,视觉营销定义,感性,理性,满足感,网上消费者关注什么?,色彩、图片、促销,产品、价格、诉求,品牌、服务、态度、,据调查，11.4%的购买行为属于冲动型，主要受到产品视觉冲击的影响，集中体现在产品的陈列和生动化上。,视觉设计,店铺布局结构,色彩企划,店铺视觉营销从何入手？,布局,生动化,店铺合理的架构设计产品陈列和信息生动化在一定程度上是提高产品销量的直接方法。,1,2,文案创意,视觉
2、设计元素,1.视觉中的点 2.视觉中的线 3.视觉中的面 4.视觉中的图案,在二维 ( 二维即左右、上下两个方向，不存在前后 ) 平面内创造理想形态，就是将既有形态按照一定法则进行分解、组合、从而构成理想形态的造型设计。,点,点的概念是与面相比较而形成的，点是相对较小的元素。比如，人站在辽阔的海滩上就会小得像一个点，由此可以联系到一个物体在其周围不同的环境条件下就会产生不同的感觉。在一定的自然环境中，许多物体可看做是点，比如，纽扣是点，黄豆是点，星星也是点。 点是构成网页的最基本单位，在网页设计中，经常需要我们主观的加些点，如在新闻的后面加个NEW，在每小行文字的前面加个方或者圆的点。点在页面
3、中起到活泼生动的作用，最活跃的元素。使用得当，甚至可以是画龙点睛的。 一个网页往往需要数量不等，形状各异的点来构成的，点的形状，方向、大小、位置、聚集、发散能够给人带来不同的心理感受。,点,点,点,点,页面中的图形虽然具有体量感，但给人以“点”的感觉。,点,自然肌理形成个性化的点。,点,三个点水平排列形成平静稳定的画面,线,线是由点运动构成的，运动成为线的重要特征。 线有两大基本类型：直线型和曲线型。,线,1 、直线 在几何学中，通过两点只能引出一条直线，同时两点的连接也是最短的线段。 直线的特性如下：一般直线给人的感觉是明快的、稳定、简介、有力量、通畅，有速度感、力度感， 方向性强。 不同类
4、型的直线有不同的特性。 思考分析：（细线、粗线、长线、短线、绘图直线笔线、铅笔线和毛笔线、水平线、垂直线、斜线 的特性）,线,2 、曲线 在几何学中，曲线的表现为弧线、波纹线等。曲线的特性为丰满、感性、轻快、优雅、流动、柔和、跳跃、节奏感强。 曲线分为几何曲线和自由曲线。 几何曲线是用圆规绘制出来的，它有曲线的一般特性，既有速度、弹力等心理感受，还具有直线简单、明快的性质以及现代感和准确的节奏感。 自由曲线是信手绘出或自然形成的一种曲线，它更具有曲线的性质，富有自由、随意、柔软、女性美的特征。自由曲线的独特性主要体现在它的韵律、弹性和自由的伸展性上。再者，在变化方面，自由曲线要比几何曲线更随意
5、更复杂。 整齐排列的曲线会使人感觉流畅、具有动感、会由此联想到头发、水流等。如果曲线不整齐排列，会使人感觉混乱、无序以及自由。,线,严谨的线条，使页面稳重富有理性，排列有序,线,自由曲线，体现韵律和女性美,线,通过不同比例的空间分割，页面空间产生对比与节奏感。 线的分隔使画面层次清晰,面, 线如果大量的密集使用，将会形成面的感觉,面,面由线构成，具有二维空间属性，既可以说面由点密集而成的，也可以说面是线平移的结果，它综合着点和线的特性，面的形状无限多种，通常分为直线形，曲线形和偶然形。 直线形面又分为几何直线和自由直线形，它具有明快、简洁、理性和有序特性，容易被人理解和记忆，制作起来较为方便。
6、 曲线形面也分为几何曲线和自由曲线形，曲线形面比直线形面要复杂，并富于变化和动感，它所表现出来的流动性和弹性给人以无线想象，使人感到有种生命活力，它具有同曲线一样的女性特征。 偶然形面是自然中偶然获得的一种视觉形态。 在设计中的大部分偶然形面是通过特殊技法（如绘图软件中的特效滤镜）获得，它表现出来的是一种自然的、无序的形态，有着丰富的象征意义。,面, 方形的面具有沉着，稳重，厚实，坚强的男性特征。 在方形面的应用上，大小有明显的区别，重点突出。位置整齐但也有微小的变化，在严肃中透露轻松。 在这个页面，面的大小和色彩对比更加强烈，页面中部的几个彩色块也可以看做是点，在丰富了页面的色彩也起到画龙点
7、睛的作用。,面, 在这个页面中，有机的接近流线形的面（苹果电脑）占据了页面的大部分位置，造成强烈的视觉冲击。 带圆狐的稍微向右上方倾斜的有机三角形，充满了时尚和流行的味道，在由多个透明按钮组成的水平的弧形面上，大方又带有动感，轻盈又不失稳重。,面, 圆形的面给人以充实、圆满、活泼的感觉，比较适合表现儿童或者女性特征。 这个页面充满了天真和童趣，紧张之余，我们都希望能够去这放松放松。 同时这个页面还采用了很多的动态元素，符合儿童好动的心理。,面, 耐克的站点大量采用了接近圆形的几何面，加上灌蓝高手的精彩定格，使整个站点充满了跳跃和运动的感觉。 在这个页面中，自由形（乔丹）的运动方向对视线的引导起
8、了很大作用，他将视线牵引到页面的右上角。右上角的面所要推荐的产品，应该是这个页面的重点中的重点了。 中间位置不同内容的几何面的运用，避免了单纯采用文字的单调感。既能够最直接地反映产品的信息，又在色彩和版面上为整个站点活跃了气氛。,图案,图案是将不同的基本图形，按照一定的规则（形式美法则)在平面上组合成的。,形式美法则主要包括： 1、变化与统一 2、对比和调和 3、节奏和韵律 4、对称和平衡 5、比例分割 6、联想意境,图案,一、平衡 平衡简单说就是重量的平均分配，至构成图像的各组成部分在视觉力量上保持一种均衡稳定的状态。 理解平衡需要研究的几个相关的视觉因素：重量、位置、布局。 1、 绝对平衡
9、： 构成图像的各部分在上下或左右的方向上完全相同的一种对称式平衡，分为：平移、回转、镜像、扩散对称构成。 2、 相对平衡：指构成画面各部分的形象不同，以其大小、位置、明暗、色彩等方面的因素所构成的一种视觉力量的平衡，分为：位置、大小、色相的平衡。,图案,二、焦点和主次 人们浏览一个网页的时候，首先会看到的地方称为焦点，这是设计网页时最注重的一部分。设计人员通常有一个主要信息要传达，同时还有一些辅助信息。设计东西的时候，如果强调一切元素，就什么都强调不了，最后造成视觉的混乱。请思考 ：如何让一个物体形成一个焦点？ 1、 做成最亮 2、 颜色与其他不同，或者不透明，其他透明，或者彩色，其他物体黑白
10、 3、 方向不同 4、 位置上的区别 5、 加底纹，或与其他元素底纹不同 6、 安排其他元素都指向这个元素 7、 形状与其他元素不同 8、 将其隔离开来 9、 清晰，其他模糊 10、颠倒 11、有光泽，其他发暗,图案,三、韵律的设计 韵律与旋律、和声在一起成为音乐上的三大要素。不止是音乐的节拍才能叫做“韵律”，在平面设计中也有韵律。在设计中把韵律当作一种节奏，是有视觉而不是声音组成的，韵律是用重复活着变动的元素来生成的形，需要考虑空间的因素，给人一个元素向另外一个元素运动的感觉。网页设计中，韵律的实现是通过图案的点和线条的排列来体现。,图案,四、统一和变化 统一不是让许多形态元素单一化、简单化
11、，而是使它们的多种变化因素，具有条理性和规律性。网页是一个文字、图形等多种元素的统一体，在设计网页的时候，统一是我们设计网页时组织版面的目标之一。统一可以让浏览者看到一个整体的页面，而不是几个互相不关联的独立的部分。统一对加深记忆程度、整体效果和清晰传达都有影响，也反应了将设计捏合成一个整体的程度。,图案,五、比例分割 比例是部分与部分、部分与全体之间的数量关系。它是精确详密的比率概念。人们在长期生产实践和活动中一直运用着比例关系，并以人体自身的尺度为中心，根据活动的便利性可总结出各种尺度标准，并体现于衣食住行的器用和工具的制造中。比如早在古希腊时期就发现迄今为止全世界 公认的黄金比例分割为1:1.168，正式人眼的高、宽视域之比。恰当的比例有一种谐调的美感，成为形式美法则的重要内容。美的比例是平面构图中一切视觉单位的大小以及各单位间编排组合的重要因素。 六、联想意境 平面构图的画面通过视觉传达而产生联想，达到某种意境。联想是思维的延伸，它是由一种事物延伸到另外一种事物上。例如，图形的色彩中，红色使人感到温暖、热情、喜庆等；绿色则使人联想到大自然、生命、春天，从而使人产生平静感、生机感、春意等。各种视觉形象及其要素都会产生不同的联想与意境，从而作为一种视觉语义的表达方法，被广泛的运用在平面设计构图中。,
