如何利用线框提高网站Banner的设计感?

分享到:

2018-04-12 07:26:00

  线条作为平面构成中三元素之一,具有非常广泛的应用范围。又线条组成的线框应用也十分广泛,既能辅助某些元素的设计,也能提高Banner整体的设计感。在Banner中更是有强调、视觉引导,组织信息,丰富画面层次等作用。但是如何设计网站banner线框,通过下面的例图,你就能知道。


  1.线框大小
  大线框,辅助背景和整体版式。将Banner所有重点元素框在一起,用户会将注意力集中在线框内,更有效传达Banner的意义。

如何设计网站


  小线框,应用在文案或局部重点图像。小线框对Banner有很强的辅助作用,能突出重点文案、图像,吸引用户注意。如果应用在局部图像,可以让图像更立体,增强Banner的层次感。

网站线条


  2.细节设计
  不封闭式线框,发挥的设计空间比较大,方式也比较多。如以虚线代替线框的部分视线,或者如上图,用文案、图像等替代线条,容易塑造空间感,对提高线框和Banner的融合有一定作用。

网站建设


  线框的粗细。网站建设因粗线框更加因人瞩目、个性化,细线框(如不规则线框例图)更加细腻、轻盈。

如何设计网站


  3.线框形状

  矩形线框,往往严谨、逻辑性、安全可靠稳重感强。应用在Banner中能平衡画面,方便排版。


  三角形线框,能加强视觉冲击,营造个性、别致的感觉。正放的三角形给人稳定、坚固的感觉,而倒放的三角形则会给人紧张、刺激的印象。

网站banner设计

  
  线框的每一个细节都有规律可循,不仅是文章中提到的3个方面,事实上Banner的应用绝不止这3方面,还有线条质感、排版方式等。平时细心留意各种Banner,相信也能发现不少线框在Banner设计的精妙运用。

声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