横幅banner设计是配合某个运营活动做的一个面向用户的宣传图片，通常横幅banner设计是一个活动页面的入口。在设计banner时，设计师需要清晰表达活动主题并吸引用户点击，从而才能更好地完成运营推广活动的目标。那么横幅banner设计究竟该如何做呢？今天，Pixso设计师就以电商促销横幅banner设计为例，手把手教大家完成一个横幅banner设计。
1. 怎样绘制横幅banner
下面Pixso设计师就给大家说说，如何使用Pixso完成一个横幅banner设计。
1.1 新建Pixso文件
登录Pixso账号，点击【新建文件】，就能新建一个Pixso文件。
1.2 新建画板
使用画板工具，快捷键【F】，新建一个尺寸为1000x364的空白画板，填充色值为#FFFFFF，透明度100%。注意：一般设计banner时，可使用展示尺寸的2倍图来进行设计，以防止图片在应用时变模糊。
1.3 设计banner背景
使用矩形工具，快捷键【R】，绘制一个矩形。然后在右侧属性面板的填充颜色，选择“线性渐变”，色值为#9C51EE，透明度为100%，#DC6DEB，透明度为0%以及#E4CE70，透明度100%。
1.4 设计banner文案
使用文字工具，快捷键【T】设计banner标题样式。文字填充色值为#FFFFFF，透明度100%，字体名称为OPPO sans，字号分别为84、40、24，字重分别为特粗、常规。使用矩形工具绘制按钮色值#EBC336，透明度100%。
1.5 添加banner电商促销相关元素
在Pixso资源社区，搜索“3D插画素材-电商界面设计”找到如下图所示的电商促销素材，然后再使用矩形工具绘制背景元素的光线，填充色值#F6DEB3，透明度24%，旋转角度-58度，圆角大小为200，调整图层顺序放于合适位置。最后使用圆形工具、旋转复制插件，绘制装饰元素。
1.6 复盘横幅banner设计成果
在完成以上横幅banner设计后，设计师还应该与相关人员通过线上数据了解横幅banner设计是否有达到预期的业务效果，如果没有达到预期，要尽可能了解为什么没达到，看该如何进行改进？总结输出原因，以便后续更好地避免类似的问题。在Pixso设计师看来，设计是需要解决问题的，它是一种商业行为，横幅banner设计要满足公司业务的需要。通过设计效果数据的分析，将使得我们的设计更好地服务于商业需求。
2. 横幅banner设计细节
在设计banner前，我们应该考虑哪些问题，才能更好的满足运营需求呢？以下为Pixso设计师总结的几个要点：
2.1 明确横幅banner设计目标
所有的横幅banner设计都应该围绕设计目标展开，而不是凭借设计师主观的喜好进行。只有清楚设计目标，我们在设计banner时才能有效突出相应的内容。比如：电商促销的横幅banner设计的目标，就是为了让用户快速获取减价信息，吸引用户点击banner，从而促进转化率的提升。
2.2 明确横幅banner设计展示设备、展示位置、设计尺寸
在接到横幅banner设计需求时，我们要清楚这个横幅banner设计是在PC端还是移动端展示，具体会在页面的什么位置，这样可以明确横幅banner设计尺寸，以及设计的风格能符合整个产品的调性。
2.3 横幅banner设计风格
电商促销的横幅banner设计主要是要烘托购物的氛围，更好地促进用户购买，除此之外我们还要考虑整个电商平台的风格调性，进行品牌传播，最终塑造用户心智。
2.4 横幅banner设计展示文案
收到横幅banner设计文案后，设计师需要对文案进行组织、整理，突出文案的重点，删除不必要的信息。如电商促销横幅banner设计，最终文案是要突出“全场大减价”，通过减价信息，吸引目标用户进行点击。
2.5 横幅banner设计需求是否有素材
有的横幅banner设计可能会涉及人像、插图等版权相关的素材，设计师需要重视与需求方做好确认。比如电商促销banner就运用了Pixso资源社区的素材，不过Pixso资源社区素材可以进行免费商用，这一点极大地提高了设计师找素材的效率。
2.6 横幅banner设计时间安排
在了解了以上基本信息后，设计师需要根据横幅banner设计的具体难易程度、需求紧急程度，合理安排交付时间。
3. 推荐使用协同设计工具Pixso
通过以上横幅banner设计的相关内容，相信大家在以后的工作中对于横幅banner设计能够思考的更加全面。除了可以用来设计banner，Pixso在UI以及交互设计方面也非常易用。Pixso在线协作设计工具专为更好的服务体验设计而生，可以实现视觉效果、交互效果、体验效果一站成型，为你的目标用户创造流畅体验。另外，Pixso还支持设计师在任意浏览器完成所有工作，同步更新修改内容，有助于提高效率并确保数据安全和恢复。推荐使用Pixso，相信大家会收获不一样的惊喜！
