线框在版式中的作用主要表现为:表示强调、明确分隔、视觉引导、组织信息、丰富装饰画面等。在banner设计中,应用线框也起到强调、视觉引导,组织信息,丰富画面层次等作用。
我们针对一些案例分析线框在banner设计中应用的整体特点,以及在应用时需要注意的设计细节。希望大家有所学,可以丰富的运用。
一. 应用情况分类
1.. 小线框,应用于局部产品
产品中添加小线框。通过空间感让产品成为焦点,更有立体感。
2. 大线框,辅助背景和整体版式
特点:在banner中运用线框整体形式感强,可以起到较好的引导视觉的作用,用户在看到banner的第一眼便会把注意力集中在线框内的区域。如图:
3. 小线框,应用于局部文案
特点:banner文字应用于局部线框设计应该在淘宝设计中最常见的一种方式。
文案作为传达banner信息的主要载体,在此处应用banner可以很好的辅助设计,吸引关注,突出文案重点部分。如图:
4. 小线框,应用于局部文案
特点:banner文字应用于局部线框设计应该在淘宝设计中最常见的一种方式。
文案作为传达banner信息的主要载体,在此处应用banner可以很好的辅助设计,吸引关注,突出文案重点部分。如图:
5.封闭线条
封闭的线框看上去很稳重,规范。适用于比较正统的产品页面。
6.不封闭线条
封闭的线框看上去很稳重,规范。适用于比较正统的产品页面。
7.线框上使用其它元素
线框里的图案或者其它元素与图片环境相结合,更融合。
7.虚实结合
在线框的应用中有虚实的区分。「虚」的线框在呈现形式上很灵活,较容易结合自己的创意,若隐若现,没有实线那么强烈的空间存在感。但是很清新,给人以舒适的感觉。
8. 线框形状
三角形的线框辅助可以加强视觉冲击力,营造个性、别致的感觉。
线条的表现形式
1、渐变
线框如果加上渐变,是不是显得没那么单调,丰富活跃度又会提高很多呢?如图:
2、 纹理、质感
纹理、质感主要运用在特殊的与图片环境衬托的合场景里 如图:
3、 不规则变化
不规则变化可以增加图片的活跃度,使整个画面看起来更加有活力。 如图:
最后和大家分析一下线框与文字的排版技巧。
分为:上下开口,左右开口,全封闭,一侧开口,底部开口,顶部开口,一角开口。形式可以多变,根据自己的需求去,多试几次,排版没有死板硬套的,大家一定要多实践哦。
同理,线框与图片的排版方式也大同小异。大家可以看一下。
分为一侧加,上下贯穿,一角叠加。案例我就不一一找了,太多了,大家可以平时去多发现,多总结。做设计都是在于厚积而薄发。