一、雙色冰淇淋漸變

首圖當作全屏大圖處理時(shí)，你可以將圖片調色成為雙色漸變，有點(diǎn)像我們吃的雙色冰淇淋球，選一組你認為能激發(fā)心理氛圍的配色，最好是對比色，帶來(lái) 強烈的視覺(jué)落差。由于要作為背景而存在，整體的色彩明度要區別于文字的顏色。這里推薦的這一方式只需要利用PS中的“漸變映射”工具，就能輕松獲得。

我們不僅采用了這種雙色映射，還利用線(xiàn)條創(chuàng )造了視覺(jué)焦點(diǎn)，引導了用戶(hù)的視線(xiàn)。

二、線(xiàn)條引流

沒(méi)錯，延續上一個(gè)例子所用的方法，這也不失為一種首圖設計方式。在首圖中讓線(xiàn)條來(lái)引導實(shí)現去穿越你想要焦點(diǎn)停留的地方。

上圖所示的設計，重點(diǎn)是模特和文字，因此，我們采用了9這個(gè)數字的線(xiàn)條方向，利用這個(gè)線(xiàn)條的環(huán)繞運動(dòng)，最后從上至下游走過(guò)文字。這里的心理預期是要把9筆畫(huà)完成，因此你沒(méi)有可能跳過(guò)文字。

三、動(dòng)態(tài)情景

對于首圖的選擇，你可以焦距到動(dòng)態(tài)場(chǎng)景。這類(lèi)動(dòng)態(tài)場(chǎng)景由于本身模特的動(dòng)態(tài)造型，會(huì )調動(dòng)觀(guān)眾的運動(dòng)神經(jīng)，激發(fā)頁(yè)面的活力。

大家可以想象，如果將上圖的主角換成一個(gè)靜物，效果將是不同的。這里將模特的方向加以改變后重新降低透明度的做法，帶來(lái)一定的虛實(shí)結合的感受。

四、謹慎配色

我們希望大家在運用首圖時(shí)，盡量不要去觸屏普通的風(fēng)景圖。自然風(fēng)光雖然好，但大片風(fēng)景會(huì )表現出一團飽和的顏色堆疊，其實(shí)運用在網(wǎng)頁(yè)中略顯得沒(méi)有重 點(diǎn)。因為你要為最終配圖運用以后所出現的顏色負責，色彩盡量控制在三種顏色之內，這條道理相信設計師們都會(huì )贊同，因此，這里的配圖的色彩最好也能有所節 制。

五、虛擬現實(shí)

當然，我們這里談的不是虛擬現實(shí)（VR），而是在首圖設計時(shí)，試著(zhù)將靜物表現得更為“現實(shí)”，好像它們就在你的屏幕上，隨手可以取到。但這個(gè)表達 法，最緊要的是要為虛擬尋找出口，也就是說(shuō)，不能完全寫(xiě)實(shí)，要讓用戶(hù)看出虛擬的破綻，從而讓形象更為立體。這類(lèi)表達技巧在首圖中有手機，利用APP產(chǎn)品展 示等最為常見(jiàn)。

這是我們今年出的一款開(kāi)源的輕移動(dòng)口袋雜志，展示這個(gè)設計的時(shí)候，我們就運用了虛擬現實(shí)的設計方式，增加背景圖案，并讓咖啡和太陽(yáng)鏡作為一種“休閑”的視覺(jué)提示物件，讓用戶(hù)能感受到它們的現實(shí)的同時(shí)又能從背景中看出“破綻”。

六、文字本身的美

每張首圖也許我們都希望能配上文字，其實(shí)文字本身也能成為一種風(fēng)景，有時(shí)候適當運用一些具有圖像風(fēng)格的文字，更能傳遞文字本身的能量。

如果能將文字看作圖像，書(shū)法文字是最合適不過(guò)了。書(shū)法本身的隨意瀟灑，和普通的印刷字體相比有著(zhù)不可比擬的個(gè)性感。這里，運用了書(shū)法作為主角，本身書(shū)法作為傳統國粹，在東方傳統的行業(yè)里運用非常應景。當然，這里的書(shū)法本身還可以寫(xiě)得更好。

七、靜止的力量

對稱(chēng)能帶來(lái)一種莊重靜止的力量，因此，在首圖設計中，你不妨采用對稱(chēng)的布局方式來(lái)設計首圖。但由于對稱(chēng)本身略顯得靜止呆板，因此在設計上更需要多一些匠心，增加一些比較能突破規則小細節。

對稱(chēng)的布局最好采用倒三角的構圖，這樣視線(xiàn)會(huì )更靈活，從上往下會(huì )顯得更流暢，否則就會(huì )有一種滯澀不前的感受。

八、左圖右文

首圖的設計除了全屏展示，還有一種方式是可以放左邊圖片右邊文字的方式，這樣的設計技巧帶來(lái)的好處就是可以分割圖文，特別在圖片信息也同樣重要的時(shí)候，如果把圖文混合，雙方都不夠凸顯，不如左右各凸出主角，跟隨先左后右的視線(xiàn)也能傳遞本身的視覺(jué)效果。