banner设计没思路，怎样开展工作 怎样设计banner

banner设计没思路，怎样开展工作？

在banner设计的过程中，我发现线框在banner设计中的应用非常广泛。不仅能够辅助一些元素的设计，还可以为设计增色不少，增加设计感。所以，我决定总结研究一番，发现这里面还是有点门路的。今天我就针对UI设计中banner设计的攻略进行简单的说明。

　　线作为平面构成中三元素之一，具有非常广泛的应用范围。

　　「线」在版式中的作用主要表现为：表示强调、明确分隔、视觉引导、组织信息、丰富装饰画面等。

　　在banner设计中，应用线框也起到强调、视觉引导，组织信息，丰富画面层次等作用。接下来，我们针对一些案例分析线框在banner设计中应用的整体特点，以及在应用时需要注意的设计细节。线框在banner中的应用也同样适用于在海报等其他设计范畴，举一反三。

一、 应用情况分类

　　1. 大线框，辅助背景和整体版式

　　特点：在banner中运用线框整体形式感强，可以起到较好的引导视觉的作用，用户在看到banner的第一眼便会把注意力集中在线框内的区域。

　　2.小线框，应用局部文案

　　特点：在banner文案处应用线框设计是最常见的。文案作为传达banner信息的主要载体，在此处应用banner可以很好的辅助设计，吸引关注，突出文案重点部分。在后面，我将专门分析线框如何应用在文案部分。

　　3.小线框，应用局部图像

　　特点：在图像周围添加线框可以通过空间关系让图像更有立体感，增加设计的层次，起到突出产品的作用。

二、 应用细节

　　1.封闭和不封闭

　　特点：在图像周围添加线框可以通过空间关系让图像更有立体感，增加设计的层次，起到突出产品的作用封闭的线框透气性差一些，但在视觉上更规范、稳重。

　　不封闭的线框最为常见，透气，具有较强的设计感，能够发挥的的设计空间也很广。在具体设计时，有两种方式可以打破线框。直接选择切断部位断开

　　在线框轨迹上叠加其它元素(文案、图片等)断开

　　此种方式较常见，UI设计培训课程Banner设计 https://www.aaa-cg.com.cn/ui/2493.html/?gpf可以利用文案、图像与线框的空间关系塑造空间感，使线框与整体更好的融合在一起。

　　2.组线条和细线条

　　粗线条能更加引人注目，个性十足

　　细线条显得柔美、细腻、轻盈

　　3.虚和实

　　在线框的应用中有虚实的区分。「虚」的线框在呈现形式上很灵活，较容易结合自己的创意，若隐若现，没有实线那么强烈的空间存在感。

　　4.线框形状

　　线框的形状比较灵活，我们可以根据设计灵活调整，最常见的是矩形，可以平衡画面，规整，方便排版。三角形的线框辅助可以加强视觉冲击力，营造个性、别致的感觉。圆形线框起到聚焦视觉中心点的作用，通常应用在文案的强化设计中。其它形状具有更多的发挥空间和个性，但不要过于复杂。

　　5.表现形式

　　线框虽然看似简单，但也可以有很丰富的表现形式，通过对线框的「强化设计」，可以丰富线框的设计感。

　　巧用渐变

　　丰富画面、个性绚丽。在深色背景中加入线框时，一般选用白色，但如果文字和线框都为白色，往往会感觉单调，此时将线框改为渐变色是个不错的选择。

　　纹理、质感

　　加入特殊的纹理、质感，可以与其他元素保持风格统一，使画面更协调。

　　创意结合

　　结合主题的创意线框让人眼前一亮。

　　不规则变化

　　不规则的变形可以增加俏皮的感觉，不死板。

三、排版方式探索

　　这部分主要总结一下线框在应用过程与文案、图片结合时常见的设计方式。

　　1.排版与文案

　　图示中的案例是以矩形作为基础，如果小伙伴们应用了三角形或其它形状，在与文案结合时也基本类似，灵活设计即可。

　　2. 与图片

　　图片与线框结合可以丰富画面，增强设计感。

　　总结

　　通过这次总结使我认识到无论是生活还是设计，处处都存在细节，而且都有一定的规律可循，所以我也强烈推荐大家在设计时留心各种设计形式和自己觉得很棒的设计元素，做好总结。也希望在以后的设计工作中能够灵活运用这种元素。

