通过历届
UI美工设计培训专业学员的作品来看，很多时候相同的排版，相同的配色，跟人家的作品比还是感觉差点事儿，并不是你的排版和配色不好，可能就是缺那么一两步的点缀操作就能解决的事情。下面，
UI美工设计培训专业老师通过几个方面来说一下可以从哪些地方入手，让你的设计锦上添花，充实而不杂乱，丰富而不花哨。
对于网页来说，加分的点主要体现在banner和排版，而banner主要分为背景、产品和文案三大部分。所以针对于背景、产品、我们来分析一下，到底你的设计里面缺少了什么，好的设计真的有你想象的这么难吗？（注：以下图片部分来源于网络）
一、背景：
Banner设计的背景不可少但又不可抢产品和文案的镜，那很多
UI美工设计培训学员在做的时候为了凸显产品和文案，会导致背景空空荡荡的，毫无吸引力，给人感觉像是一个半成品。所以，我们可以从点线面出发来点缀修饰背景。
1、背景-点的点缀
点不一定就是一个小圆点，可以是一个文字，一个形状，一个色块，一个图标。在一个大面积的背景上一个小三角就是一个点，是有对比的。而点起到的作用就是使版面更活跃更有灵动性，烘托版面的氛围，让背景不会太空旷，有时候点可以起到引导的作用。
比如，下面两个图的对比，作为电商满减活动的头图，原图总感觉氛围不够，背景略显空洞，而第二章图只是加入一些图标色块进行点的点缀修饰，就让满减的活动氛围更明显，背景更丰富。
2、背景-线的点缀
线是由点组成的，点的轨迹就形成了线，线的作用有很多，比如分割模块，串联元素，体现速度等。
比如下面两个图，原图的感觉像没做完，背景空荡荡的，而第二张图只是加了一些线的修饰，立马比较有律动感，倾斜的线条又让画面不呆板。
3、背景-面的点缀
不管是banner还是网页，都是由很多面组起来的，尤其是流行的扁平风更是一个一个色块在拼凑，所以面可以起到分割版面，体现主次，修饰背景等作用。
下面来对比一下两个网页图，原图排版还可以，但因为内容不是特别多，而导致背景比较空。而修改以后的图一些不规则的形状贯穿整个页面既饱满了背景，又让页面前后风格呼应。
二、文案：
不管是banner还是网页，所有信息的传递一定少不了文案，图片给予视觉和外貌，不同的人看到图想到的会不一样，而要想表达宣传的核心，文案才是重点。所以在文字的排版创意上
UI美工设计培训专业老师给大家几点意见。
1、文案-主次
阅读的时候都不喜欢千篇一律的东西，如果稍微有点主次，阅读起来会更快更方面更有目的性，而文案的主次调整方法有很多，比如大小、粗细、亮暗、有色无色、疏密、虚实、前后等等，使用主次的文案调整更适合用户的懒人阅读法。
对比一下下面两个图，不管是大小，颜色，排版的丰富度和层次感，第二张图都表现的比原图更恰当，这样的设计才让人浏览器起来不累，一眼抓住主题内容，所以有时候只要变变大小就是一个好的设计。
2、文案-分组
当文案比较多，或者排版比较乱的时候可以用分组来解决，这样可以让想要表达的内容更具条理性。分组的形式也有很多，比如调整间距，相近的元素必定相关，就划为一组；比如线条分割，这样的分组形式最直观；比如形状色块分割，色块内部一组，外部一组，即美观又清晰。
看下面两个图，文案排版很漂亮，就是比较空，也因为大小混排的原因让画面略微有些乱，而用线条和形状调整以后，主次清晰了，画面也饱满了，这就是分组带来的效果。
三、产品：
尤其是电商类的banner，基本上都会有产品的存在，这就出现产品精细，模特精修等设计上的工作，而当我们把产品放入banner里面，就涉及到产品与banner色调和层次的处理，下面
UI美工设计培训专业老师说几个简单的注意事项。
1、产品-明暗关系
美术里面讲究三大面五大调，而我们在产品和背景合成的时候也要讲究明暗关系，迎光的地方边缘就亮或者亮的色调是光的色调，而背光的面就要有投影，这样跟背景才能融合到一起。
对比下面两个图，原图没有明暗关系或者比较弱，第一人物坐不稳，第二包和人物的光面与背景色调不一致，所以进行调整以后，各图层之间就比较融合，而不会太孤立。
2、产品-层次
这里所表达的层次很简单，就是前后关系，在不影响识别度的前提下，可以让元素之间有叠加或者近大远小，这样层次感自然而然就出来了。一个二维的图就能描绘出三维的空间了。
对比如下两个图，同样的排版，而让人物叠加到文字上，再有投影投到文字上，微微用喷溅式的粉末修饰，视觉效果就有所体现。
综上所述，我们可以总结为三不：不空，不乱，不平。意思就是让画面不空洞，让排版不乱七八糟，让元素不要每次都是二维体现。
UI美工设计培训专业老师整理的以上的例子都是多了一两个图层的修饰或者微微加一点样式，效果就截然不同，所以不要把设计想的太难，设计是一个积累沉淀的过程，多总结多学习，一定会有好的结果。
本文来源：网络。整理：UI美工设计培训学校。更多资讯【请关注微信号：feifanxueyuan】(版权声明：推送文章和图片我们都会注明作者和来源，除非确实无法确认。部分文章和图片推送时未能与原作者取得联系，若涉及版权，烦请原作者联系小编更正，谢谢。)
源自名校
学院资质
专注19年
400-616-2336
老师①
返回顶部