我看到過很多非常會穿衣搭配的設(shè)計(jì)師，但是當(dāng)他們?nèi)プ?a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計(jì)的時(shí)候卻不知道如何下手，在我看來，設(shè)計(jì)師其實(shí)一旦掌握了三大構(gòu)成這些基礎(chǔ)的設(shè)計(jì)知識，再加上懂人性善于觀察總結(jié)，任何行業(yè)則都是相通的，其實(shí)可以把自己擅長的穿衣搭配融合到你的設(shè)計(jì)里面啊，哈！

歡迎關(guān)注小婷姐的微信公眾號「TTTink-D」，一個(gè)干貨與文筆俱佳的美女設(shè)計(jì)師。

寫在前面

到目前為止，我已經(jīng)寫了好幾十篇關(guān)于Banner設(shè)計(jì)的文章了，目前應(yīng)該還沒有人把Banner設(shè)計(jì)講出這么多門道出來吧（臉紅ing。。。哈哈），但是我今天想升級一下，不講Banner設(shè)計(jì)了，而是給大家講一下Banner設(shè)計(jì)的進(jìn)階版－專題頁設(shè)計(jì)（做好專題頁的前提就是做好Banner設(shè)計(jì)，這也為什么我會在前面那么大篇幅講Banner設(shè)計(jì)的原因咯）。

因?yàn)閻勖乐�心人兼有之嘛，所以我們這次干貨的主題名稱就選定為“巧用9大服裝穿搭技巧，助你輕松搞定專題頁設(shè)計(jì)！～”好了。

在開講之前呢，我依然是給大家列了一個(gè)提綱：

    +專題頁設(shè)計(jì)的作用是什么？

    +專題頁由哪些部分組成？

    +專題一般都有哪些布局形式？

    +做專題好比穿衣搭配，它們有哪些基本規(guī)則和技巧呢？

    +總結(jié)

接下來我們一個(gè)個(gè)內(nèi)容單獨(dú)來講：

一

專題頁設(shè)計(jì)的作用是什么？

專題頁一般有3類：信息展示類型／純賣貨類型以及兩者的結(jié)合。

所謂信息展示類型就是，它只是用來展示信息用的，比如誰誰獲獎(jiǎng)了／誰誰又有什么新鮮玩意，又要舉辦什么大型活動(dòng)了，想要告知大家，所以需要做一個(gè)專題頁公告天下，比如一些影視方面的年度盛典專題頁設(shè)計(jì)：

而賣貨類型的專題頁就比較常見了，比如各大電商平臺的活動(dòng)專題頁。

信息展示和賣貨的結(jié)合，就是現(xiàn)在比較流行的一種專題頁了，相當(dāng)于一邊解說介紹，一邊賣貨，增加了與用戶之間的互動(dòng)和購買欲望，比如在時(shí)尚穿搭／護(hù)膚美容／吃喝玩樂等專題里用的較多：

二

專題頁由哪些部分組成？

雖然我們現(xiàn)在可以看到各種樣式形式的專題頁，但是它們脫去那些華麗的外衣后，即使都是很基本的原型圖，我拿一個(gè)最基礎(chǔ)的專題頁基本型給大家看一下，大家就知道了。

一般來說，專題頁由這幾個(gè)部分組成：頭部Banner＋至少1個(gè)樓層模塊＋背景＋氛圍點(diǎn)綴物。如下圖所示：

其中頭部Banner我在前面寫過好幾十篇文章介紹了，大家應(yīng)該都不陌生了吧，然后樓層模塊從上之下你想放多少個(gè)就放多少個(gè)，形式也可以多種多樣，最后的背景和氛圍點(diǎn)綴物跟Banner設(shè)計(jì)里的是同理的，我在前面也反復(fù)提到，這里也不做過多說明咯～

三

專題一般都有哪些布局形式呢？

我簡單給大家總結(jié)了一下：

左右對比形式的專題頁，常見于需要表現(xiàn)出PK或者VS對決類的專題頁設(shè)計(jì)。

S形的專題頁，這種形式的專題頁基本上不管什么需求的設(shè)計(jì)都可以嘗試，因?yàn)樗�相比于平鋪直敘的形式既不會顯得那么呆板，同時(shí)閱讀起來也很流暢，舉例：

Z形的專題頁，這種形式的專題頁其實(shí)跟S形的作用是類似的，只是說這種Z形會比S形硬朗，更適合用作一些比較男性化的風(fēng)格頁面或者品類里，比如電子器械／汽車／男士護(hù)膚／游戲等，舉例：

1字形的專題頁，有一種硬朗和厚重的感覺，這種形式的專題頁除非是有如下圖所示的這種高質(zhì)量模特大圖或產(chǎn)品圖鎮(zhèn)樓，一般情況下很少用到，尤其是在賣貨類型的專題頁里，可能會顯得背景有點(diǎn)搶鏡了。

常規(guī)樓層類型的專題頁，這種頁面會顯得比較簡潔好把控，主要在于背景顏色要有深－淺－深－淺的節(jié)奏，同時(shí)每一個(gè)樓層都是單獨(dú)的模塊，有利于信息閱讀。

同理，樓層類型的專題頁還可以做一些一些細(xì)微的演變，比如從上至下，背景不做切割，始終是一個(gè)整體，只是保證中間的內(nèi)容在一個(gè)安全數(shù)值以內(nèi)就好了，比如京東的中間內(nèi)容區(qū)域一般是990Px：

還有在原來的基礎(chǔ)上，在某一塊樓層里做一些排版小變化，比如切分成一小塊i一小塊的自由排版：

自由排版類型的專題頁，這種專題頁設(shè)計(jì)比較適合那些想走高逼格路線的時(shí)尚服飾類目，同時(shí)這種設(shè)計(jì)往往是看著簡潔，但是對設(shè)計(jì)師的排版功力要求比較高，不建議新手或沒什么功力的人嘗試：

四

做專題好比穿衣搭配，它們有哪些基本規(guī)則和技巧呢？

我給大家總結(jié)了下面9個(gè)規(guī)則和技巧，如果你經(jīng)常在做專題頁設(shè)計(jì)的卡頓了，或者不知道該如何將頁面優(yōu)化細(xì)化下去，也許下面這9個(gè)規(guī)則和技巧會對你有幫助：

  1、首尾呼應(yīng)

  2、粗細(xì)對比

  3、揚(yáng)長避短

  4、協(xié)調(diào)統(tǒng)一

  5、打破常規(guī)

  6、層次分明

  7、化繁為簡

  8、氣質(zhì)相投

  9、與眾不同