2016-09-16 分類: 網(wǎng)站建設(shè)
成都網(wǎng)站建設(shè)在背景圖像上設(shè)計文本的模式已經(jīng)流行多年,圖像上的文字更具情感吸引力。在如今之前隨著連接速度增加,在設(shè)計中使用更大的圖像得到應(yīng)用。
1.通過顏色和亮度對比
使用與文本形成鮮明對比的圖,特別是使用較暗的圖像和較淺的文本,或使用濾鏡或覆蓋元素使圖像變暗,確保使用足夠?qū)Ρ榷?。有一些技巧以實現(xiàn)顏色和亮度對比,如果圖像復雜且完全對焦,使用CSS過濾器來操縱圖像的對比度和亮度,使用疊加或編輯圖像可能是最有效的選擇。
2.通過尺寸和定位進行對比
顏色不是改善圖像與文本對比的唯一方法,圖像的大小和位置也很關(guān)鍵,選擇了一個具有大的,相對同質(zhì)的圖像,放置文本區(qū)域。相比之下,文本的可讀性較低直接位于圖像的中心。
3.深度對比
選擇利用景深的圖像,這樣可以為文本提供更平滑的背景,從而提高可讀性,將文本放在圖像的離焦部分,并確保文本顏色與離焦區(qū)域的原色充分對比??梢酝ㄟ^在較低焦點的區(qū)域中定位文本來完成。
4.圖像主題
圖像上的文字如果更具體的圖像將更充分地溝通,不要選擇通用圖像。在選擇圖像時,圖像的情感喚起和文字背景,特別是與副本傳達的消息的基調(diào)有關(guān)。清楚地展示圖像的主題,理解圖像中采取的動作,不要選擇具有弱焦點的圖像,圖像清晰度的重要性很高,如果圖像用于喚起感覺而不是細節(jié),則可以應(yīng)用重疊或過濾器。
5.三維空間
文本相對于圖像焦點的水平位置,在圖像中出現(xiàn)在前景中,融入或者在空間中保持自己獨特的位置,文本與圖像的聚焦的經(jīng)驗法則是,文本越小,文本在空間中越遠,使用的前景文本比背景更接近,盡管背景中的細節(jié)水平很高,但眼睛自然地識別出較長的線條和較大的文本形狀,更容易解釋文本。彼此相對接近的設(shè)計元素,可以帶來更好的網(wǎng)站設(shè)計,使能夠省去很多元素,以實現(xiàn)圖文視覺統(tǒng)一。使用接近度,可用較少的背景顏色和邊框,產(chǎn)生優(yōu)雅的外觀。
當前名稱:成都網(wǎng)站建設(shè)頁面的文本與圖像混合技巧
本文URL:http://jinyejixie.com/news23/43273.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有網(wǎng)站建設(shè)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容