经常听到banner这个词,但是banner是什么意思呢?引用百度知道的解释:banner可以作为网站页面的横幅广告,也可以作为游行活动时用的旗帜,还可以是报纸杂志上的大标题。Banner主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。说通俗一点,banner就是广告条呗!......

经常听到banner这个词,但是banner是什么意思呢?引用百度知道的解释:banner可以作为网站页面的横幅广告,也可以作为游行活动时用的旗帜,还可以是报纸杂志上的大标题。Banner主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。说通俗一点,banner就是广告条呗!

随着网络的发展,如今,大家最常见的应该就是网页banner广告了。对于Banner设计,很多人认为不需要太多的设计思路就可以完成。其实设计banner可能并不难,但是设计一个专业又有视觉冲击力的banner,还是需要经验积累的。设计师应该力求自己设计的每个banner都经得起多方面的考验,在这个小方块里真正的做到有板有眼才行。也许很多人会说光设计banner对设计能有多大提高,其实如果你做到能设计好banner,你会慢慢发现做专题,甚至很多产品介绍页面也会越来越得心应手。今天就给大家分享一篇关于banner文字设计的一些经验方法的文章,若能认真阅读,会有所收益的!

一.文字的基本排列混搭

设计banner时候,千万不要不加思索的就把一行文字硬生生的放上去,那会让你的banner直接显得呆板木讷。往往很多新手设计师容易犯这样的错,就算字体颜色样式处理的很好,也会看上去很无趣、很僵硬。这时候我们就需要做一些文字排列混搭的设计:

①大小和颜色的混搭

②排列组合的混搭

③不同字体之间的混搭

④中英文字体的混搭

以上都是一些常见的banner处理方式。当然这也是banner文字设计的基础,其他很多的文字处理方式都建立在混搭的基础中,所以做好混搭的重要性就不言而喻了。

下面我们可以看一看其他设计师所设计的一些简单的文字混搭的banner作品:

二.文字的倾斜与斜切

有时候设计banner,根据背景构图不同或者我们想要更有视觉冲击力表现文字内容时,我们可以尝试对文字进行倾斜或斜切透视等处理,有时候这会更会令你达到意想不到的效果。普通的文字排列平平稳稳,方正有矩,我们可以用倾斜或者斜切打破这种“稳定的构图”,让画面更有动感和层次感。

上面的2个banner是利用了文字倾斜的效果,下面的3个banner同时利用了斜切的效果。文字利用了倾斜和斜切效果后,让文字和整个画面一下活泼起来,更能勾起了用户的阅读欲望。

三.让文字形成相对独立的区域

banner设计时,考虑到有些时候背景颜色比较复杂,也可能背景有比较多产品等元素,这时我们需要让文字放在一个相对独立的区域或色块中,如果没有相对独立的区域,我们就要自己设计创造出这个独立区域和色块,这样更便于文字阅读,也能让文字的视觉焦点加强。例如下图:

四.文字变形的魅力

设计banner和专题头图时,设计师经常用到文字变形,好的文字变形直接可以影响到文字的趣味性的提升,让banner和页面的气氛被烘托得相得益彰。很多设计师感觉设计banner只是个小工作,用不到文字变形那么麻烦,其实不尽然,选好合适的参照字体进行简单的文字变形并没有多么复杂,但是却能提升banner设计的品质,所以说益处良多。下面我先给大家举个工作中设计的小例子:

同理的文字变形设计延伸:

蒙纳超刚黑字体下载

蒙纳超刚黑简体及蒙纳超刚黑繁体下载

下面让我们再来看看其他优秀设计师对于文字变形设计的作品:

五.文字的3D应用3D文字效果的应用在banner设计中也十分常见,利用好AI和PS等工具可以制作出令人满意的3D文字,如果你肯花多一点的时间,在材质或者光影上还可以做到进一步的效果提升。

六.生活中的字体元素

我们设计历史文化频道的banner时,或者当我们设计中国传统的节日时,经常要用到一些中国风的元素(书法字体、水墨笔触),就例如毛笔字。在生活中字体元素,毛笔字、粉笔字、字帖等我们也可以把它们活用在banner中,配合合适的背景和主题,让你的设计更突显出banner气氛。

七.犹抱琵琶半遮面

banner中,字体的设计一定要清晰,这样可以便于用户更流畅的阅读。不过有时也可以让文字“半隐半现”,前提当然是在保证没有阅读压力的情况下。“半隐半现”的文字可以让你设计的banner更生动更有层次感。

写在最后,banner中字体设计相关的学问其实还有很多,这里只简单写了一点自己的经验心得。以上图例中有部门是网上收集来的其他优秀设计师的作品,文中借用不甚感激,如有侵权请及时告知,谢谢。

转载于:https://www.cnblogs.com/wanliyuan/p/4387405.html

