相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

[ 线框 ] 在banner设计中的应用

leyqw发布于:2018-3-4 11:34 |原作者: 设计小厨| |来自:设宴
leyqw
天津市 河西区 平面设计师
发私信 + 关注
简介: 线框在上两期整理banner设计的过程中,我发现线框在banner设计中的应用非常广泛。不仅能够辅助一些元素的设计,还可以为设计增色不少,增加设计感。所以,我决定总结研究一番,发现这里面还是有点道道的。 以前觉得设计就是自己的事情,不愿意借鉴,结合一些既有的设计形式,总 ...

线框

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

以前觉得设计就是自己的事情,不愿意借鉴,结合一些既有的设计形式,总想着标新立异,直到经过一些实际项目之后,自己才渐渐发现,世上做事好像都是一个道理嘛,没有捷径。就像《火影忍者》里,鸣人对木叶丸说的那样,成为火影也没有任何捷径,脚踏实地,夯实基础是必须要走的。

所以,希望通过我对这好像不太起眼的线框在设计中的总结,在设计工作中能带给大家一些灵感和思路~


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

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

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

一、应用情况分类

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

[ 线框 ] 在banner设计中的应用 飞特网 设计理论

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/[ 线框 ] 在banner设计中的应用 飞特网 设计理论

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

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

[ 线框 ] 在banner设计中的应用 飞特网 设计理论

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

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

[ 线框 ] 在banner设计中的应用 飞特网 设计理论

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

二、应用细节

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

封闭&不封闭

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

[ 线框 ] 在banner设计中的应用 飞特网 设计理论

[ 线框 ] 在banner设计中的应用 飞特网 设计理论

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

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

A.直接选择切断部位断开

[ 线框 ] 在banner设计中的应用 飞特网 设计理论

B.在线框轨迹上叠加其它元素(文案、图片等)断开,此种方式较常见,可以利用文案、图像与线框的空间关系塑造空间感,使线框与整体更好的融合在一起

[ 线框 ] 在banner设计中的应用 飞特网 设计理论

1234下一页
13

好评
8

差评

刚表态过的朋友 (21 人)

leyqw
天津市 河西区 平面设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计