东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
12
2017/05

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

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

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

1、采用圖文交錯(cuò)的一種新形式。

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

001.jpg

2、運(yùn)用對(duì)比布局法。

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

002.jpg

3、模糊背景

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

003.jpg

4、調(diào)色

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

004.jpg

5、運(yùn)用留白設(shè)計(jì)

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

005.jpg

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

 


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