您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

掌握?qǐng)D文排版的5個(gè)小技巧(2)

en

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  Dtelepathy

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  三、行使景深

  行使圖片的景深不同,在失焦的地方置放文本也能凸起筆墨,增長(zhǎng)可讀性,達(dá)到結(jié)果。

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片
 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  良好實(shí)例:Une.ch/creation

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  Gloriasrestaurants

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  Atelier

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  四、圖片選擇

  圖片會(huì)傳遞情感,所以選擇圖片的時(shí)候,要聯(lián)系設(shè)計(jì)中的場(chǎng)景,文本也要切合圖片。

  小建議:

  一句話表達(dá)內(nèi)容,讓訪客知道點(diǎn)擊圖片會(huì)發(fā)生什么。

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

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

  良好實(shí)例:Pixelgrade

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  Formula1data

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  五、條理感

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

  經(jīng)驗(yàn)法則:文本越小,空間上顯得越遠(yuǎn)。

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

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  將文本放大后,條理感馬上就出來(lái)了。

 網(wǎng)站策劃, 網(wǎng)站設(shè)計(jì), 網(wǎng)站圖片

  良好實(shí)例:Danielladraper

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