當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

設計技巧,快速高效制作專題頁方法(4)

來源:站酷 作者:設計聯盟吧 學習:5264人次

設計技巧,快速高效制作專題頁方法

 

 

前言

每當我接到我們運營和銷售給到的任務時,我就想揍他們。本來他們給任務是天經地義的事,因為我們設計師就是為他們服務的。但是每次都是快下班的時候給,說明天上午就要。給完他們就拍拍屁股下班了,而我們做設計的卻又要苦逼的無日無夜的加班,因此這種人是最讓人仇恨的。無奈他們是賺錢的部門,咱們設計師是花錢的部門,只能心里罵罵。

設計技巧,快速高效制作專題頁方法

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

大致如下,看好喲!

 

 

設計技巧,快速高效制作專題頁方法

 

當我無從下手的時候,我會先到處找找靈感,一般是上電商大戶的天貓,京東,1號店,易迅等等,也會到花瓣,當然少不了站酷找靈感。

設計技巧,快速高效制作專題頁方法

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

 

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

設計技巧,快速高效制作專題頁方法

 

設計技巧,快速高效制作專題頁方法

 

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

設計技巧,快速高效制作專題頁方法

 

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

設計技巧,快速高效制作專題頁方法

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

 

設計技巧,快速高效制作專題頁方法

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

設計技巧,快速高效制作專題頁方法

最后我做了3套顏色搭配方案,選了第3個。

設計技巧,快速高效制作專題頁方法

 

設計技巧,快速高效制作專題頁方法

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

 

設計技巧,快速高效制作專題頁方法

設計技巧,快速高效制作專題頁方法

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

 

設計技巧,快速高效制作專題頁方法

設計技巧,快速高效制作專題頁方法

 

設計技巧,快速高效制作專題頁方法

最后是產品的排列,這個就很容易了,產品的排列一般都是左右形式或者是上下形式。

設計技巧,快速高效制作專題頁方法

這樣一個有設計感又快速的專題頁就完成了,總共花了3個小時。

同學們你們學會了嗎?

 

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序

關注大神微博加入>>

網友求助,請回答!