电商干货

最强电商视觉逆袭系列一电商十大构图法(轮廓、流程)

字号+ 阅读 我要评论 网络 2019-09-18 电商构图 视觉逆袭

继续上一篇文章讲解的4种几何切割方式,利用简单的三角形、正方形、长方形、圆形,甚至是几根线条组成有趣的形状,下面讲解一下轮廓、放射性以及整体构图方式,通过图形和例图,以及简单的讲解,希望能够让您快速的看明白。

【导读】:一个成功的专题页面,大部分会具有以下几个出彩的要素:色彩丶构图丶风格创意,细节等。一个页面从无到有,设计师需要对整个页面有全盘的设计和把控,良好的画面分割能够让用户第一眼看到这个页面就能被视觉吸引,甚至不用浏览具体内容就能了解这个页面的很多信息。同样的素材,同样的配色,不同的构图能够让页面出来的效果有天壤之别。如果你还抱着一个专题就是一个出色的头图,下面的内容按部就班的填进去,那你就OUT了。

好的页面构图能够让你页面更出彩,也能让你做设计更事半功倍。下面,我们就来看看一些好的专题都是怎么构图的。

2、主体轮廓

  • A、荷包轮廓

  • B、白炽灯轮廓

  • C、大红灯笼轮廓

活动的专题年年做,没有新意,想更与众不同?那就这样处理吧,根据专题的主要内容,从整体上构建一个边界或外形线,形成一个大的轮廓,将专题内容巧妙的填充进去。这种处理方式能够让用户一眼就能了解到一些信息,符合专题主题,并且能够让页面更有设计感,生动且活泼。需要提醒的是设计的时候将形状尽量轮廓化,加以强调突出,主体不需要太具象,舍弃一些繁琐的丶次要的元素,以免影响用户阅读内容。从个人经验来说,小懒一般会在拿到需求的时候先进行脑暴发散联想,提取出一些有用的信息,再从中挑选出适合元素去寻找一些图片,通过图片素材来激发创意

这类构图方式一般针对那种主体内容很明确以及具象,能够用物品或轮廓直接代表,比如:中秋可以用月饼丶玉兔;会员可以用皇冠,钻石等等等等,可根据具体的内容来进行尝试。

3、放射及透视

通过整体放射状加透视构图,使画面呈现立体与空间感,视觉焦点明确,画面冲击力强,富有动感。需要注意的是放射状的排版不太适合文字阅读,要注意文字排版。建议在文字数量较少的情况下选择此种构图。一般游戏激战类的专题会较多的使用这种构图,突出动感

4、整体场景

5、流程图

如果你拿到的专题是渐进以及流向又或者是展示各节点的内容,用别的形式总感觉不够具象,那何不干脆做成一个个性化的流程图?俗话说,千言万语不如一张图,专题运用这种构图方式能够将步骤,关系,各个节点以及整体流向展示清楚,配合图片展示,一个枯燥的流程瞬间变得个性十足,用户浏览简单又明了,并且充满了趣味性。

专题内容不多,要突出趣味性,又怕用户无聊,那就设计成一副美妙的插画吧!让用户迅速置身在搭建的场景中,带动情绪,参与互动,直观获取有用信息。这种处理方式会使页面信息表现的更加准确顺畅,快速有效的把目标用户带入到页面氛围当中。不过需要注意的是场景搭建对素材的要求比较高,明暗,阴影,透视以及层次感,体积都需要用心处理。这类专题大多都会搭配动画一起实现,在带入感上更进一层。在设计的时候,对专题内容头脑里要有画面感,先搭建大的画面关系,再往里头添细节和内容,切记场景不要抢了内容的视觉焦点,在适当的时候做些减法。

在网页设计越来越注重个性、趣味性以及视觉冲击力的今天,专题页面的构图也已经千变万化,以上只是列举出了其中较常见的一部分,不同的主题,不同的内容,构图排版的出发点也不尽相同,上面列举出来的方法也可以搭配使用,在拿到需求的时候,先不着急下手,构思的时候可以大胆尝试,考虑内容和风格,先确定构图,再往里面添加内容,充分考虑到内容的排版,尽量做到让一个专题有大创意的同时又具有小细节,实现整体形式感的完美和谐的统一。

总结:所谓构图就是将表现主题的各个构成要素,按照主次关系放置在画面相应的区域,形成视觉感受,达到设计意图。所有的构图方式追根究底都是为内容服务,构图必须要服从主题表现的要求,设计师在设计的时候,要注意在追求创意构图的同时,也别影响到用户阅读内容。

本文主要是通过图形和例图的展示,无需过多语言讲解,就能够很容易的看懂,如果对于上述观点有异议,可以在下方留言讨论。


转载请注明出处:https://www.taoxuemei.com/news/641.html

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 最强电商视觉逆袭系列一电商十大构图法(设计思路)

    最强电商视觉逆袭系列一电商十大构图法(设计思路)

  • 最强电商视觉逆袭系列一电商十大构图法(几何切图)

    最强电商视觉逆袭系列一电商十大构图法(几何切图)

网友点评
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!