網(wǎng)頁(yè)首屏設(shè)計(jì)圖文混排的十大技巧

本文格式為Word版，下載可任意編輯——網(wǎng)頁(yè)首屏設(shè)計(jì)圖文混排的十大技巧網(wǎng)頁(yè)首屏設(shè)計(jì)圖文混排的十大技巧

好多人在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，首屏總是熱愛(ài)采用圖文混排的方法，那么我下面就為大家?guī)?lái)了網(wǎng)頁(yè)首屏設(shè)計(jì)圖文混排的十大技巧，接待大家閱讀!

網(wǎng)頁(yè)首屏設(shè)計(jì)圖文混排的十大技巧

1、強(qiáng)化比較

首先網(wǎng)頁(yè)首屏中的文字務(wù)必具備可讀性才行，所以你需要確認(rèn)文字與背景之間的色調(diào)搭配能讓用戶看得領(lǐng)會(huì)。當(dāng)你選擇一個(gè)暗色調(diào)的背景，那么你需要使用白色或者淺色的的文字，而當(dāng)背景對(duì)比素雅的時(shí)候，文字可以使用深色，這就是我所說(shuō)的強(qiáng)化比較。

當(dāng)然，比較不僅限于色調(diào)，文字同樣存在比較。文字與圖像相互合作，才能達(dá)成出人意表的效果。例如第一個(gè)案例，Packdog網(wǎng)站的設(shè)計(jì)，大圖作為背景，用色濃郁，文字那么正好相反，輕薄而大小錯(cuò)落。這些比較猛烈的元素組合在一起令人印象深刻。

2、令文字成為圖片的一片面

有的時(shí)候你需要讓文字成為圖片的一片面，甚至讓文字成為圖像本身來(lái)達(dá)成效果。當(dāng)然這種處理方式所需的條件對(duì)比苛刻。要么你使用足夠清爽簡(jiǎn)樸的圖片來(lái)和文字舉行搭配，或者使用原本就包含圖片的文字當(dāng)然，你也可以將文字妥妥兒地P到圖片中的主體上，文字的角度、形變和紋理確定要融入進(jìn)去。

3、沿著視覺(jué)流向排布

沿著視覺(jué)流向來(lái)排布信息是一項(xiàng)重要的技巧。文字與圖片發(fā)生規(guī)律關(guān)系，兩者相輔相承，所以此時(shí)文字不能籠罩到圖片的主體片面——譬如需要表示的人物，或者產(chǎn)品本身。

信息按照視覺(jué)流向排布的時(shí)候，圖片中的主體會(huì)引導(dǎo)你去觀看文字信息。這兩個(gè)案例都使用了這種技巧，文字都是沿著人物的面目朝向或者眼神指向來(lái)排布的。

4、模糊背景

模糊背景是一種分外簡(jiǎn)樸的處理手法。PS可以很輕易地模糊照片，而照片的模糊帶來(lái)的直接效果就是讓產(chǎn)品本身更加突出，以上的'兩個(gè)案例就是如此。

5、將文字置于框中

當(dāng)照片中光影交疊，色調(diào)豐富的時(shí)候，將文字置于框中會(huì)是個(gè)不錯(cuò)的選擇。根據(jù)文字和圖片的形態(tài)選擇圓框或者方框，然后設(shè)置好色調(diào)，確保比較度。適當(dāng)?shù)卣{(diào)整通明度，讓框、文字于圖片完備地糅合到一起。

6、將文字置于背景中

比起置于前景的文字，將文字融入背景可能是更有意思的”花招”。文字往往易于融入到純色背景中，還能確?？勺x性。并不需要太繁雜的技巧和改動(dòng)，你就可以讓文字自然地融入背景，你所需要的僅僅只是微妙的陰影效果，正如上述的案例。

7、放大

當(dāng)你不知道要怎么處理素材的時(shí)候，試著放大吧。這不僅僅針對(duì)圖片，它還適用于文字的處理，放大的元素更輕易抓住用戶的眼球。正如上述的兩個(gè)案例，放大的咖啡豆強(qiáng)化了比較，放大的文字那么極具沖擊力。

8、色調(diào)比較

通過(guò)色調(diào)比較可以提高整個(gè)首屏的趣味性。以上的兩個(gè)案例中，一個(gè)降低了背景圖的色調(diào)比較度，令文字更加突出，而另一個(gè)那么讓這種比較展現(xiàn)在文字內(nèi)。兩種方法同樣有效。

9、調(diào)色

通過(guò)調(diào)色讓照片的色調(diào)更適合文字呈現(xiàn)是最近越來(lái)越流行的玩兒法。雖然這種方式有點(diǎn)投機(jī)取巧，但是它可能帶來(lái)極其驚艷的效果。

調(diào)色的時(shí)候，盡可能選擇與圖片相近的色調(diào)來(lái)調(diào)整，確保圖片中的內(nèi)容能夠透過(guò)又不影響文字的閱讀就好了。要掌管好這一”花招”你可能需要嘗試不同的色調(diào)，”玩壞”好幾張圖片才行。不知道用什么色調(diào)?試試從你最熱愛(ài)的顏色開(kāi)頭吧。

10、簡(jiǎn)化

那些歷久彌新的平面設(shè)計(jì)向我們證領(lǐng)略”保持干脆”也是一種有效的設(shè)計(jì)手段。玩兒太多花哨可能會(huì)適得其反，干脆地將圖文放