原副标题：绘图结构设计剑客——“面”的表演艺术
绘图结构设计中的外型原素能分成形、色、层次感等四类，其中网孔此基础，没形，美感和层次感也就无所短果。而逐步形成形的原素又能分成点、线、面、体等4五大类，在这4类原素中，“面”占有着不光的话语权。下期他们就来如是说绘图结构设计中面的基本概念及结构设计规律性，并在Photoshop中进行示例模拟。
文｜金莲
绘图结构设计中的“面”
绘图结构设计中的“面”对应的英语是Plane，时常与Shape（一般来说译为“形状”）通用型。Nenon为的是描述方便快捷将混和使用“面”、“形”和“花纹”这两个名词，责任编辑中它的象征意义完全相同。
依照几何中的表述，点的终端逐步形成了线，线的终端逐步形成了面。而依照基本常识的认知，但凡由半封闭的线条踩断的一片片占地面积就是两个面。线条能是隐式的（图1），也能是隐身的（图2、图3）。面在绘图结构设计中是两个独有的存有，因为他们会发现外型4原素中的其他两个原素，比如说点或线的占地面积大小不一少于一定比率且具有显著的线条特点后，它最后就都转换成了面。
图1 两极化的美感对照逐步形成明晰的线条将镜头分割成数个重合的面
图2 虽然没显著的线条，但是在焦虑暗指的作用下镜头中的蝎子逐步形成了两个正方形
图3 对数的位数逐步形成了两条市场波动的长条花纹
绘图结构设计中“面”的分类
面作为两个受线条限制的二维区域，线条决定了它的分类，大致有如下四类。
几何形
线条由直线或规则的曲线逐步形成的面就是几何形，包括正方形、矩形、菱形、正方形、圆形、五边形、六边形及各种多边形等，这些花纹很容易识别（图4）。具有直线和角度的花纹一般来说象征着结构和秩序，而曲线的花纹则更柔和，代表联系和沟通。这些几何形往往是对称的，这进一步暗指了秩序。
图4 Unicode字符中的各种几何形
Photoshop中提供了丰富的绘图工具，能轻松绘制各种几何形。启动Photoshop（责任编辑以CS5版本为例），按U键（英语状态下）快速切换到花纹工具，在上方工具栏中能看到Photoshop提供了矩形、圆角矩形、圆形、多边形、直线、自表述花纹等工具。点选矩形工具，设置为填充像素的绘图模式，然后按住Shift键不放，并按住鼠标左键在绘图区拖动，即可绘制出两个正方形。如果不按住Shift键，则能绘制出任意的矩形。圆形、多边形等的绘制方法类似（图5）。
图5 Photoshop中快速绘制几何形
绘制圆角矩形的时候，通过设置“半径”的大小不一能控制圆角的弧度。绘制多边形的时候，通过改变“边”数能绘制出任意多边形（图6）。
图6 在Photoshop中绘制任意几何形
Photoshop的自表述花纹工具中已经内置了不少花纹图案，他们能从网上下载其他人制作好的图案（文件扩展名为CSH，需注意文件安全及相关版权问题）来扩展花纹库。
在Photoshop中点击菜单“编辑→预设管理器”，在打开的管理器窗口中，将预设类型设置为自表述花纹，再点击右侧“载入”按钮，导入下载所得的CSH文件即可（图7）。
图7 导入第三方的花纹
虽然只是些简单的几何形，将它组合起来则能产生非常不错的结构设计作品。比如说矩形，创建数个矩形后，将它设置成不同的大小不一和颜色，然后旋转45度角之后依照一定的层次叠加组合，效果看起来是不是还不错（图8）。
图8 简单的矩形组合
有机形（自然形）
线条由不规则的线条逐步形成的面一般称之为有机形，它一般来说是弯曲的或不均匀的。有机形往往与自然事物的外观接近，比如说树叶、云朵等等，线条具有自然的流动与弯曲，所以有时也被称着自然形。一些结构设计师在创作过程中，有意识地模仿自然界中的随机效果，比如说随机泼洒的墨点，以此方法产生有机形，其不均匀性传达出自发的感觉，让作品主题更加有趣味性（图9、图10）。
图9 自然中的树叶花纹
图10 模仿喷溅的墨点花纹
在Photoshop中，以自然事物为模板能很轻松地制作出个性化十足的有机形。以上面的树叶图片为例，首先在Photoshop中打开树叶图片，然后选中魔棒工具（快捷键为W），按住Shift键不放并在背景上连续点击，直到将所有背景都选中为止。接着按Ctrl+Shift+I键反转选区，即可将树叶全部选中了。
此时转到路径面板，点击下方“从选区生成工作路径”图标（左起数第四个图标），即可将当前选区转换为路径（图11）。
图11 将选区转换为路径
接下来点击菜单“编辑→表述自定花纹”，在弹出的对话框中能看到树叶花纹已经被提取出来了。给此花纹取个名称（比如说“树叶1号”），然后点击“确定”（图12）。
图12 表述自表述花纹
现在选中自定花纹工具，点击“花纹”下拉按钮，在弹出窗口的最后就是他们刚刚制作的树叶花纹，选中该花纹后即可在画布中随意绘制了（图13）。
图13 用自表述花纹绘画
抽象形
抽象形指具有象征或隐喻性质的花纹，它往往是自然形的一种简化版本。最常被用来举例的是人形简笔画，它与真实人类的相貌相差十万八千里，但是他们看到这样的绘图就能明白它代表着人类。抽象形也是两个比较模糊的基本概念，因为它的表现形式，既能是几何形，也能是有机形，或者是两者的组合。他们日常遇到的各种符号，比如说交通标志，应用软件的图标等等，都能归类到抽象形中（图14）。
图14 应用程序图标是典型的抽象形应用
负空间
负空间是指镜头主体周围的空间，是不被任何物体占用的空间，时常被称之为“地”，它和主体的“图”往往逐步形成对照，用来强化作品主题。花纹既能是图也能是地，这取决于它彼此之间的关系。
读懂“面”的内在语言
花纹也是一种语言，花纹作为绘图结构设计不可分割的一部分，它能用来传达各种各样的信息，不同的花纹能唤起观众不同的情感和象征意义。当观众看到两个圆的时候会有什么感觉？看到两个正方形、三角形又可能想到什么？结构设计师如果能掌握一些绘图相关的焦虑学，就能充分利用花纹来设置情绪、符号化想法，并为观众的眼睛结构设计好“游览路径”，从而将作品中的原素有效连接起来，最后实现作品的主题。
几何形的含义
几何形具有平衡、结构和层次等特点，往往能唤醒观众的一些特殊情绪，比如说能用来创造一种平静和宁静的感觉，同时也提供了一种结构和秩序感。几何形还能用来创造兴奋和活力的感觉，以及营造神秘或阴谋的氛围。此外，不同的几何花纹还能用来营造安全感、展示权力、塑造权威感等。以下是几种常见的几何形及其含义。
正方形和矩形
* 稳定
* 刚性
* 沉重
* 可靠
* 严肃
正方形和矩网孔绘图结构设计中最基本的两种花纹，它被用来在结构设计中创造平衡和对称，但也能用于对照。正方形具有完美的对称性，一般来说被视为稳定、力量、可靠、安全、有序甚至完美的象征。矩形则意味着开放，它细长的花纹创造出一种正在他们面前展开的感觉。所以矩形能代表一种创造力，它不像正方形那么僵硬，在保持结构的同时还能为想象提供空间。正方形和矩形相互作用还能创造有趣的效果，比如说以不同的角度相互重合，能在不同原素之间产生张力，稳定中又不失动感（图15）。
图15 彩色方块背景图
正方形有着稳定、沉重和严肃的特性，但是在这幅彩色方块背景图的结构设计中，通过45度旋转将正方形转变成了竖立的菱形，增加了不稳定性，带来了动感。其次通过美感渐变和大小不一变化的正方形错落有致的叠加，增添了整体镜头的律动。
如果要在Photoshop中模拟这幅作品，能注意两个小技巧的应用：首先在旋转正方形操作时能按住Shift键不放，这样能得到正45度旋转角度。另外能通过图层特效给正方形添加投影效果，这样能增加立体层次感。
圆形
* 明亮
* 幸福
* 柔软
* 运动
* 无限
圆形很容易让人联想到太阳或月亮，因为它都是圆的。圆形代表统一、完整和无限，也有保护和安全的象征。圆形还具有聚焦的作用，将观众的注意力吸引到镜头中的特定原素上（图16）。圆形也代表了生命周期，它作为一种没起点没终点的花纹，带给人连续运动的动感。圆形被广泛应用于绘图结构设计中，比如说LOGO、海报、广告等等。
图16 蓝色圆形背景图
圆形不仅有着柔软、运动的特性，而且还有着两极化的聚焦作用。这幅背景结构设计图中，圆网孔主要的逐步形成要素，其中心圆是最引人注目的区域，能将需要突出的内容放到这个位置。
这幅图的技术要点之一是同心圆的制作。如果使用Photoshop来实现的话，至少有两种方法能够轻松完成此任务。方法一：首先点击菜单“视图→标尺”显示出标尺，然后从标尺上分别拖出垂直和水平辅助线，接下来选中圆形工具，将光标定位在辅助线的交叉点上，按住Shift+Alt键不放，就能从这个中心点出发画出数个同心圆了（图17）。因为有两个固定的参考点，所以绘制同心圆时比较好掌控。
图17 在Photoshop中绘制同心圆
方法二：首先绘制出数个大小不同的圆形，然后用路径选择工具将所有圆形都选中，再通过工具栏上的垂直居中对齐工具将所有圆形居中对齐就能了。
正方形
* 明晰
* 危险
* 指引
* 神秘
* 平衡
正方形在绘图结构设计中时常被使用，它一直被用来代表力量和稳定，具有一种不光的平衡感，成为镜头构图的两个有效工具。在两极化的焦虑暗指下，三个点就能连接成两个正方形，利用这一特性能引导观众的眼睛沿着两个特定的路径穿越镜头，将镜头内容有机地串连到一起。正方形有很多功能，比如说它还能用来创造动感，给镜头带来深度和透视感等等。充分利用这一强大的符号，结构设计师将会发现自己能够解锁更多新的创造力水平（图18）。
图18 以正方形分割图片布局
这幅作品的主体是两个正正方形，奠定了平衡、稳定的此基础。倒立的正方形则完全相反，是一种极不稳定的效果，不过这幅作品中的倒正方形占地面积较小，不占优势，所以并不影响整体的稳定，反而增添了动感。
这幅作品的趣味性在于，通过两个正方形对一幅风景图进行了分割，逐步形成独有的布局。在Photoshop中，首先画好正方形，然后将所有正方形选中，再切换到风景图片层按Ctrl+J键即可将选取的部分提取到新图层中。最后将其他无用的图层删除，即可得到如图所示的效果了。
有机形（自然形）的含义
有机形和圆形有许多共同属性，它都是以曲线为主要特点。不过有机形模仿自然花纹，所以和几何圆形比起来，它是不稳定、不规则的。
有机形
* 自由
* 自然
* 流动
* 不规则
* 不可预知
有机形时常出现在自然界中，比如说山、水、云、树等等，将它应用到绘图结构设计中能带来生命和运动的感觉。通过有机形的结构设计，能用来传达传统几何形难以表达的思想、情感和信息，唤起观众温暖、舒适，甚至混乱的感觉（具体效果取决于结构设计者的结构设计）。有机形还给结构设计作品增加不可预测性的原素，因为自然界中从来不会有两个看起来完全完全相同的东西，这有助于展现每幅作品的个性。另外，有机形结构设计为观众提供了美的形象，哪怕观众一时认知不了结构设计的目的，但是他们还是能从作品上体验到审美，从而留下深记得印象。
最后简单如是说一下抽象形的含义，因为此类绘图更多的是象征或隐喻的含义，而该象征意义大多由结构设计者所赋予，所以很难进行归纳。比如说箭头图标既能表达信息流流动的方向，也能表达一种选择，还能代表一种通行规则，等等⋯⋯具体的象征象征意义，要通过结构设计者所设置的规定情境才能确定。CF
原文刊登于2022 年 12月1 日出版《电脑爱好者》第 23 期
END
更多精彩，敬请期待……
