有些设计师认为配图只是随便找个图片搭配一下就好了，没什么难度，其实配图的应用是有很多讲究的，图片本身的瑕疵、摆放的位置和大小、所处环境的匹配度，整体的统一性都会直接影响到观者的视觉感受，毫不夸张的说，把配图作为图片设计中最核心的部分也不为过,而在配图应用中有一个点更是很多设计师都会自动忽略的部分，那就是图片的清晰度。 [align=center][size=24px][color=#FFFFFF][back=#FF0000] [b] 清晰度 [/b] [/size][/color][/back][/align] [color=#ff0000]不管素材清晰度的好坏[/color]就直接应用到画面里，会让图片的整体档次直接下降一个层级，即便你做的版式再好看，排版再合理，也无法挽救这种错误带来的负面影响。所以平时应用素材的时候一定要满足最基本的清晰条件。 [align=center][img=山岩ps小课堂26_04.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/afr8EmXW_G7OQ.jpg[/img][/align] 清晰度在图片里有三种表现形式 —— [color=#ff0000]清晰、模糊、低像素[/color]。 [align=center][img=山岩ps小课堂26_06.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/G2fBe9Zr_FJsm.jpg[/img][/align] [color=#ff0000]清晰度[/color]较好的图片，能够看清图片的细节内容；模糊是一种[color=#ff0000]人为的[/color]图片处理效果，是一种设计表现手段；而低像素是由于图片分辨率过低导致的过渡像素不丰富，是最不提倡使用的图片形式。举个例子：同样是在1cm2的体积内表现黑白，如果只有两个像素就是黑到白的直接过渡，而如果有十个像素则会是从黑色—深灰—灰—浅灰—白色的柔和过渡。 [align=center][img=山岩ps小课堂26_08.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/V29vAg7U_2Pwu.jpg[/img][/align] 比起直接过渡，柔和过渡对图片的表达会更饱满，细节会更多，这也是为什么我们要用尽可能大分辨率图片的原因，我们通常所说的图片分辨率其实就是指某一特定尺寸内所包含的像素数量的多少，拿显示器常用的分辨率1920X1080来说，1920指的是横向尺寸内的像素数量，1080是指竖向尺寸内的像素数量，那么整个显示器所显示的像素数量就是1920X1080个，所以当我们把显示器分辨率调到1280X720，桌面的图标和文字会变大，但是精度会变差，就是同等单位里的像素数量变少了，过度生硬了，所以图片应用中，我们也要尽可能去找同一单位像素数量内分辨率更大的图片。 [align=center][img=山岩ps小课堂26_10.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/bgmhLWDP_rycK.jpg[/img][/align] 在特意使用模糊一些的图片的时候，很多人分辨不出模糊效果和低像素图片，其实区分它们的最直观方式是查看色块连接处有没有明显的[color=#FF0000]色彩溢出[/color]，模糊图片色块衔接处的过度效果均匀，没有很明显的溢出感，而低像素的图片在两个不同色系的连接处会有[color=#FF0000]非常生硬的色彩溢出[/color]，过度非常生硬——第二个图有明显的深蓝色溢出。 [align=center][img=山岩ps小课堂26_12.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/eN9PSKLw_WMme.jpg[/img][/align] 不过在实际图片应用中也会出现一些低像素但是确实好看的素材，使用这些图片的时候我们要尽量使用原始尺寸或缩放尺寸，尽量不要放大应用，尤其是在背景处理中，不要一根筋的非要全部都呈现，我们可以结合分割效果去应用，或者做大数值的模糊处理配合一些压暗或纹理叠加等效果使用。 [align=center][img=山岩ps小课堂26_14.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/gEc46mdA_nrwH.jpg[/img][/align][align=center]背景配图强行放大，出现色块溢出，效果较次[/align][align=center][img=山岩ps小课堂26_16.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/M6AHuxsA_F69C.jpg[/img][/align][align=center]保留背景原尺寸，用主体遮盖边缘，另一侧做其他背景处理，清晰度得到最大保障[/align][align=center][img=山岩ps小课堂26_18.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/fdmXP89K_Q6jq.jpg[/img][/align][align=center]背景放大，做大数值的高斯模糊，并降低不透明度，配合图案叠加做纹理感[/align] [align=center][size=24px][color=#FFFFFF][back=#FF0000] [b] 合适性 [/b] [/size][/color][/back][/align] 选择清晰的图片，只是应用好配图的第一步，我们不能只满足于寻找到了一个高清的图片，还要去考虑这个图片在画面中的位置，大小，角度等合适性的问题。 配图比较常用到的摆放形式有两种，中心摆放和非中心摆放。中心摆放多适用于图形展示、产品展示、对称物展示等追求平衡性和规范性的画面中，体现稳重感。针对于左右、上下的空间距离有一定的约束。 [align=center][img=山岩ps小课堂26_22.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/kytSgVtx_xxRU.jpg[/img][/align] 非中心摆放常借助九宫格形式或三等分线来完成，把主要的元素集中到三等分线的交界处，让空间变的灵活，让画面不呆滞，有一定画面的延展性。 [align=center][img=山岩ps小课堂26_24.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/penqxFuj_Utzk.jpg[/img][/align][align=left]三等分的应用不要太过死板，要灵活对待，这种摆放形式针对于体现侧面感、冲击力、运动性等配图有很好的视觉效果，是最为合适的表达形式。[/align] [align=center][img=山岩ps小课堂26_26.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/teTaGJYf_6SBA.jpg[/img][/align] 非中心摆放中有两种配图形式是需要特别重视的，首先是[color=#ff0000]具有运动轨迹的配图[/color]，从下方三张图片去分析： [align=center][img=山岩ps小课堂26_28.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/gbgzFtXq_y7a5.jpg[/img][/align] [size=15px][b]图①的摩托车没有完全进入画面，有明确的方向轨迹，让画面的延续性和故事性变的更好。[/b][/size] [size=15px][b]图②摩托车全部都在画面中，对于运动性画面来说缺少冲击力，但是有相对的平稳感；[/b][/size] [size=15px][b]图③摩托车已经冲出画面，拥有绝对的速度感，但对于前方道路的未知感会增加一定的紧张氛围。[/b][/size] 所以对于运动中的配图，选择什么样的位置去展示是需要针对要做的图片主题去做思考的。 其次是视线方向，针对[color=#ff0000]具有明确视线方向的配图[/color]，在应用中要尽量让视线所看到的方向多预留一些空间，这样才能让视线的延展和引导性得到更大的发挥，下图为例： [align=center][img=山岩ps小课堂26_30.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/tRxI3X6z_Xy3k.jpg[/img][/align] [size=15px][b]图①视线所看方向有大量空白，拥有足够的引导空间，让画面有很好的延续性，最为合理。[/b][/size] [size=15px][b]图②视线前方没有空白，引导不足，视觉感受是一下断掉的，稳定性是有了，但是不够舒展。[/b][/size] [size=15px][b]图③以在眼睛前方直接阻断画面，是在配图中最为禁忌的一种表现类型。[/b][/size] 对于拥有大面积场景的配图，在空间关系上还要[color=#ff0000]注意表达的主题[/color]，是要表达环境为主、综合为主还是主体为主，每一个不同大小的主体与环境关系，都会影响到观者的视觉感官，是要做好判断的,下图为例： [align=center][img=山岩ps小课堂26_32.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/csupCLQ4_gxSD.jpg[/img][/align] [size=15px][b]图①主要以环境展示为主，人物为辅，画面的主导是环境，切入点也是环境为主——这个地方看起来挺危险，然后再是观察主体。[/b][/size] [size=15px][b]图②人物与环境融合展现，没有特别的画面主导，思考点以整体为主——他在这里做什么。[/b][/size] [size=15px][b]图③主要以人物特写为主，环境为辅，画面主导是人物，思考点以人物为主——他要干什么。[/b][/size] 与产品相关的配图应用中，我们还要从要表达的主题方向去寻找配图类别，不能盲目的只追求效果上的好看，而忽略了要[color=#ff0000]表达的本质[/color]，比如当前图片的目的是以展示产品外观为主，就尽量选择能够清晰展示全貌的配图，而不要使用太过细节或体现功能效果的图片，那些图片是比单一产品要好看，但并不是适合当前需求的图片。 [align=center][img=山岩ps小课堂26_34.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/psOfG3PF_UOIz.jpg[/img][/align] 另外在给已经搭建好整体风格的图片做配图时更要注意图片在当前风格中是不是合适的，再美观的配图，如果跟整体画面的风格不搭调就会让画面变了性质，感觉差不多就将就使用，这是很多设计师最不好的一种配图习惯。 [align=center][img=山岩ps小课堂26_36.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/AzvdKZv8_bntO.jpg[/img][/align] [align=center][size=24px][b][color=#FFFFFF][back=#FF0000] 统一性 [/color][/back][/b][/size][/align] 配图的应用一定要有明确的统一性，尤其是多个配图排列摆放的时候，图片搭配的不统一，会让整个画面的感觉非常随意，没有美感。 [color=#ff0000]角度统一：[/color]如果有半数以上配图的角度是统一的，就尽量让其他配图也是同一角度。 [align=center][img=山岩ps小课堂26_40.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/uGVm4Sn2_9Bq3.jpg[/img][/align] [color=#ff0000]大小与高低统一：[/color]同一主体的多种展示或带有明显视线的图片中，我们可以使用两个参考线来约束同一位置，比如人物的眼睛部分和嘴巴部分分别在一条线上。 [align=center][img=山岩ps小课堂26_42.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/bjOBAfqb_XGXv.jpg[/img][/align] [color=#ff0000]风格统一：[/color]即便角度、大小、高低都符合要求，但是不一样的风格图片也会让搭配变的别扭。 [align=center][img=山岩ps小课堂26_44.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/56XWu94W_3tDy.jpg[/img][/align] [color=#ff0000]颜色统一：[/color]如果应用的配图的颜色有太大的差异，要尽量把色调统一，如果不是很好统一，就都变为黑白或者单色应用。 [align=center][img=山岩ps小课堂26_46.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/OCBpp5Me_7xIw.jpg[/img][/align] [color=#ff0000]整体与细节统一：[/color]如果要用到的配图已经固定，且其中有展示细节部分的图片，哪怕只是一张，其他整体展示的图片要尽量迎合着做细节展示，毕竟整体的图可以放大展示细节，但是细节的图没办法缩小去展示整体。 [align=center][img=山岩ps小课堂26_48.jpg]http://bdn.135editor.com/files/users/417/4174976/201805/ALNM7aDx_3ILW.jpg[/img][/align] 最后，我有一段话想送给一部分设计师，这部分设计师没有很好的思维方式和设计能力，但是很喜欢追求效果，想把图片做的高端大气上档次，但是大部分时候这是一种“自不量力”我们高估了自己的水平，而这种高估会毁了整张图片，甚至一个设计师的信心。我坚信设计始终是要先会设计再会技法，有时候，盲目追求效果，不如先从最朴实的一些基础思维和正确方法入手，让自己的图片“先不错、再不错”。