您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 設計理論 >> 瀏覽設計教程

掌握圖文排版的5個小技巧(2)

en

 網站策劃, 網站設計, 網站圖片

  Dtelepathy

 網站策劃, 網站設計, 網站圖片

  三、行使景深

  行使圖片的景深不同,在失焦的地方置放文本也能凸起筆墨,增長可讀性,達到結果。

 網站策劃, 網站設計, 網站圖片
 網站策劃, 網站設計, 網站圖片

  良好實例:Une.ch/creation

 網站策劃, 網站設計, 網站圖片

  Gloriasrestaurants

 網站策劃, 網站設計, 網站圖片

  Atelier

 網站策劃, 網站設計, 網站圖片

  四、圖片選擇

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

  小建議:

  一句話表達內容,讓訪客知道點擊圖片會發(fā)生什么。

  不要選擇有聚焦有題目的圖片

  圖片要高清大圖,假如有需要,可以選擇濾鏡或者磨砂。

  良好實例:Pixelgrade

 網站策劃, 網站設計, 網站圖片

  Formula1data

 網站策劃, 網站設計, 網站圖片

  五、條理感

  詳細是文原形對于圖像中其他元素的位置,是在圖像之后,照舊圖像之前?是融入其中?照舊獨占一方?進一步分析,如何將文本關聯(lián)到圖像的聚焦元素?

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

  本例中,盡管背景圖細節(jié)雄厚,但我們的視覺會停頓在超長的文本上,忽略了圖像。同時人物與文本看起來像在統(tǒng)一水平線上,條理感弱。

 網站策劃, 網站設計, 網站圖片

  將文本放大后,條理感馬上就出來了。

 網站策劃, 網站設計, 網站圖片

  良好實例:Danielladraper

 網站策劃, 網站設計, 網站圖片
[教程作者:佚名]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di137.html
怎樣設計出有吸引力的網站?
如何搞定大圖設計技巧?
圖趣網微信
建議反饋
×