設(shè)計(jì)技巧，快速高效制作專題頁方法(4)

前言

每當(dāng)我接到我們運(yùn)營和銷售給到的任務(wù)時(shí)，我就想揍他們。本來他們給任務(wù)是天經(jīng)地義的事，因?yàn)槲覀冊O(shè)計(jì)師就是為他們服務(wù)的。但是每次都是快下班的時(shí)候給，說明天上午就要。給完他們就拍拍屁股下班了，而我們做設(shè)計(jì)的卻又要苦逼的無日無夜的加班，因此這種人是最讓人仇恨的。無奈他們是賺錢的部門，咱們設(shè)計(jì)師是花錢的部門，只能心里罵罵。

其實(shí)要短時(shí)間內(nèi)做完一個(gè)專題頁，又要好看又要快速，這時(shí)腦子里是混亂不堪的，但是這時(shí)候你要擺正心態(tài)，當(dāng)然先騰出10分鐘罵罵給你任務(wù)的人。設(shè)計(jì)需要靈感的，所謂慢工出細(xì)活，但是經(jīng)過這么多次的磨練，我掌握了一套方法，可以短時(shí)間內(nèi)打造可行的專題頁，讓運(yùn)營和銷售無屁可放。

大致如下，看好喲！

當(dāng)我無從下手的時(shí)候，我會(huì)先到處找找靈感，一般是上電商大戶的天貓，京東，1號(hào)店，易迅等等，也會(huì)到花瓣，當(dāng)然少不了站酷找靈感。

找到稍微沒有那么多復(fù)雜特效的專題頁，起碼你一看，這種風(fēng)格適合我的專題，而且我能去模仿好他。（天下設(shè)計(jì)一大模仿）但是不能完全一樣，不然就不是自己的東西了，你可以抄他的字體搭配，色彩搭配等。（模仿是設(shè)計(jì)高手必走之路，大量的模仿才能提升自己的設(shè)計(jì)能力，以量變達(dá)到質(zhì)變。）

找到一個(gè)參考后，先把握它的構(gòu)圖，先從頭部banner做起，banner好了后面的事情就好辦了。首先開始做banner，把主題文字設(shè)定好。

顏色方面我們模仿一些網(wǎng)上的圖片做參考，我們可以找到很多“1元秒殺”、“1元包郵”等字樣的banner,大多數(shù)都是黃底紅字或者紅底黃字。我的文案“1元大作戰(zhàn)”是本文案中的重點(diǎn)，基本和他們類似。因此我選擇參考他們的。

我先選了一種顏色搭配，用黃底紅字。

我們可以看到大部分都是“1元”的“1”比其他文字要大，但是文字用簡單的粗體的話，缺少一點(diǎn)設(shè)計(jì)感和氛圍感，我們就把文字變下行，特別是最重要的文字,肯定是要花點(diǎn)時(shí)間變形的。我們也可以參考上面banner上的字體變形。

但是我覺得“一元大作戰(zhàn)”這幾個(gè)字太死板了，于是我又找到了下面這張圖，模仿他的字體變形。

最后我做了３套顏色搭配方案，選了第３個(gè)。

這樣看起來就有感覺好多了吧，接下來，把背景再做層次。于是又找了一張圖，覺得這個(gè)拳頭很有質(zhì)感， 于是把拳頭模仿下來，放在我的那個(gè)背景圖里面，營造會(huì)有“大作戰(zhàn)”的氛圍，然后黃色背景加了點(diǎn)圖案紋理。

頭部基本上完成了（頭部總共用了1個(gè)小時(shí)40分鐘），接下來我會(huì)做專題下面的部分，板式又是一個(gè)字“模仿”，我就是模仿下圖左邊的這張圖。

最后是產(chǎn)品的排列，這個(gè)就很容易了，產(chǎn)品的排列一般都是左右形式或者是上下形式。

這樣一個(gè)有設(shè)計(jì)感又快速的專題頁就完成了，總共花了3個(gè)小時(shí)。

同學(xué)們你們學(xué)會(huì)了嗎?