久久九九久精品国产_成人区精品一区二区婷婷_国产激情一区二区三区_窝窝午夜理论片影院

18665606093

快捷導航

# 業務咨詢
電 話:18665606093

張經理 / 18665606093

Email / service@2000new.com

Wechat

掃一掃添加顧問

設計技巧,新際網絡教你圖文排版5妙招

來源:新際網絡 發布時間:2014-12-16



近年來,在背景圖上添加文本的排版方法變得越來越流行,融入文本在圖片中滲入情感。在早期,因為網速的原因,圖像必須做很小以適應明顯低速的帶寬,隨著網速和顯示屏的快速提升,我們可以在設計圖片的時候有了很大的發揮空間。


在這里我們總結了平時設計時候的5個文本與圖片搭配的小技巧,在這里給大家欣賞一下。

技巧一、色彩與亮度的對比

使用與文本有鮮明對比的圖片很有重要,比如深色背景搭配亮色文本,或者深色背景使用濾鏡或疊加元素處理,這樣就能確保有足夠對比度,效果很好。

獲取合理色彩與明亮對比的小技巧:

第一看不出字形,說明對比度偏低了;
對比不只是深淺之間,互補色也可提供自然對比;
如果圖片復雜全焦,利用疊加或編輯圖像應該是最有效的選擇。


設計技巧,新際網絡教你圖文排版5妙招


本例中,通過WebKtit濾鏡巧妙的放置以及使用額外的
. 來處理圖像的明亮對比,請看下例:亮度(40%)對比度(70%);


設計技巧,新際網絡教你圖文排版5妙招


有沒有發現上圖辨識度差,文本與圖像均無焦點,無法第一時間抓取訪客的眼球。


設計技巧,新際網絡教你圖文排版5妙招


使用CCS濾鏡后,易于辨識。

優秀實例


設計技巧,新際網絡教你圖文排版5妙招


設計技巧,新際網絡教你圖文排版5妙招


設計技巧,新際網絡教你圖文排版5妙招


設計技巧,新際網絡教你圖文排版5妙招


技巧二、尺寸與位置的對比

色彩不是唯一增強圖片與文本對比度的方法,選擇圖片的尺寸也很重要。

本例中,選取一個相對均勻,圖片左上開闊的天空區域,是放置文本的極佳位置。相反,將文本直接放置在圖片中間,有地平線的位置,將致使文本的辨識度差。

設計技巧,新際網絡教你圖文排版5妙招

失敗案例:差的對比度和錯誤的位置。

設計技巧,新際網絡教你圖文排版5妙招

優秀案例:對比度明顯且位置更加合適。

優秀實例:


設計技巧,新際網絡教你圖文排版5妙招


技巧三、利用景深

利用圖片的景深不同,在失焦的地方置放文本也能突出文字,增加可讀性,達到效果。


設計技巧,新際網絡教你圖文排版5妙招


設計技巧,新際網絡教你圖文排版5妙招

 
優秀實例:


設計技巧,新際網絡教你圖文排版5妙招


設計技巧,新際網絡教你圖文排版5妙招


設計技巧,新際網絡教你圖文排版5妙招


技巧四、圖片選擇

圖片會傳遞情感,所以選擇圖片的時候,要聯系設計中的場景,文本也要切合圖片。

小建議:

一句話表達內容,讓訪客知道點擊圖片會發生什么。
不要選擇有聚焦有問題的圖片
圖片要高清大圖,如果有必要,可以選擇濾鏡或者磨砂。


優秀實例:


設計技巧,新際網絡教你圖文排版5妙招


設計技巧,新際網絡教你圖文排版5妙招


技巧五、層次感

具體是文本相對于圖像中其他元素的位置,是在圖像之后,還是圖像之前?是融入其中?還是獨占一方?進一步分析,如何將文本關聯到圖像的聚焦元素?

經驗法則:文本越小,空間上顯得越遠。

本例中,盡管背景圖細節豐富,但我們的視覺會停留在超長的文本上,忽略了圖像。同時人物與文本看起來像在同一水平線上,層次感弱。


設計技巧,新際網絡教你圖文排版5妙招


將文本放大后,層次感立刻就出來了。


設計技巧,新際網絡教你圖文排版5妙招


優秀實例:


設計技巧,新際網絡教你圖文排版5妙招


設計技巧,新際網絡教你圖文排版5妙招




更多網站建設相關知識交流可聯系廣州新際(www.zhongboclub.com)(專注于廣州網站建設廣州網站設計廣州網頁設計,網絡品牌策略建議)。


聯系我們
  1. 咨詢電話 咨詢電話

    業務咨詢:

    18665606093

    服務監督:

    郭經理 18620727292
  2. 聯絡郵箱 聯絡郵箱

    業務郵箱

    service@2000new.com

    招聘郵箱

    hr@2000new.com
  3. 新際網絡公司總部地址 總部中心
    廣州市番禺區漢溪大道東388號四海城商業中心4棟7樓
  4. 新際網絡 微信客服 微信溝通
    售前顧問

    掃一掃加售前顧問

返回頂部

電話咨詢

在線咨詢

留言預約

*新際020中心將盡快與您聯系