设为首页 |
RSS订阅 | 加入收藏 | 网站地图 | 您好,请 【登陆】【注册】 | 广告投放联系QQ:553528095
您现在的位置:主页 > 搭配技巧 > 巧用9大服装穿搭技巧,助你轻松搞定专题页设计!

巧用9大服装穿搭技巧,助你轻松搞定专题页设计!

[18-10-10 02:05]  编辑:  来源:  点击:

西部数码(west.cn)10月20日讯:到目前为止,我已经写了好几十篇关于Banner设计文章了,目前应该还没有人把Banner设计讲出这么多门道出来吧(脸红ing……哈哈)。但是,我今天想升级一下,不讲Banner设计了,而是给大家讲一下Banner设计的进阶版——专题页设计(做好专题页的前提就是做好Banner设计,这也是为什么我会在前面大篇幅讲Banner设计的原因咯)。

zhuantiyesheji

一、专题页设计的作用是什么?

专题页一般有3类:信息展示类型/纯卖货类型以及两者的结合。

所谓信息展示类型就是,它只是用来展示信息用的。比如谁谁获奖了/谁谁又有什么新鲜玩意,又要举办什么大型活动了,想要告知大家,所以需要做一个专题页公告天下。

就像一些影视方面的年度盛典专题页设计,如下图:

7e785806f29da84a0e282b4d2ce8.jpg

而卖货类型的专题页就比较常见了,比如各大电商平台的活动专题页。

ce5b5806f2c7a84a0d304fa89e2d.jpg

信息展示和卖货的结合,就是现在比较流行的一种专题页了,相当于一边解说介绍,一边卖货,增加了与用户之间的互动和购买欲望,比如在时尚穿搭/护肤美容/吃喝玩乐等专题里用的较多:

15be5806f2ffa84a0d304fc9291d.jpg

二、专题页由哪些部分组成?

虽然我们现在可以看到各种样式形式的专题页,但是它们脱去那些华丽的外衣后,即使都是很基本的原型图,我拿一个最基础的专题页基本型给大家看一下,大家就知道了。

一般来说,专题页由这几个部分组成:头部Banner+至少1个楼层模块+背景+氛围点缀物。如下图所示:

bc415806f34da84a0e282b71e70c.jpg

其中,头部Banner我在前面写过好几十篇文章介绍了,大家应该都不陌生了吧,然后楼层模块从上之下你想放多少个就放多少个,形式也可以多种多样,最后的背景和氛围点缀物跟Banner设计里的是同理的。我在前面也反复提到,这里也不做过多说明了。

三、专题一般都有哪些布局形式呢?

我简单给大家总结了一下:

左右对比形式的专题页,常见于需要表现出PK或者VS对决类的专题页设计。

26bf5806f379a84a0e282b51b5b9.jpg

S形的专题页,这种形式的专题页基本上不管什么需求的设计都可以尝试,因为它相比于平铺直叙的形式既不会显得那么呆板,同时阅读起来也很流畅,举例:

b7745806f393a84a0d304fe14cd8.jpg

Z形的专题页,这种形式的专题页其实跟S形的作用是类似的,只是说这种Z形会比S形硬朗,更适合用作一些比较男性化的风格页面或者品类里,比如电子器械/汽车/男士护肤/游戏等,举例:

30a75806f3ada84a0d304f780671.jpg

1字形的专题页,有一种硬朗和厚重的感觉,这种形式的专题页除非是有如下图所示的这种高质量模特大图或产品图镇楼,一般情况下很少用到,尤其是在卖货类型的专题页里,可能会显得背景有点抢镜了。

983e5806f3c6a84a0d304f633b3a.jpg

常规楼层类型的专题页,这种页面会显得比较简洁好把控,主要在于背景颜色要有深-浅-深-浅的节奏,同时每一个楼层都是单独的模块,有利于信息阅读。

fbfe5806f3e0a84a0d304f087e1e.jpg

同理,楼层类型的专题页还可以做一些一些细微的演变,比如从上至下,背景不做切割,始终是一个整体,只是保证中间的内容在一个安全数值以内就好了,比如京东的中间内容区域一般是990Px:

ef445806f42da84a0e282ba3bcf3.jpg

还有在原来的基础上,在某一块楼层里做一些排版小变化,比如切分成一小块i一小块的自由排版:

b6b35806f449a84a0d304f803696.jpg

b40a5806f47ba84a0e282bb891e4.jpg

自由排版类型的专题页,这种专题页设计比较适合那些想走高逼格路线的时尚服饰类目,同时这种设计往往是看着简洁,但是对设计师的排版功力要求比较高,不建议新手或没什么功力的人尝试:

f0355806f495a84a0d304fd15452.jpg

四、做专题好比穿衣搭配,它们有哪些基本规则和技巧呢?

我给大家总结了下面9个规则和技巧,如果你经常在做专题页设计的卡顿了,或者不知道该如何将页面优化细化下去,也许下面这9个规则和技巧会对你有帮助。接下来我一个个给大家举例解释这9个技巧。

1、首尾呼应
标签:巧用   服装   穿搭   技巧   助你   轻松   搞定   题页   设计