36个美工设计技巧

相关推荐

36个美工设计技巧

　　怎么控制对比度才能真正提升设计项目的视觉效果呢？遗憾的是，你所期待的神奇公式并不存在。正如同你刚刚开始学习设计技能的时候一样，对比度设计中的许多技巧不是非此即彼的简单规程。下面是小编给大家整理的关于美工设计技巧，欢迎阅读！

　　01. 深浅色彩对比

　　这个值通常指的是色彩的明暗度，纯黑和纯白深浅的极致。但是要创造高对比度的色调并不是非得使用黑色和白色。将一个色彩调亮一个调暗是调出对比度的有效手段。

　　02. 不同色调构建对比度

　　传统的色轮上有12种色彩，但是常用的配色方案有很多，系统的配色理论中对于如何借助色轮来创建配色方案有比较系统的介绍，比如大家所熟知的单色方案、相似色方案、对比色方案、对称三色方案等等。在诸多配色方案中，有一些对比度非常高的配色方案，比如：

　　对比色：色轮对称位置的两种色彩对比强烈，比如红和绿，蓝和黄，等等。

　　分离式对比色：色轮上任意位置的色彩，和它正对位置的色彩两侧的色彩，三种色彩共同组成的配色方案。

　　对称三色：色轮上相互构成120度角度的三种色彩。

　　值得注意的是，在实际运用中不要使用高饱和度的纯色，虽然那样对比强烈，但是并不一定好看。适当地调整深浅和色调，会让整个配色更优秀。

　　03. 控制色温营造对比

　　色彩都有着不同的色温，黑白灰是中性色（米色和棕色有时候也会被归类与中性色），红色、橙色是暖色调，蓝色、绿色是冷色调。不同色温的色调在一起的时候能够形成不错的对比度。

　　04. 借助饱和度控制对比

　　色彩的强度最强的时候，也就是饱和度最高的时候，是最纯粹的色彩。饱和度越高色彩越鲜艳，饱和度越低越接近于灰色。同一色彩不同饱和度下的色彩能够构成对比，不同色彩不同饱和度下也能构成对比。

　　05. 形状对比：几何形状与有机形状

　　我所熟知的几何形状，诸如矩形、三角形和圆形都是规整的形状，而流态的、或者源自自然物体的各种不规整的有机形状则通常不是特别规整，和几何形状可以构成对比。

　　规整的几何图形，而其中填充着自然的、插画式的图案，两者构成对比又相互依存。

　　06. 用边角构成对比

　　圆润的形状会更加柔和，给人友好的感觉，而带有尖角的形状则会给人锋锐明快的感觉。在进行设计的时候，巧妙地将圆角和锐利的边缘搭配到一起，可以形成互相映衬互相调和的效果。

　　07. 用纹理来对比

　　和形状类似，纹理能赋予形体以性格，不同的性格则能形成对比。粗糙与光滑、坚硬与柔软、参差和平整，它们都是对比。网络上的纹理资源非常多，如果你合理运用能够达到不错的效果。

　　好看的图案整体上都是平滑的线条和形状，唯有其中的数字添加了少叙粗糙而复古的纹理，让巨大的数字增加的信息量和对比，不再单调。

　　08. 调整比例构成对比

　　除了为设计作品增加有趣的内容增加视觉吸引力，还可以通过调整比例，构成大小对比来增加对比度。相同大小的元素很难构成层次感，而有了大小对比就有了重心区别和差异，这样也更利于构建有张力的布局和有趣的样式。

　　09. 调整视觉重心来对比

　　视觉重心也是设计中常说的概念，你需要告诉用户某个部分比其他的更重要，可以将它设计成视觉重心，通过调整它的色彩、造型、尺寸、样式、纹理等属性，同周围的元素区分开来，成为视觉重心。

　　10. 通过留白形成对比

　　虽然将页面或者画布填满信息是非常诱人的事情，但是效果往往不好，留白同样重要。留白可以期待分割内容、组织设计元素、形成对比的作用。越是复杂多变的布局，留白越是重要（值得注意的是，它并不一定非得是白色）。留白出现之后，可以让设计不同的部分有明显的对比。

