久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

12
2017/05

圖文混排如何讓網(wǎng)站做到既看又好用?

發(fā)布時間:2017-05-12 17:53:03
發(fā)布者:mahonghong
瀏覽量:
0

圖文混排在網(wǎng)頁設(shè)計中極為重要,但是也很難達到完美的境界。想要呈現(xiàn)出完美的混排效果,你需要一張完美的照片,和足夠出彩的文字排版。如何設(shè)計出完美的圖文混排效果,下面文匯軟件就分享幾個值得借鑒的圖文混排案例。

1、采用圖文交錯的一種新形式。

案例圖片中的每一個字母或是小圖片都會隨著鼠標(biāo)的懸停產(chǎn)生效果,由圖變字,這樣的設(shè)計不僅讓圖文之間的搭配變得更加生動,也增加了用戶瀏覽時的趣味性。

001.jpg

2、運用對比布局法。

大海和天空在色彩上形成了一種對比,起到了互相烘托并且增強效果的作用。他們之間的對比讓頁面中央的文字引起了用戶的注意。用圖來襯托文字,讓畫面充滿了產(chǎn)生了一種別樣的韻律。

002.jpg

3、模糊背景

模糊背景是一種非常簡單的處理手法。PS可以很輕易地模糊照片,而照片的模糊帶來的直接效果就是讓產(chǎn)品本身更加突出。

003.jpg

4、調(diào)色

通過調(diào)色讓照片的色彩更適宜文字呈現(xiàn)是越來越流行的做法,它可以帶來極其驚艷的效果。調(diào)色的時候,盡可能選擇與圖片相近的色彩來調(diào)整,確保圖片中的內(nèi)容能夠透過又不影響文字的閱讀。

004.jpg

5、運用留白設(shè)計

案例網(wǎng)頁中的留白在中間的位置,看似文字和圖片被一分為二了,但這樣做其實更加能激發(fā)用戶連結(jié)圖和字之間聯(lián)系的好奇心、在單色底色的映襯下,幽靈按鈕的設(shè)計也變得很搶眼,更有利于用戶點擊。

005.jpg

在網(wǎng)頁設(shè)計中,文字內(nèi)容和圖片的比重占了很大一部分,但差不多的信息量,呈現(xiàn)在網(wǎng)頁上的效果卻會大相徑庭。如何讓文字和圖片合理和直觀表現(xiàn)出來,就成為了很重要的事情。

 


關(guān)鍵詞:
返回列表