Banner 广告设计技巧及经验(转自UI中国)相关推荐

  1. 线上banner什么意思_banner什么意思,UI知识之Banner篇

    Banner是什么? UI设计中的banner指的是,用来作为活动或者专题入口的广告图. 如何做好Banner设计? 想要做好banner设计,首先得知道她是由哪些组成的. Banner主要由这四部分 ...

  2. css之其它技巧和经验列表

    其它技巧和经验列表(*以下实例默认运行环境都为Standard mode): 如何让层在falsh上显示? 方法: ``` 设置flash的wmode值为transparent或opaque ``` ...

  3. Google protobuf使用技巧和经验

    Google protobuf是非常出色的开源工具,在项目中可以用它来作为服务间数据交互的接口,例如rpc服务.数据文件传输等.protobuf为proto文件中定义的对象提供了标准的序列化和反序列化 ...

  4. windowsXP日常应用技巧及经验总结

    正在处理中,请稍后-- windowsXP日常应用技巧及经验总结 1.如何实现关机时清空页面文件 打开"控制面板",单击"管理工具→本地安全策略→本地策略→安全选项&qu ...

  5. 我的外包经验:印度、中国和菲律宾(译文)

    外包在软件业很常见,各种规模的公司都在用,每年要吸纳大量就业. 但是,外包的曝光量很少,大家似乎都不太关心,很少有人谈论.这导致许多人不了解外包到底是怎么回事. 本周,我读到 Troy Hunt 在2 ...

  6. 关于css命名规范一些小技巧或经验

    前言 通过前边自己进行了一周自适应招聘官方网站PC端和移动端的开发,自己在开发过程中也遇到了一些css命名规范的令人头疼的事情,自己回过头来看自身的代码认真思考并总结了一些不成熟的经验,下文将向大家介 ...

  7. 微信小程序的经验总结,UI组件、图表、自定义bar你学会了吗

    目录 写在前面 1 如何使用自定义tabbar及权限控制 拷贝官方demo中的custom-tab-bar文件到根目录 入口文件app.json启用自定义tabbar 回到自定义custom-tab- ...

  8. 没什么经验的UE/UI设计师如何应对面试

    最近因为项目扩展手头的工作也逐渐多起来,需要招人,而招聘必然要经历面试环节.面试是招聘者用自己的理解和经验形成的标准去考核一个应聘者,其中有一定的主观性,但也有很多共性的点.之前招聘专职交互设计师的经 ...

  9. windowsXP日常应用技巧及经验总结(转载)【实用】

    1.如何实现关机时清空页面文件打开"控制面板",单击"管理工具→本地安全策略→本地策略→安全选项",双击其中"关机:清理虚拟内存页面文件"一 ...

最新文章

  1. LINUX下查看CPU、主板、硬盘、内存,网卡信息
  2. https协议及与http协议的比较
  3. scanf调试_STM32调试利器之ITM
  4. maven仓库用法与settings.xml配置汇总
  5. 【机器视觉学习笔记】Harris 角点检测算法(C++)
  6. JS-对象-构造函数-实例化-this
  7. 关于Delphi XE2的FMX的一点点研究之消息篇
  8. RuntimeError: Expected tensor for argument #1 ‘indices‘ to have scalar type Long; but got CUDAFloatT
  9. .net 移动端 web 上传图片_vue使用cropperjs实现移动端图片裁剪上传组件
  10. mysql事务隔离的锁_mysql锁及四种事务隔离级别笔记
  11. [玩转BLE]瑞昱RTL8762CMF蓝牙5.0(烧录篇)
  12. NLTK09《Python自然语言处理》code08 分析句子结构
  13. macbook linux 双系统,mac上安装ubuntu双系统教程
  14. speedoffice(Excel)如何取消隐藏的工作表
  15. 通过无线网络实现两台计算机共享打印机共享,同一WiFi环境中两台电脑共享打印机技巧方法...
  16. 相对路径遍历Relative Path Traversal
  17. 1118 Birds in Forest (25分)——(并查集)
  18. docker问题系列汇总
  19. CDH交换内存警告解决方法
  20. 太原理工大学信息与计算机学怎么样,桑胜波-太原理工大学信息与计算机学院...

热门文章

  1. java rsa签名_Java使用RSA加密解密签名及校验
  2. 让ICT飞鸟,长出数字能源的翅膀
  3. android 撒花动画,Android仿QQ聊天撒花特效 很真实
  4. 如何在windows下格式化linux,Linux、Windows/DO格式化怎么做?
  5. 传智博客与CSDN的关系
  6. 影子系统,电脑的简单维护工具
  7. C/C++ 字符串转数字函数
  8. qt开发常用的论坛,博客
  9. Java程序定义一个继承Thread类,并覆盖run()方法,在run()方法中每隔100毫秒打印一句话。
  10. 用python画lgx的图_2020Python练习14——装饰器