第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

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

时间:2018-03-01 11:24来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
在上两期整理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. 表现形式

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

  巧用渐变

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