當(dāng)我們進(jìn)入一個(gè)網(wǎng)站時(shí)，第一眼看到的就是網(wǎng)頁的首屏，這一眼就能決定網(wǎng)站的“生與死”。很多網(wǎng)站設(shè)計(jì)首屏?xí)r，也會(huì)使用一個(gè)高清大圖，圖片上面會(huì)附上文字，使用圖文混排的形式設(shè)計(jì)，呈現(xiàn)出完美的視覺效果，以此給用戶留下極好的用戶體驗(yàn)。所以，我們?cè)O(shè)計(jì)網(wǎng)站首屏?xí)r，也使用這種圖文混排的方式。那么如何做好這種首屏排版？

1、繽紛絢麗的色彩，不僅讓我們生活更加美好，還讓設(shè)計(jì)也更加突出。我們做網(wǎng)站首屏設(shè)計(jì)時(shí)，會(huì)使用絢麗的色彩。一張高清大圖，上面配上文字，然 后我們通過調(diào)色讓文字更恰當(dāng)?shù)爻尸F(xiàn)，效果可以說非常驚艷。當(dāng)然，調(diào)色時(shí)，千萬不要隨隨便便的調(diào)色，我們要根據(jù)圖片顏色來選擇色彩，通常盡量選擇與圖片相近 的色彩來進(jìn)行調(diào)整，或者把圖片調(diào)成淺灰色、淺藍(lán)色等等，關(guān)鍵是要讓圖片的內(nèi)容呈現(xiàn)出現(xiàn)，而且還不影響圖片上的文字閱讀。

2、當(dāng)一張圖片上有一個(gè)人，那么通常我們會(huì)被這個(gè)人的視線所引導(dǎo)；或者圖片上有一部車在飛馳，我們會(huì)被汽車奔馳的方向所引導(dǎo)……這就是所謂的 “視覺流向”，我們?cè)谶M(jìn)行網(wǎng)站首屏設(shè)計(jì)時(shí)，要按照這種視覺流向來設(shè)計(jì)。我們的文字信息要按主體圖像中視覺流向來排布，讓主體來引導(dǎo)用戶去觀看文字信息。這 種視覺流向就是文字與圖片發(fā)生邏輯關(guān)系，兩者相輔相承，所以文字信息千萬不要覆蓋到圖片的主體部分，例如人物、產(chǎn)品等。

3、圖像與文字混排時(shí)，我們都會(huì)要求文字與圖片相互配合，才能達(dá)到出人意表的效果。如果圖像很鮮艷，而文字沒有經(jīng)過恰當(dāng)處理，就會(huì)導(dǎo)致用戶瀏覽 首屏?xí)r完全看不到文字，這有何意義？所以這就要求網(wǎng)頁首屏中的文字必須具備可讀性，巧妙設(shè)計(jì)文字色彩、文字字體、文字字號(hào)等等，讓文字與背景形成對(duì)比，才 能第一眼就搶到用戶關(guān)注。

4、背景模糊，這種設(shè)計(jì)方法在很多影視作品都經(jīng)?？梢?，突出主體人物，后面的背景全部都虛化。背景模糊，這種類似于攝影拍攝的效果應(yīng)用手法也同 樣適用于網(wǎng)站首屏圖片設(shè)計(jì)中。模糊背景可以強(qiáng)調(diào)元素，可增加一些深度的設(shè)計(jì)，給人一種不一樣的感覺，同時(shí)模糊背景圖片又顯得非常的人性化，烘托出圖片所要 給用戶的氛圍，也能更夠突出產(chǎn)品或者人物本身特質(zhì)，更能給用戶舒適的用戶體驗(yàn)。

5、當(dāng)文字與背景圖片融合在一起時(shí)，會(huì)感覺到文字與圖片真正地成為了一體，增加了可讀性。注意：當(dāng)我們準(zhǔn)備把文字融入到圖片背景時(shí)，這個(gè)背景色 盡量使用純色背景，這樣可以保證非常好的可讀性，同時(shí)不需要使用太多花哨的技巧，例如漸變色設(shè)計(jì)、對(duì)比色設(shè)計(jì)等等，保需要簡簡單單的純色即可。同時(shí)可以加 入少量的陰影效果，提升文字與圖片的整體性與可讀性。

我們上海網(wǎng)站設(shè)計(jì)在設(shè)計(jì)首屏?xí)r，想要讓首屏呈現(xiàn)出完美的混排效果，我們需要使用一張完美的高清照片，加入足夠出彩的文字排版，就能達(dá)到吸引人眼球的目的。

【聲明：信息來自網(wǎng)絡(luò)，如有侵權(quán)，聯(lián)系既刪?！?br>