\n
\n 6个步骤帮你速成设计好Banner
\n 世界看脸，网站看Banner，门面当然要美丽，不外好多同学以为做Banner是门技术活儿，自己学艺不精做不了。若是你看了今天这篇文，就会领略，技术于Banner，就像刀法于人，虽有招式，但无内功支持，久战必败。而这篇好文，就是Banner的内功修炼心法，按6个步骤来，速成可待。
\n
\n Heidixie（阿里巴巴资深交互设计师） ：团队小同伴问到这个问题，发了一封邮件分享自己的思路，顺便贴过来。
\n
\n 合用前提：
\n 非专业视觉设计师 没太多空闲功夫去做。

\n 为什么要做banner？

\n banner是用来通报信息的。

\n 所有不以通报有效信息、、有效通报信息的banner都是yy.baner是用来促使用户行动的，也即Call To Action。无法让用户产生你所进展的banner都是无效的。
\n
\n 所以，先脱节一个谬误的意识：banner仅仅是用来装璜用的，仅仅是为了吸引人把稳啥的设法。
\n 所以，我们既然长短专业设计师，就要回归到做banner的本原，为了达到以上成效，同时两全美观、、风雅、、好看。
\n 风雅融洽看的banner不定必要深邃的视觉技巧，和繁琐的PS职能，但是要两全视觉的几个准则，我稍后会列出。
\n
\n 第一步：界说要通报什么信息
\n 这一步，和视觉、、审美什么的都不要紧。
\n
\n 好比，半月谈，我们要通报的信息有：
\n     品牌LOGO，让用户一眼就知晓哪里出品，下次形成前提反射，所谓的视觉认知是必要肯定的反复的，只有不休反复能力加深用户印象。子品牌LOGO，让用户知晓我们出了什么器材，并且有系列感。
\n 以上就是我们要通报的主题信息了。你也能够以为这就是一个BANNER，只是——看起来没那么好看而已。
\n
\n 但是，我们发现信息还不够，我们还想要通报：
\n iSlot官方网站内容或许是什么，从而让用户形成等待 既然是系列，我们但愿用户可能知晓这是第几期，从而当他们想要从某一期有兴致时点击到全数，也有处所去。
\n 所以，我们把信息又放出来。此刻我们有4类信息。
\n
\n 第二步：界说信息的优先级
\n 固然我们有4类信息，但是优先级注定不一样的，所以对应到设计上，我们给它放的版块的巨细、、色彩的凸起是不一样的。
\n
\n 第三步：思考用户视觉蹊径
\n 也即你想疏导用户先看哪里，再看哪里，而后再做什么。
\n 通常，用户的阅读从上到下，从左到右边，所以通常重要的内容会放到左上角。
\n 不外这个规定能够用能干的图片、、刺眼的色彩等闲突破，但是我建议你不要等闲这么做，所有的图片和色彩都要有意思，为什么要用这个图片为什么要用这个色彩。
\n
\n 确保用户一路头有视觉中心，若是用户一眼不知晓先看什么，那么这个banner就是失败的。
\n 有了视觉焦点后，你能够从视觉焦点引申开来，使用视觉里的亲切性准则（把内容相近的地理地位靠近一些、、对比准则等等），疏导用户从视觉焦点进而关注到其他细节、、或者促使行动的器材。
\n
\n 第四步：思考尺度鉴别色彩
\n 既然我们要通报品牌形象，请确保用色从iSlot官方网站尺度VI色盘当选择，而不要轻易用。
\n 我是配色弱怎么办？有这3个板斧打遍全国，记住，品牌通报，反复性很重要。就像我们看到红、、黄、、白配色会想到麦当劳，看到绿和黑就想到星巴克一样。
\n
\n 第五步：做视觉的排版
\n （不要思考太多设计技术，不然就陷入到：我不是专业的，所以我不会做设计上）
\n 排版上，信息已经齐全，优先级已经出来，无非就是把它变得好看一些而已。
\n
\n 让banner好看的几个要诀：
\n 1. 对齐
\n 很好办吧，让内容纵向、、横向都有一条线，能够对齐。要么居中，要么底部。尽量确保页面上不要有一个元素，没有任何元素和它可能形成对齐的关系。
\n 2. 亲切
\n 不要让所有内容都没有荟萃地堆在一路，让那些关系比力亲切的内容聚合成一个区域，不要让一个banner上的区域超过4个。
\n 3. 单一质感：
\n 千万不要加任何PS的滤镜、、阴影、、能不渐变就不渐变，由于已经不盛行了，不要盲目使用各类形状。
\n 4. 若是要用图标，尽量选择形状统一，且可能维持你的优先级秩序的图表。好比我们疏导用户先看左边，再看右边，了局你在右边的图标里选择了一个血红的，可能用户的视线立马被吸引过来了。
\n 5. 不要让字体超过3种。尽量用宋体、、黑体、、刚正黑体，不要用什么魏碑体、、行楷等，一看就比力山寨。
\n
\n 第六步：做更多的美化
\n 若是你不想做，其实上面也能够了。
\n
\n 想做的话，我们能够：
\n 好比花点功夫去做一个盛行的扁平化布景装璜——还是要强调一点，不要为了装璜而装璜，所有的装璜都要有意思、、让布景越发有质感。好比加点磨砂感触。 好比，你还能够适当变换下此外排版，好比：居中的排版，更容易疏导用户从上到下的阅读视角，也是好多人偷懒比力喜欢的排版风格。
\n
\n 综上所述，做banner有一大半的精力是梳理信息、、设定优先级、、设定用户浏览秩序，和PS的技术没有太多关系，所以，每小我都能够去尝试做好一张看似很有设计感，但是现实上又没花什么精力的banner。
\n