欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

如何巧用线条,让你的Banner 更有设计感?

发布时间:2018:03:01 12:02:50 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1037个文字,预计阅读时间3分钟
导语
在上两期整理banner设计的过程中,我发现线框在banner设计中的应用非常广泛。不仅能够辅助一些元素的设计,还可以为设计增色不少,增加设计感。所以,我决定总结研究一番,发现这

  在上两期整理banner设计的过程中,我发现线框在banner设计中的应用非常广泛。不仅能够辅助一些元素的设计,还可以为设计增色不少,增加设计感。所以,我决定总结研究一番,发现这里面还是有点道道的。

  线作为平面构成中三元素之一,具有非常广泛的应用范围。

  「线」在版式中的作用主要表现为:表示强调、明确分隔、视觉引导、组织信息、丰富装饰画面等。

  在banner设计中,应用线框也起到强调、视觉引导,组织信息,丰富画面层次等作用。接下来,我们针对一些案例分析线框在banner设计中应用的整体特点,以及在应用时需要注意的设计细节。线框在banner中的应用也同样适用于在海报等其他设计范畴,举一反三。

  一. 应用情况分类

  1. 大线框,辅助背景和整体版式

  

如何巧用线条,让你的Banner 更有设计感?

 

  

如何巧用线条,让你的Banner 更有设计感?

 

  特点:在banner中运用线框整体形式感强,可以起到较好的引导视觉的作用,用户在看到banner的第一眼便会把注意力集中在线框内的区域。

  2. 小线框,应用于局部文案

  

如何巧用线条,让你的Banner 更有设计感?

 

  

如何巧用线条,让你的Banner 更有设计感?

 

  特点:在banner文案处应用线框设计是最常见的。文案作为传达banner信息的主要载体,在此处应用banner可以很好的辅助设计,吸引关注,突出文案重点部分。在后面,我将专门分析线框如何应用在文案部分。

  3. 小线框,应用于局部图像

  

如何巧用线条,让你的Banner 更有设计感?

 

  

如何巧用线条,让你的Banner 更有设计感?

 

  特点:在图像周围添加线框可以通过空间关系让图像更有立体感,增加设计的层次,起到突出产品的作用。

  二. 应用细节

  上面简单总结了线框的应用范围,接下来,我们结合这些应用场景分析一下需要注意的细节与设计思路。

  1. 封闭&不封闭

  封闭的线框透气性差一些,但在视觉上更规范、稳重。

  

如何巧用线条,让你的Banner 更有设计感?

 

  

如何巧用线条,让你的Banner 更有设计感?

 

  不封闭的线框最为常见,透气,具有较强的设计感,能够发挥的的设计空间也很广。

  在具体设计时,有两种方式可以打破线框。

  直接选择切断部位断开

  

如何巧用线条,让你的Banner 更有设计感?

 

  在线框轨迹上叠加其它元素(文案、图片等)断开

  此种方式较常见,可以利用文案、图像与线框的空间关系塑造空间感,,使线框与整体更好的融合在一起。

  

如何巧用线条,让你的Banner 更有设计感?

 

  

如何巧用线条,让你的Banner 更有设计感?

 

  

如何巧用线条,让你的Banner 更有设计感?

 

  

如何巧用线条,让你的Banner 更有设计感?

 

  2. 粗线条&细线条

  粗线条能够更加引人注目,个性十足

  

如何巧用线条,让你的Banner 更有设计感?

 

  细线条显得细腻、柔美、轻盈

  

如何巧用线条,让你的Banner 更有设计感?

 

  3. 虚&实

  在线框的应用中有虚实的区分。「虚」的线框在呈现形式上很灵活,较容易结合自己的创意,若隐若现,没有实线那么强烈的空间存在感。

  

如何巧用线条,让你的Banner 更有设计感?

 

  

如何巧用线条,让你的Banner 更有设计感?

 

  

如何巧用线条,让你的Banner 更有设计感?

 

  4. 线框形状

  线框的形状比较灵活,我们可以根据设计灵活调整,最常见的是矩形,可以平衡画面,规整,方便排版。

  

如何巧用线条,让你的Banner 更有设计感?

 

  三角形的线框辅助可以加强视觉冲击力,营造个性、别致的感觉。

  

如何巧用线条,让你的Banner 更有设计感?

 

  圆形线框起到聚焦视觉中心点的作用,通常应用在文案的强化设计中。

  

如何巧用线条,让你的Banner 更有设计感?

 

  其它形状具有更多的发挥空间和个性,但不要过于复杂。

  

如何巧用线条,让你的Banner 更有设计感?

 

  5. 表现形式

  线框虽然看似简单,但也可以有很丰富的表现形式,通过对线框的「强化设计」,可以丰富线框的设计感。

  巧用渐变

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:首度揭秘!春节期间滴滴地图小车图标的换装设计过程

下一篇:虚拟To B支付设计研究(二):设计思考篇

  • 18893 文章总数
  • 2304811访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信