我看到过很多非常会穿衣搭配的设计师，但是当他们去做设计的时候却不知道如何下手，在我看来，设计师其实一旦掌握了三大构成这些基础的设计知识，再加上懂人性善于观察总结，任何行业则都是相通的，其实可以把自己擅长的穿衣搭配融合到你的设计里面啊，哈！

欢迎关注小婷姐的微信公众号「TTTink-D」，一个干货与文笔俱佳的美女设计师。

写在前面

到目前为止，我已经写了好几十篇关于Banner设计的文章了，目前应该还没有人把Banner设计讲出这么多门道出来吧（脸红ing。。。哈哈），但是我今天想升级一下，不讲Banner设计了，而是给大家讲一下Banner设计的进阶版－专题页设计（做好专题页的前提就是做好Banner设计，这也为什么我会在前面那么大篇幅讲Banner设计的原因咯）。

因为爱美之心人兼有之嘛，所以我们这次干货的主题名称就选定为“巧用9大服装穿搭技巧，助你轻松搞定专题页设计！～”好了。

在开讲之前呢，我依然是给大家列了一个提纲：

    +专题页设计的作用是什么？

    +专题页由哪些部分组成？

    +专题一般都有哪些布局形式？

    +做专题好比穿衣搭配，它们有哪些基本规则和技巧呢？

    +总结

接下来我们一个个内容单独来讲：

一

专题页设计的作用是什么？

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

所谓信息展示类型就是，它只是用来展示信息用的，比如谁谁获奖了／谁谁又有什么新鲜玩意，又要举办什么大型活动了，想要告知大家，所以需要做一个专题页公告天下，比如一些影视方面的年度盛典专题页设计：

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

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

二

专题页由哪些部分组成？

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

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

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

三

专题一般都有哪些布局形式呢？

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

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

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

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

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

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

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

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

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

四

做专题好比穿衣搭配，它们有哪些基本规则和技巧呢？

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

  1、首尾呼应

  2、粗细对比

  3、扬长避短

  4、协调统一

  5、打破常规

  6、层次分明

  7、化繁为简

  8、气质相投

  9、与众不同