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

巧用9大服装穿搭技巧 ，助你轻松搞定专题页设计 ！ 到目前为止 ，我已经写了 几十篇关于Banner设计的文章了 ，目前应该还没有人把Banner设 计讲出这么多门道出来吧 （脸红ing ……哈哈 ）。但是 ，我今天想升级一下 ，不讲Banner设 计了 ，而是给大家讲一下Banner设计的进阶版——专题页设计 （做 专题页的前提就是做 Banner设计 ，这也为什么我会在前面那么大篇幅讲Banner设计的原因咯 ）。 一、专题页设计的作用是什么 ？ 专题页一般有3类 ：信息展示类型 ／纯卖货类型以及两者的结合。 所谓信息展示类型就是 ，它只是用来展示信息用的。比如谁谁获奖了／谁谁又有什么新鲜玩意 ，又 要举办什么大型活动了 ，想要告知大家 ，所以需要做一个专题页公告天下。 就像一些影视方面的年度盛典专题页设计 ，如下图 ： 而卖货类型的专题页就比较常见了 ，比如各大电商平台的活动专题页。 信息展示和卖货的结合 ，就是现在比较流行的一种专题页了 ，相当于一边解说介绍 ，一边卖货 ，增 加了与用户之间的互动和购买欲望 ，比如在时尚穿搭 ／护肤美容 ／吃喝玩乐等专题里用的较多 ： 二、专题页由哪些部分 成 ？ 虽然我们现在可以看到各种样式形式的专题页 ，但是它们脱去那些华丽的外衣后 ，即使都是很基本 的原型图 ，我拿一个最基础的专题页基本型给大家看一下 ，大家就知道了。 一般来说 ，专题页由这几个部分组成 ：头部Banner ＋至少1个楼层模块 ＋背景＋氛围点缀物。如下 图所示 ： 其中 ，头部Banner我在前面写过 几十篇文章介绍了 ，大家应该都不陌生了吧 ，然后楼层模块从上 之下你想放多少个就放多少个 ，形式也可以多种多样 ，最后的背景和氛围点缀物跟Banner设计里的 是同理的。我在前面也反复提到 ，这里也不做过多说明了。 三、专题一般都有哪些布局形式呢 ？ 我简单给大家总结了一下 ： 左右对比形式的专题页 ，常见于需要表现出PK或者V S对决类的专题页设计。 S形的专题页 ，这种形式的专题页基本上不管什么需求的设计都可以尝试 ，因为它相比于平铺直叙 的形式既不会显得那么呆板 ，同时阅读起来也很流畅 ，举例 ： Z 形的专题页 ，这种形式的专题页其实跟S形的作用是类似的 ，只是说这种Z 形会比S形硬朗 ，更适 合用作一些比较男性化的风格页面或者品类里 ，比如电子器械 ／汽车 ／男士护肤 ／游戏等 ，举例 ： 1字形的专题页 ，有一种硬朗和厚重的感觉 ，这种形式的专题页除非是有如下图所示的这种高质量 模特大图或产品图镇楼 ，一般情况下很少用到 ，尤其是在卖货类型的专题页里 ，可能会显得背景有 点抢镜了。 常规楼层类型的专题页 ，这种页面会显得比较简洁 把控 ，主要在于背景颜色要有深 －浅 －深 －浅 的节奏 ，同时每一个楼层都是单独的模块 ，有利于信息阅读。 同理 ，楼层类型的专题页还可以做一些一些细微的演变 ，比如从上至下 ，背景不做切割 ，始终是一 个整体 ，只是保证中间的内容在一个安全数值以内就 了 ，比如京东的中间内容区域一般是990Px ： 还有在原来的基础上 ，在某一块楼层里做一些排版小变化 ，比如切分成一小块i一小块的自由排版 ： 自由排版类型的专题页 ，这种专题页设计比较适合那些想走高逼格路线的时尚服饰类目 ，同时这种 设计往往是看着简洁 ，但是对设计师的排版功力要求比较高 ，不建议新手或没什么功力的人尝试 ： 四、做专题好比穿衣搭配 ，它们有哪些基本规则和技巧呢 ？ 我给大家总结了下面9个规则和技巧 ，如果你经常在做专题页设计的卡顿了 ，或者不知道该如何将页 面优化细化下去 ，也许下面这9个规则和技巧会对你有帮助。接下来我一个个给大家举例解释这9个 技巧。 1、首尾呼应 说到服装搭配 ，我们打量一个人会从头看到脚 ，很多人都喜欢戴帽子 ／围巾／头饰等 ，如果这些上 半身的装饰物的颜色或纹理质感恰巧跟你下半身的鞋子或袜子的质感 ／纹理 ／颜色有一些呼应 ，那 整个一身搭配就会感觉特别整体 ，甚至起到首尾呼应的作用 ，举例 ： 我们做专题页一般都是从上至下 ，从搭框架到细化细节的顺序 ，所以当你做完专题页的时候可以检 查一下自己是否做到了首尾呼应 ，比如 ： 其 处就是 ，避免页面太过单调 ，同时可以让页面看起来更整体。 2、巧用对比 （明暗／粗细 ） 跟服装搭配一样 ，一个人如果上下身穿的一样宽松那整个人看起来就会非常矮胖 ，也就不美观了 ， 如果一身衣服都是暗色就会显得压抑不透气 ，如果都是亮色又会显得有点腻 ，有明有暗的搭配会更 耐看更舒服 ，举例 ： 那其实做专