还记得以前我刚接触学习UI，那时候的想法很片面也很简单：觉得做UI设计就是设计移动端的app页面，那些网页、海报什么的都是平面设计师该做的事情，不该由我们UI去做。

然而随着在公司呆的越久，接触ui这一行业越深，想法也时刻发生着改变，常常会思考企业究竟需要怎样的ui设计师？一个优秀的ui设计师需要具备哪些能力才会更有竞争力？

早在2012年，ui设计这个职位还不被大家所熟悉，那时候只要会画图标会画手机页面就能拿高薪。然而短短几年ui设计行业迅猛发展，各地的培训机构和大学源源不断的输出了大量ui设计师，使之趋近饱和。很多设计师都说今年ui不好找工作，就业难度比往些年都要大很多，因为人多了，公司对ui设计师的要求也跟着提升了。

现在的企业不仅希望ui设计师会画图标、做页面、懂交互和动效、能设计良好用户体验的app，还要会做海报、H5、易拉宝来满足公司日常线上和线下的推广活动……

随着人数越来越多，我们如果还不想方法进步增加自己的竞争力，就会越来越难以在这块行业立足。因此除了画图标，做app页面设计外，我们还需要在其他方面的设计上加强和锻炼自己的能力。

今天，我主要和大家分享下关于平面广告推广图的设计思路与技巧。

这一方面是对我自己这一年多以来，在推广活动图上的工作经验做个总结，另一方面也是想抛砖引玉，和大家分享交流下设计经验。

不足之处还希望各位设计大牛多多指点。

下面，我来介绍下我总结的一些方法流程与思路：

日常的推广图有哪几种呢？

做这些推广图的设计，流程均可归纳为3个大步骤：

1.确定风格 > 2.场景思考 > 3.设计执行

在接到需求文档后，首先主动找相关人员沟通，先充分理解文案内容并确定下整体的设计风格，然后开始在网上收集此类风格的设计图。看看别人是如何通过设计来表现这种风格的。在看不同设计的过程中，可以激发自己对需求的思考和想象力。

比如对以下种类的设计需求，我所收集的风格设计图：

收集完此类风格设计图后，此时脑海里或多或少都会产生一些模糊的想法了。然后再重新回到文案，结合要传达给用户的内容信息，思考并构造场景，把脑海里的模糊想法清晰化。可以在纸上简单画出自己对于场景的想法及排版布局，然后有针对的收集素材。

举一个之前做的运营活动图例子：

这是APP新版本发布上线后，运营同学策划的一个在朋友圈和社区推广的活动，

目的是促进APP的下载量，和收集用户的体验反馈。

提取要点：需体现海那边app元素，和红包元素

场景思考：红包小人在海上用着海那边app，喊着送红包的标语

确定好场景和布局后，开始针对性的收集素材

根据自己前期对场景和板式布局的想法，结合搜集的素材，开始动手设计。

一、设计时有几点需要注意：

a、注意文字排版的逻辑

词句叙述和强调的顺序要合理，不能为了设计的美观度而随意拆分句子，影响用户的阅读和理解。

左边的图是我去年设计的一个H5活动页面，右边的是现针对这个图的文字做的一个简单优化。大家可以感觉出，左边顶部的文字排版相对而言显得更加活泼有趣一点，可是却对用户的阅读和理解造成明显干扰。右边做了个小优化，这样的文字排版方式更加清晰直观，阅读起来也会更容易理解。

b、注意层次结构的清晰

页面有主有次，有突出有重点，能让用户快速清晰的区分和发现重要内容信息。

右边的页面通过色块、大小和颜色对比，使结构层次明显清晰很多，阅读起来比起左边也更显舒服，用户能一眼区分出这个页面所要表达的重要信息。

c、注意整体重心平衡

不平衡的页面会影响设计的精致度，给人一种别扭、版面不饱满不完整的感觉。

左图文字排版整体居中，但因为右下角的大楼背景，使得整体重心向右下移动，上半部分会显得很空不完整。右图通过在左上角搭配一个国旗，即契合主题，又使整体版面饱满平衡，显得更精致耐看。

d、注意设计的形式感

一方面，提高设计感会使页面更精致耐看，抓住用户眼球，使用户产生兴趣从而去点击了解；另一方面，设计会传达品牌形象和专业度，视觉传递的感受会直接影响用户对企业的第一印象。

二、设计时可用的具体方法技巧：

a、字体设计

对标题文字做字体设计会大大增加页面的细节和精致度，使整体页面更耐看。常用的手法有：钢笔造字，矩形造字，字间连接等，网上都有很多相关方面教程。

b、几何框架

当做文字排版的时候，如果排起来觉得单调没有设计感，可以考虑排成几何形状，矩形、圆形、三角形等（前提是在不影响用户阅读理解的情况下）

c、重复与对齐

对于并行的介绍内容，需要根据具体情况找准一种对齐方式，或居中或左对齐等，并以同一板式重复依次排列，这样设计让整体结构清晰而统一。同时可以重复利用一些同类型或相同的元素来点缀装饰，会加强统一性，页面也显得更有细节。

d、图形化设计

把需要传达给用户的一段内容信息，通过图形化设计的方式进行排版，会让普通单调的文字页面，立马变得富有设计形式感和趣味性，同时更利于阅读和理解。

e、对比和强调

主要可通过字体、粗细、大小、颜色、色块等来实现对比和强调，突出重点，使页面信息有层次感。

f、元素搭配

页面上每个搭配的元素都要有它自己存在的意义：强调、视觉引导、统一板式、渲染氛围……，切不可仅仅为了好看或因页面太空，而盲目的搭配一些不太相关连的元素，那样反而会破坏干扰设计。

谢谢大家观看~

以上便是我对平面推广图设计的经验总结，

所用设计图案例均来自于自己的日常工作，

说的不足之处还希望多多指点。

最后，看我整理的这么用心，

点个赞支持一下呗~