网页设计如何做好banner图


      这篇文章用海豚图作为主图展开设计,讲明简单好用的配图方法。
      图片质量要求:站在设计的角度,一切事物要遵循一定的美感。所以说图片不能随意拿来即用,对图片本身的质量还是有所要求的,或者说最起码有个基本的要求,比如说清晰度不好的图片或者说太过杂乱的场景都不太适合。
      1.随意在网上浏览图片
      在浏览图片阶段,我们不需要非给自己定一个主题,那样的话一旦找不到合适的图片心里就会急躁Windows 10全球市场份额正式超越Windows 7,反而会将我们的乐趣大打折扣,让自己尽情的享受在浏览中,用心体验这个过程,切忌带有强烈的目的性。
如何做好banner图

      图片网站搜索图片阿里通网络科技,随机寻找自己喜欢的,比如上面的六张图。
      2.选择心仪图片
如何做好banner图

      从上面六张图中选出最想做设计的两张图,左边的图是清晨的树林,阳光为树木染上了金色,积极向上,如世界初醒。右边的海豚如海中精灵一般天真活泼,惹人喜爱。
      3.让图片更适合设计
      通过设计类目的尺寸比例去裁切调整图片,达到与设计类目相匹配的要求。无论是想设计还好还是banner,都要看相应的比例标准。
如何做好banner图

      比方说我们想设计一张海报,比例设定为420*285mm,横版竖版即可。
      将图片放置在画布中,铺满整个画布,作为通版背景使用,渲染一种氛围感,让情感与背景融为一体。
如何做好banner图

      4.以图配文,选择文案开始设计
      首先将文案信息安排在画布上,接着将以英文作为主要的视觉符号突出放大,增强信息层级的对比性。
如何做好banner图
      将编排好的信息放置在背景上,区分信息与背景的相对透气空间,合理安排信息的位置,保证各自的独立性。
如何做好banner图

      内文信息中英文调整为横向并列,增强其整体对比性与自由性。重新将主标题英文断行处理,换成更时尚更具美感的粗字型。两行文字形成疏密对比,并于负空间处借助线性元素连接起来。
如何做好banner图

      为了让画面的信息与背景产生更强的联系性,在黄色圆圈标注的位置将海豚的外形勾勒出来,形成一种破图的3D视觉,由此画面的整体趣味性与互动性更强烈。
如何做好banner图

      最终稿
      将主标题英文进行透明处理,画面的融入感更为良好,在中文标题处加上箭头的点元素,指示性与装饰性更好商贸行业网站建设,另外线性元素可以分割信息,最后加上最下面的英文,表达出信息的疏密对比。
如何做好banner图


【文章标题】网页设计如何做好banner图
【发布日期】2019-2-2 15:24:32
【关键词】网页设计,banner,banner图,做banner
【原文地址】http://www.junchuanzhuangshi.com/info_1026.html
【文章来源】710公海网站建设
【官方网站】http://www.junchuanzhuangshi.com/
710公海
  • 网站地图