![人人都是设计师:视觉设计的原则和方法](https://wfqqreader-1252317822.image.myqcloud.com/cover/976/45302976/b_45302976.jpg)
1.2 图形的种类
点、线、面的分解能让我们更好地分析和理解图形的构成,这是视觉设计里常用的图形应用方法之一。在视觉设计的应用中,图形常作为视觉素材来使用,用来传达核心信息和表达设计主题等。视觉设计里常用的图形包括照片、插图、基本几何图形、纹理等。
照片
照片是指透过光的化学作用在感光的底片、纸张、玻璃或金属等辐射敏感材料上生成的静止影像而得出来的图像,照片最早可以追溯到1826年。电子显示屏广泛应用之后,照片是由数码相机里的感光元件对收集到的光子进行光学处理而形成的位图影像。用数码相机拍摄出来的所有照片都是位图。
如下图所示,一张照片配上文字就形成了简单的视觉设计
![](https://epubservercos.yuewen.com/9B7BB7/24365921009208506/epubprivate/OEBPS/Images/figure-0021-0059.jpg?sign=1738845360-kKv9HUfABmomDR5ZOo0kM7yL33k5TfWQ-0-f156e99c8e92e7c4afbf7f95528f74ee)
摄影是艺术形式的一种。照片除了具有令人愉悦的美感之外,对事物的描述和表现也最接近真实情况,所以照片从诞生以来一直在视觉设计中占有非常重要的地位。日常的广告设计、海报设计等都离不开照片。
从开源网站上找来一张看起来还不错的关于猫的照片,再在照片上添加一些简单的文字,整个作品就已经很好看了,如下图所示。照片擅长于展示事物的真实形态,能传达最接近真实情况的信息。
![](https://epubservercos.yuewen.com/9B7BB7/24365921009208506/epubprivate/OEBPS/Images/figure-0022-0060.jpg?sign=1738845360-FZOzxxPpl9MWv01JsQjC0I8Gh9p5FxlF-0-a198234ade1e6735a9bdc505e802622f)
这里用了一只猫的照片作为设计背景。有了照片人们才知道猫有多可爱
插图
在照片诞生之前,视觉设计中用到的配图主要是手工绘制的。早在大约25000年前,人类的祖先就已经开始在岩洞的石壁上绘图,这种插画本质上也是一种插图。插图的绘制需要设计师具有强大的手绘技能和丰富的想象力。因此插图具有较高的自由度,其所传达的信息的范围也较为广泛,插图甚至能用于表现一些现实中不存在的事物。插图在视觉设计中的应用非常广泛。插图配文字也是常用的视觉设计手法之一。
![](https://epubservercos.yuewen.com/9B7BB7/24365921009208506/epubprivate/OEBPS/Images/figure-0023-0061.jpg?sign=1738845360-1OFpzeNndbZIsmJ3MBPukiz79FdcqtMz-0-1b24e72d67364641175e396fc8bede4f)
在开源网站上找到的一张关于鱼的插图,将其作为深海鱼类标本展的海报的设计背景,再配上文字,也挺好看的
下面这张海报中的插图展示了一头比一般的驴更高的驴,给人一种诡异的感觉。直接将插图作为海报的主体和背景,再加上主标题及副标题等文字说明,整个视觉设计效果就出来了。
![](https://epubservercos.yuewen.com/9B7BB7/24365921009208506/epubprivate/OEBPS/Images/figure-0024-0062.jpg?sign=1738845360-fNQFXsaspNTDKxGCZbG7MNZCo3swdJ0D-0-eb5341b184cf075cda24609b4da18e54)
这张海报使用了一张长相有点奇怪的驴的插图
基本几何图形
除了照片和插图之外,一些基本的几何图,如矩形、圆形和多边形等,在视觉设计里也是经常用到的元素。
![](https://epubservercos.yuewen.com/9B7BB7/24365921009208506/epubprivate/OEBPS/Images/figure-0025-0063.jpg?sign=1738845360-Ot4mIkwTKES2J7MK2jg6DKUG2EBYbxgm-0-0765dfe099e0cfd737c316037367715b)
基本几何图形是视觉设计中常用的元素之一。基本几何图形经过色彩、大小等方面的调整,再配上适当的文字,有时候就能非常恰当地表达主题和思想
![](https://epubservercos.yuewen.com/9B7BB7/24365921009208506/epubprivate/OEBPS/Images/figure-0026-0064.jpg?sign=1738845360-Umuq2qS43SYVpdkCImIRHfFcHK8uhxVG-0-5887c4e445cba23d82be0ec91eef52fa)
上图中的背景只使用了一些基本几何图形做色彩的渐变处理
肌理
肌理在视觉设计中常用作背景或者用来增强设计元素的某种效果,实质上是图形的一种使用方式,照片、插图等都可以用作肌理。肌理的运用在视觉设计中对增强视觉附着力、提升作品的质感和层次感都有非常重要的作用。
任何图形都可能成为肌理,照片可能成为肌理,绘画出来的痕迹可能成为肌理,矢量图也可能成为肌理。肌理在视觉设计中的运用非常广泛。
![](https://epubservercos.yuewen.com/9B7BB7/24365921009208506/epubprivate/OEBPS/Images/figure-0027-0065.jpg?sign=1738845360-GyEmW5OdwCAmeey4WOK31ZvjXtntTGcs-0-fcce0f4e0eebbc2953faa1c3d740d782)
用一张老旧的墙面的照片作为背景,再配上合适的文字
![](https://epubservercos.yuewen.com/9B7BB7/24365921009208506/epubprivate/OEBPS/Images/figure-0028-0066.jpg?sign=1738845360-FteDYNCuhxbJisd5geuUsVYTZo5E90qx-0-2de3095c2b3681de4d1a82982e7a1277)
肌理可以表达主题
![](https://epubservercos.yuewen.com/9B7BB7/24365921009208506/epubprivate/OEBPS/Images/figure-0028-0067.jpg?sign=1738845360-PuzrasM38bA9OC85a4lWV09yGcMJGepL-0-3b87db3dc696e1a8479aa9f8fc957a25)
墙面也是视觉设计中常用的肌理之一
![](https://epubservercos.yuewen.com/9B7BB7/24365921009208506/epubprivate/OEBPS/Images/figure-0029-0068.jpg?sign=1738845360-qGY7l4he7SFu9wGFESHNKxcSXBp6u1qs-0-063a0dd9bed9474e4b5f4fa0e7b71d4b)
秋天叶子的纹理很好看,再配上一些简单的文字,就更好看了