如何巧用线条让作品变得更有设计感?
发布时间:2021-12-17 11:05 [ 我要自学网原创 ] 发布人: 小刘2175 阅读: 4184

在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. 表现形式

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


巧用渐变

丰富画面、个性绚丽。在深色背景中加入线框时,一般选用白色,但如果文字和线框都为白色,往往会感觉单调,此时将线框改为渐变色是个不错的选择。


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


纹理、质感

加入特殊的纹理、质感,可以与其他元素保持风格统一,使画面更协调。


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


创意结合

结合主题的创意线框让人眼前一亮。


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


不规则变化

不规则的变形可以增加俏皮的感觉,不死板。


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


利用背景元素设计

使线框与整体搭配更统一、协调


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

三. 排版方式探索

这部分主要总结一下线框在应用过程与文案、图片结合时常见的设计方式。


1. 与文案

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


图示中的案例是以矩形作为基础,如果小伙伴们应用了三角形或其它形状,在与文案结合时也基本类似,灵活设计即可。

找了一些三角形案例:


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

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

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


2. 与图片

图片与线框结合可以丰富画面,增强设计感。


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

好了,到这里总结了在学习banner设计过程中出现的线框的一些用法与设计特点,也希望在以后的设计工作中能够灵活运用这种元素。


电商视觉美工视频教程
我要自学网商城 ¥90 元
进入购买
文章评论
0 条评论 按热度排序 按时间排序 /350
遵守中华人民共和国的各项道德法规,
承担因您的行为而导致的法律责任,
本站有权保留或删除有争议评论。
参与本评论即表明您已经阅读并接受
上述条款。
V
特惠充值
联系客服
APP下载
官方微信
返回顶部
分类选择:
电脑办公 平面设计 室内设计 室外设计 机械设计 工业自动化 影视动画 程序开发 网页设计 会计课程 兴趣成长 AIGC