怎样设计banner

那么Banner到底是什么呢？Banner的核心使命其实是吸引用户关注，然后被点击。他的主旨就是主题明确，突出关键内容，抓住用户眼球。 一个Banner他是由“背景、主视觉和标题文字”三部分组成，在我刚刚接到需求的时候，我首先分析他的重点词、字，想要表达什么，分析好了后可以在纸上画下草稿，在大脑里有个大概的视觉效果，想法多的话可以画几版不一样的，最后根据草稿定一个定稿，接下来就可以找素材着手做了。在做期间，还要注意整体的美观，让人看起来舒服。 下面从这三部分逐一给大家分享下。 一、背景 我们画画的同学可能都知道，一个画面不可能都面面俱到，重点的需要细致刻画，有的一笔带过即可。设计一个Banner有时候就像画画似的，首先要有大的环境，那Banner的背景就好比大环境，其实主要是起到衬托、烘托气氛的作用。 一个新需求过来，首先我们考虑要营造一个什么样的环境，什么样的气氛，是欢快的、悲伤的、可爱的还是…比如过年，可能就用红橙色，比如儿童类的，颜色上就要纯一点，活泼点等等。 但是需要注意一点，背景不能太花，否则会影响整体的一个可读识性，简单，清晰即可。 二、主视觉元素 Banner中的主视觉要清楚，符合主题，元素不可太多，否则看起来跟人感觉就会乱。有的人在做时只要是有地，就全放满，其实页面适当的“留白”也是提升画面品质的一个好方法。视觉元素不论是人物，还是其他，一定要清晰，在我们找素材的时候也要找像素质量高的，我一般会去站酷、昵图网、花瓣或者直接google搜，不要太多。还有一点注意的是不可盗用他人的作品，头像等等。大家都懂的：） 下面的这个Banner看起来就比较乱，东西太多，想表达的也太多，这时候需要用户去花时间思考它想告诉我们什么，而往往这时候用户是不愿意是思考的，一是画面不知道他要表达什么，二是整体上没有吸引住用户的眼睛，这种情况下这个Banner是做到比较失败的。 三、标题文字 标题文字非常重要，是整个Banner的主题，重点文字一定要在背景中突出出来，不论用颜色对比、放大、变形设计还是即便做立体效果等等。（这里我分享一个经验，就是在页面上新建一个黑色的图层，样式改成饱和度，整体上成黑白的效果后一眼就能看出来了） 这个Banner标题用了描边和投影，从背景中出来了，但还是看起来不舒服，主要是他的文字有用曲线、斜线的方式，让人不禁会顺着字的排版顺读下去，他这里面不同方向的斜线用的还比较多，这种方式看多了就会比较累，没有形成统一。 这个Banner看起来比较清新，没有过多的元素，但重点是文字，由于背景用的浅色，文字也用的浅色，用户是很难看出来的，影响用户的阅读性。 最后总结几点 1.画面整体统一，颜色搭配的看起来舒服；2.页面元素要以组为单位；（如文字和文字之间的间距不要过大，让人看起来是一组）3.采用吸引力的用语，或者添加“火速参与”等刺激性的词语按钮等，让用户在最短的时间内有去点击他的欲望。4.主次对比分明，合理安排页面布局；5.输出K数不宜过大，否则加载速度会慢；6.最后最重要的一点是，前期工作一定要与需求方沟通好，要知道，在工作中，沟通是非常重要的一件事情。 以上是自己在平时工作中总结的一点点小经验吧，希望对初学设计的同学来说有点帮助，还望大师们多多指点，我会虚心学习。有部分图是从网上找的，在这里借用下，如果侵犯您的权了，请告知下。谢谢。

电商广告Banner设计中文字排版的技巧是什么？

一.行文字多的，采用右对齐或左对齐，少的采用中间对齐。
二：文字尽量采用容易辨认的字体。
因为文字的目的就是让人看懂的，文字太花哨，会感觉很乱。
更多平面设计知识，请咨询华南平面设计学校。
三：颜色可以吸取图片颜色。
吸取图片颜色，会给人和谐之感。
四：文字尽量少。
五：文字要有层次感。
也就是说题号要清楚的分清层次(一般是大小字号)。
六：英文工整的方下面花哨的方上面。
七：斜排文字也可以。
只是在排版上要求更高一些，主要目的是产生动感。