行业动态

网页中的专题页该如何布局


出色的专题页面,一般会有几个出色的点:色彩、风格创意、构图、细节。同样的页面从无到有是需要精心设计的,对整个页面全盘把控,和独特、创意的设计框架。才能把画面划分成一个博眼球的样式。都是用同样的颜色,同样的配色,为什么别人的就总能吸引到客户,而你的不行。一定就是一个好的页面构图能够实现,也能让你做的设计事半功倍。小编给大家科普科普,页面构图该如何去做

1、主体轮廓

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

A.组合切割

集中而规律的排列,从整体上抓住人们的视觉。这种构图方式适合那种每个区块中的内容属于平级关系的专题,例如示例中的几个功能点和分类,都是属于同一级的内容,所占的比例也相同,用这种组合的排列能够保持各内容的关系,也能让布局更有创意。

B.对称切割

这种构图方式的前提一般是内容分主要两部分,并且这两部分是对立关系的情况下,比如说:对战,男女,冷热等等。页面一分为二,内容划分明确也更加具有视觉冲击力。

C.简单切割

用一个形状或者素材切分整个页面,画面瞬时变得有趣生动起来,内容区域也能得到有效划分。

这类构图方式对内容没有过多要求,可随意安排。具体排版可根据内容来处理,也是现在专题页面用得最多,最普遍的一种构图方式。

D.多重切割

不规则的构图,稳定而锐利,干净的排版,易于识别,不规则的构图方式,避免了画面生硬,不易产生审美疲劳。不同的形状和排列,呈现出来的视觉效果也不一样。这种构图方式使用最多的一般是为了体现时尚感,科技感,与锋利感觉的专题,例如时装,家电,以及游戏战斗类的专题等等。

3、放射及透视

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

4、整体场景

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

5、流程图

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

网页制作的时候设计环节更加注重在个性和趣味性方面下功夫。在充满视觉冲击力的页面下,用户更能体验到新意。不同的内容构图排版的也不同,以上的方法可以搭配着使用。构思的时候可以大胆尝试,考虑其中的内容和风格,先确定了内容风格和构图,再去往里面添加内容。做到让专题有创意感又富有小细节的特点,整体的形式感的完美体现。