　　留白分割出两个侧边栏和中间的图片，让信息更加有组织，也突出了重点。

　　11. 通过位置控制来实现对比

　　从某种程度上来说，每个设计作品都需要兼顾到平衡和张力，这样可以让设计均衡而又不沉闷，有条理又不紊乱。具体怎么做呢？最常见的是借助三分法和对角线结构来控制布局。

　　三分法：页面被两横两竖划分成9块区域，而四条线的四个交点是视觉重心。这是一种动态的布局方式，它更自然舒适，什么都放到正中心的设计是单调而枯燥的。

　　对角线：对角线和S型布局都可以让设计充满动感，眼睛会更自然地运动，不会沿袭传统的横竖方向运动，更有趣，消解了布局的单调性。

　　12. 用意外来营造对比

　　出乎意料的设计很多时候非常有效，因为它让人更加难忘。突变、不集中、不典型都是意外的特征。充满惊喜的元素会让设计内出现前后对比。意想不到的色彩和图形都是这样的设计。

　　这个页面的设计、排版就是这么做的，原本简单的布局通过元素间的遮盖“互动”了起来。

　　13. 通过重复和模式来对比

　　严格意义上来讲，重复的样式和模式化的设计是通过营造视觉焦点和趣味性的视觉来实现对比效果的。

　　设计师在左侧使用了模式化的图形来填充，它不仅和右边形成对比，而且还有助于强化品牌认知。

　　14. 使用位置和方向来对比

　　错落的位置、不一致的方向能够构成对比。不一样的间距，不同的空间特征，打破了整个设计的一致性特征，合理地掌控其中的平衡，可以营造出颇为不错的对比，又不会太过违和。

　　15. 通过靠近和分离来对比

　　通过靠近分组的方式来组织内容也是一种常见的设计技巧，可以更加便于浏览，更清晰地分割内容。通过这种方式划分出群体和个体，这也是一种对比。

　　16. 借助视觉引导来构建对比

　　研究表明，人能记住他们所看到的80%的内容，这也是为什么设计是强大的工具。但是用户需要适当的视觉引导来找到重要的内容。所以，视觉引导很重要，通过圆点、箭头、下划线等多种方式来区分内容的重要性、条理性。

　　17. 复杂和简单的对比

　　将复杂和简单的样式混合使用，常常能够产生足够的对比度。这种对立本身就是对比。

　　18. 字体组合的对比

　　不同于使用单一字体家族所追求的一致性设计，讲究对比度的字体组合往往会使用不同类型的字体搭配。不过这样的设计有一些地方值得注意：如果要对比度，那么字体一定要有明显的差异，只有这样才有区分度。不同字体应对不同的职能，不要在同样的功能区使用不同的字体，这样会造成混乱。一般而言，使用一个衬线体和一个非衬线体来搭配是个不错的选择。

　　19. 在进行排版的对比度设计的时候务必要注意

　　当你寻求字体组合的时候，你需要的是对比度而非冲突，这两者是有区别的。两种字体有差异，有的时候是对比，有的则是冲突。这种差异并没有一种明确的规则，更多的时候是需要依靠设计者的直觉来判断，多看多做你会逐渐明白的。

　　20. 借助样式和字重来构建排版对比度

　　许多字体都有着不同的样式和字重，比如细体、粗体、斜体、窄体等等等等。这些字体在排版中使用，构成对比，突出不同的部分。

　　21、Photoshop应用技能

　　专业图像处理软件，用于淘宝广告、网店平面制作，内容涵括PS工具箱、图层、图层样式、图层蒙版、通道，路径、滤镜、调色，知识高度归纳与总结。

　　22、淘宝后台操作

　　直接打开淘宝店铺后台，讲解淘宝网店装修规则，现场演示网店首页、详情页、活动专题页的装修流程，轻松掌握淘宝网店装修技巧。

　　23、利用Dreamweaver手工书写淘宝代码技能

　　网页设计布局软件，网店装修必备，用代码的方式去自定义店铺页面，可简化页面代码，提高页面布局的准确度，完美实现设计稿的内容。

