初级入门经验-王的盛典banner设计思路

H5大赛活动banner要求：

1、主标题：“王的盛典”汉仪字库杯H5设计年度争霸赛

     副标题：6万元超值奖励大放送

2、作品征集时间：2016.1.4——2017.2.12

3、按钮：点击了解大赛详情

4、加主办方logo

5、高端大气，有视觉冲击力，有盛典的感觉。

--------------------------------------------------------------------------------------------------------------

我去搜了一下关于盛典的，基本都是红色，黑色，深蓝，深紫等深色背景，加上亮色的文字。和需求方沟通后，大致风格就确定了深底金字的效果。毕竟是“王”的盛典，所以用金字比较贴合。

这类设计也蛮多的，主要就是字体设计加上特效，看着都很高大上，感觉花上一天两天来设计都做不完（对于我这种初级设计来说），但是我这里只有半天时间了，所以采用了比较简单的方法，容易套用，后面慢慢会说细节。

废话不说了，进入正文。

1. 虽然是H5设计大赛，但是主题与汉仪字体有关，需要推广汉仪字体，所以我就想把各种各样的汉仪字体作为底图放在背景里面，还可以增加背景质感。

   说到字体还联想到了活字印刷术，于是我将不同字体放在了一个一个小格子里面，小格子用了渐变区分开，还添加了一点杂色，增加质感。文字用内阴影和投影作出雕刻的效果（内阴影用深色，投影用亮色，均距离1，大小0，阻塞0，角度透明度根据实际情况调整，这种效果还有很多别的方法也可以做出来）。

   
   

2. 现在这个背景还是太亮了，金色在上面不太闪耀，于是在上面加上了一个半透明黑色蒙版。

   接着先把文字摆放好。毛笔字大小错落，形成对比。将其他文字也全部放到画布上面，并且选择了比较有逼格的居中排列。

   因为是推广汉仪字体，所以在字体选择上直接用了汉仪的毛笔字，这里用的是汉仪雪君体简，其余小字是汉仪书魂体简。

   

   
   

3. 读清楚文字想表达的含义，进行排版。

   既然是活动大赛，奖励必然是大家关注的重点，所以“6万元”的奖励需要强调，我给这几个字加了个线框突出，本来用“／”隔开文字，但是发现太复杂，就改用“·”，有时候要活用符号作为装饰；

   作品征集时间是辅助信息，可以缩小点，能够看到就好；

   点击了解大赛详情，一看就是一个按钮，所以可以用按钮来表达，之前用的是长方形按钮，结果发现和上面的线框冲突了，两个方形一起太硬了，就改了圆弧的按钮。

   排版就这样完成了。我目前还在学习排版设计，所以排版很中规中矩，这样虽然错误率会低点，但是就不会那么有冲击力和创造力。这点有待提高。

   

   
   

4. 接下来就是“上色”了，给我们的“王”披上金色。

   我这里是去百度搜金色，会出来很多金色背景，我选了图中第一个叠加在了主体文字上面，发现太黄了，不是我想要的，我又找了图中第二个浅金色背景，设透明度和渐变蒙版，合成了一个我个人比较喜欢的金色。也就是图中蓝框框住的那里。这里按钮也叠了一层金色。

   

   
   

5. 没有发光的金色不是好金字。神说要有光，必须要有光，赶紧去素材网下载了一些高光和金粉粉（不知道是不是今年流行，好多这样的设计都有金粉，我也干脆下了个。）高光可以自己画，但是我每次都画的不够亮，所以还是用的素材。

   

   
   

6. 做到这里已经算完成了。但是我就是觉得还不够震撼，正好看到一张文字炸裂的图，我就运用上来了。

   在文字上增加了一些裂痕，周围增加了一些炸裂的小石头，氛围感更强了。

   这是元旦前做完的，元旦假后准备发的时候，发现金粉有点抢镜，我就降低了一点透明度。而且，重读文案发现，忘了一个很重要的元素，汉仪logo都忘了放上去。汉仪的logo是竖版，感觉放哪里都破坏做好的banner，想了半天，从毛笔字联想到了印章，就将logo反白，做成了印章。

   

   这个就是读文案不仔细，元素没有提前放在画布上导致遗忘的后果。

   有时候做完设计可以再重新看下，有时间可以放两天再看看，会发现一些不足或者设计的时候没发现的问题，加以改进，效果会更好。

最后，祝大家设计能力越来越强，都成为大大神。