ssw6618

新闻资讯

时时了解最新动态

网站设计-线框在banner设计中应用情况分类

2020-06-12  
线框在版式中的作用主要表现为:表示强调、明确分隔、视觉引导、组织信息、丰富装饰画面等。在banner设计中,应用线框也起到强调、视觉引导,组织信息,丰富画面层次等作用。

我们针对一些案例分析线框在banner设计中应用的整体特点,以及在应用时需要注意的设计细节。希望大家有所学,可以丰富的运用。

一. 应用情况分类

1.. 小线框,应用于局部产品
 
产品中添加小线框。通过空间感让产品成为焦点,更有立体感。



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

 

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

特点:banner文字应用于局部线框设计应该在淘宝设计中最常见的一种方式。

文案作为传达banner信息的主要载体,在此处应用banner可以很好的辅助设计,吸引关注,突出文案重点部分。如图:




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

特点:banner文字应用于局部线框设计应该在淘宝设计中最常见的一种方式。

文案作为传达banner信息的主要载体,在此处应用banner可以很好的辅助设计,吸引关注,突出文案重点部分。如图:

 

5.封闭线条

封闭的线框看上去很稳重,规范。适用于比较正统的产品页面。




6.不封闭线条

封闭的线框看上去很稳重,规范。适用于比较正统的产品页面。



 7.线框上使用其它元素

线框里的图案或者其它元素与图片环境相结合,更融合。




 
 7.虚实结合

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





8. 线框形状

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




线条的表现形式

1、渐变


线框如果加上渐变,是不是显得没那么单调,丰富活跃度又会提高很多呢?如图:




2、 纹理、质感

纹理、质感主要运用在特殊的与图片环境衬托的合场景里   如图:




3、 不规则变化

不规则变化可以增加图片的活跃度,使整个画面看起来更加有活力。   如图:


最后和大家分析一下线框与文字的排版技巧。

分为:上下开口,左右开口,全封闭,一侧开口,底部开口,顶部开口,一角开口。形式可以多变,根据自己的需求去,多试几次,排版没有死板硬套的,大家一定要多实践哦。




同理,线框与图片的排版方式也大同小异。大家可以看一下。

分为一侧加,上下贯穿,一角叠加。案例我就不一一找了,太多了,大家可以平时去多发现,多总结。做设计都是在于厚积而薄发。


声明:本站转载自网络,版权归原作者所有,文章所述观点并非翼好网络的观点,如有侵权请第一时间联系我们时间进行删除。翼好网络是一家正规的上海网站建设公司,欢迎前来咨询建站业务!