　　24、美工实践应用技能(淘宝整体店铺装修综合实例讲解)

　　网店装修整体风格把握;首页、详情页、活动页的设计经验与创意技巧，多案例演示学会用视觉语言去诠释宝贝的信息与卖点，提升网店转化率。

　　25、中心构图

　　把主体放在画面中心，最简单、易用、好上手初学者必备。但也是最容易呆板、让观众腻烦的构图，因为，主体位置与人们默认的观察视觉一致，平铺直叙的观感，不容易引起额外的兴趣。

　　但想表现日常感的记录视角，中心构图也无妨（不少日系摄影师也有中心构图的偏好哦）。

　　26、边框构图

　　把主体内容放在边框之中，使之在画面中被框选突出。

　　室内外光比较大的时候，对室外景物测光，使前景（室内墙壁与窗户）被压暗，会形成有趣的挂画墙效果。

　　边框不一定是完整的、有明确形状的事物。利用角度，屋檐在视觉上的合围，也能被用作半包围的边框。

　　透过边框观察景物，等同于取景之上再取景，调整你与边框的位置（正侧、俯仰、远近），效果也不一样。

　　27、三明治构图

　　非典型的边框构图形式，如同三明治结构，通过左右（或上下）的前景夹紧，将观众引导至中部狭长的位置，使主体突显。

　　给人以豁然开朗，适合表现建筑群的中的独立建筑，常配合前后景的明暗反差表现。

　　28、隧道构图

　　配合场景的纵深结构，利用近场低亮度，远处主体高亮度的光照过渡，达到视觉空间隧道效应，使观众得到柳暗花明的心理感受。

　　适合单一主体已经情绪氛围（安静、疏远）的表达。

　　29、三分构图

　　层次分明的三层式构图，适合表现场景事物的位置关系（上中下、远中近），泛用性强，非常好用。打开手机取景的辅助线，拍摄时候进行练习，能培养构图意识。

　　此外配合后期修图的景深虚化功能，能制作出玩具微缩场景的移轴趣味效果。

　　30、对称构图

　　中轴对称把主体平分，带来视觉平衡。注意无论对称轴线是垂直还是水平，记得保持正直。

　　31、放射构图

　　在画面中找到事物透视中的消逝点，以此为重心，把物体和场景的线条收拢起来，能带来非常有视觉张力和冲击力的画面。

　　轨道列车就是常以此表现的题材。

　　32、三角构图

　　同样依照透视的原理进行画面组织，在拍摄大型高层建筑（群）常用三角构图。

　　需要留意，三角的构图形式并非要求场景围闭成完整的三角形状，只要以一边为参照，两个相邻的边线元素有朝内聚合的倾向，就可以看做是三角构图了。

　　33、对角线构图

　　雕像手臂的指向，带来力量感与方向的元素，完成画面的对角引导线的构成。

　　34、中心+对焦

　　综合利用的中心与对角线的进阶构图方式。前景主体花朵放置于中心带来稳定感，而后方的.倾斜山脊线增添了画面动感，并且在天空背景前加入了层次。

　　35、字母构图

　　以字母轮廓线为引导，对景物进行组织，适用于轮廓线条明显的室外场景或者室内可摆设的静物拍摄。

　　利用盘子与视角倾斜，形成S形构图。

　　以及突出盘子造型边线的C形构图。

　　在场景中提炼轮廓线条是关键。

　　36、交点构图

　　三分构图的进阶技巧，将画面纵横三分形成井字形的分割，将主体（趣味中心）放置于交点上。虽然是朴素的入门的技巧，但非常实用，能让普通观众对作品产生专业感的小窍门。

　　再次进阶，找到画面的四个黄金分割点，放置主体。

　　注意两者的细微差别，井字构图可以看做简化版的黄金分割构图的应用形式。

　　黄金分割点带来的视觉美感，能很好的融入其他技巧当中，前面说到的隧道、放射、字母构图等，都能把主体设置在黄金分割点上进一步提升。

【36个美工设计技巧】相关文章：