专栏名称: 学ui网
欢迎关注学UI网,国内棒棒哒新手学习UI的教程平台!www.xueui.cn。无数新人在这里学习最终找到UI设计工作。
目录
相关文章推荐
高才-高校人才网  ·  南昌大学共青学院2025年专任教师招聘公告 ·  3 天前  
高才-高校人才网  ·  招聘日报丨高校人才网2025年5月30日招聘 ... ·  4 天前  
高才-高校人才网  ·  鞍山师范学院2025年公开招聘博士研究生公告 ·  2 天前  
青塔  ·  这一市,大力引进一流高校办学 ·  2 天前  
自在睡觉  ·  梁冬 | ... ·  昨天  
51好读  ›  专栏  ›  学ui网

如何做好 Banner设计?我总结了这4类基础知识

学ui网  · 公众号  ·  · 2018-10-20 20:59

正文

请到「今天看啥」查看全文


图片来自花瓣


使用左图右文字,也是因为图片的内容更吸引用户多一些,所以对图像的品质要求更高,精致感品质感也有要求,这种类型大多使用在家居,护肤等产品上。


小结: 图文左右排版,以分割排版的方式构图,画面有明确的独立性和引导性,这种方式留白更多,较好的视觉引导和方向使信息更明确,更显品质感。



2、文字居中


文字居中的排版多用于电商促销、公众号的文章封面等,大多是突出文字的内容,比如促销的折扣,文章的主题等,其余的产品或者图片都是为了搭配文字做出的气氛烘托,吸引用户点击。


图片来自花瓣


使用这种方式让画面展示规整稳定、醒目大方,视觉更聚焦,信息更集中,在突出主体的同时能使整体画面具有一定的冲击力。


小结: 文字居中布局对于实物(人,商品,创造形象)要求并不高,文字信息本身的处理要求就会高一点。在确认好主题和内容后,我们根据产品所要突出的重点来决定我们的版式,是要突出文字还是突出产品,突出产品即使用左图右文字,这种版式对产品的图片要求比较高;想要突出文字,则可以选择左文字右图或者文字居中排版,但都对文字的设计要求比较高。 不确定用什么版式,我们可以在设计的时候不妨多做几个版本,大胆尝试。




关于文字


文案内容要高效的传递信息,吸引用户注意力,让人一下子看到主题,文案中文字的排版要区分主次,把控好信息层级;使用合适的字体,明确字体适用的场合,同一画面中字体的使用尽量不要超过三种,过多会显得杂乱,要使用识别度高的字体。


Banner 中常用的字体有三种:衬线体、非衬线体和书法体。


1、衬线体


衬线体笔画有粗细之分,它模仿的是中国古代字体和古代碑文上的字体,简单且易变形,衬线体能给人古典,经典,文艺的感觉,适合用于文艺气息的家居用品或文娱类的相关宣传设计上。


图片来自花瓣


以上图为例:文案内容中的“全面沦陷”,让人一目了然;下面一行的内容,更加详细解释了上面的主标题。画面颜色凸显主题,所以字体变形,使用白色,反而在画面中更加突出。衬线字体一般推荐使用方正经黑简体、方正俊黑、方正兰亭显黑简体、华文细黑等,使用的时候注意版权问题。



2、非衬线体


非衬线体较简洁,笔画较粗,很容易产生视觉重点,非衬线字体体现现代、简约的特性,适合用于苍劲有力、促销类的相关设计,吸引用户注意力,提高Banner点击率。


图片来自花瓣







请到「今天看啥」查看全文