設(shè)計(jì)技巧,快速高效制作專題頁方法(4)
前言
每當(dāng)我接到我們運(yùn)營和銷售給到的任務(wù)時(shí),我就想揍他們。本來他們給任務(wù)是天經(jīng)地義的事,因?yàn)槲覀冊(cè)O(shè)計(jì)師就是為他們服務(wù)的。但是每次都是快下班的時(shí)候給,說明天上午就要。給完他們就拍拍屁股下班了,而我們做設(shè)計(jì)的卻又要苦逼的無日無夜的加班,因此這種人是最讓人仇恨的。無奈他們是賺錢的部門,咱們?cè)O(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”比其他文字要大,但是文字用簡(jiǎn)單的粗體的話,缺少一點(diǎn)設(shè)計(jì)感和氛圍感,我們就把文字變下行,特別是最重要的文字,肯定是要花點(diǎn)時(shí)間變形的。我們也可以參考上面banner上的字體變形。
但是我覺得“一元大作戰(zhàn)”這幾個(gè)字太死板了,于是我又找到了下面這張圖,模仿他的字體變形。
最后我做了3套顏色搭配方案,選了第3個(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ì)了嗎?
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps基礎(chǔ)教程
- 設(shè)計(jì)技巧
- 快速
- 前言
- 制作
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- Photoshop初級(jí)教程-命令的技巧
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響