• 内页banner
  • ui1
  • 内页3
技术专栏您当前所在位置: 首页 > 技术专栏

丰泽UI培训班大神手把手教你制作运营Banner

更新时间:2017-05-18 17:48:38点击次数:135次字号:T|T

过节了!促销了!怎样设计一个好的banner,我想每一个UI设计师都遇到过这个问题吧?翻阅资料,了解运营Banner需求,产出高质量作品。坐看郑州UI设计培训班大神是如何从[检查环境-打量需求-勾勒草图-开工-细节刻画],一步步设计出美好的活动策划banner的,参加丰泽UI设计培训班,竟然so easy!

郑州培训班设计banner

在最初了解Banner设计使用场景。可以分析其所在页面层级,比如是在首页还是在二级页面.或者出现在成功失败等特殊功能页面。不同的UI设计交互页面需要有一些特定的需求诉求点。通过分析banner的空间占位和整个UI设计页面的视觉分格.合理分配banner的视觉焦点,强调运营诉求的同时注重整个页面UI设计的整体视效。看下面的例子:

1.检查环境

所在页面层级

空间占位

合理视焦

视觉风格

郑州培训班设计banner

2.打量需求 

提炼诉求点 

确定基调 

构图草稿 

点缀物

郑州培训班设计banner

首先分析下此次活动的主题,是为了庆祝两周年.突出“不负小 承诺陪你赢未来’宜传语,同时周年庆送现金红包。可以用蛋楼表现周年庆公悦感,蛋糕上点绷蜡烛。蜡烛代表生日。UI设计画面的点缀物可以突出红包,现金,辅助一些丝带等等。辅助物可以根据整体画面自由发挥排版。通过前期环境监察和第二部的需求打量,在脑海里形成一个简单的UI设计草图。

郑州培训班设计banner

3.勾勒草图

可以百度一些UI设计banner素材,先利用ps拼出一个大概的UI设计草图。当然也可以直接手绘草图。PS拼凑草图的好处可以更加精准估计UI设计主题文字和主图样式、位置、尺寸。如下图。  

郑州培训班设计banner

4.开工

按照草图安排好的位,描绘一个美美的UI设计banner。蛋括代表生日.蜡烛形态和企业形象旅袋袋相结合。蓝色的蜡烛恰好在暖色的背录下更好的展现。主题文案依照UI设计初构图.折行显现。彩色的丝带使整个页面更加活波。   

5.细致刻画点缀

   主视觉两边需要点组些小元素.不然在宽屏下两边,起来会有点空。飘散的红包元素刚好强调了画面的纵深感,使整个UI设计画面更加具有动感。还有最神奇的一步:整体画面调色。调色后的UI页面更加艳丽,活波。 

郑州培训班设计banner

    哇塞!美美的banner就这样新鲜出炉了!不愧是UI设计培训班大神级人物!来丰泽学UI,你也可以的!