用靈魂感悟設(shè)計(jì) · 用設(shè)計(jì)創(chuàng)造價(jià)值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當(dāng)前位置:  設(shè)計(jì)中國    ⁄    網(wǎng)頁設(shè)計(jì)    ⁄ 資訊內(nèi)容

網(wǎng)頁中背景紋理設(shè)計(jì)需要掌握的幾點(diǎn)技巧

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時(shí)間: 2018/4/25 11:04:00     瀏覽:
優(yōu)秀的網(wǎng)頁紋理背景有利于提供網(wǎng)頁整體的質(zhì)感,并且紋理背景同時(shí)也是打造模糊效果的另外一種手段,善于觀察的設(shè)計(jì)師應(yīng)該都知道,合理的利用紋理圖案不僅能夠讓頁面更具質(zhì)感,甚至妙趣橫生。

  優(yōu)秀的網(wǎng)頁紋理背景有利于提供網(wǎng)頁整體的質(zhì)感,并且紋理背景同時(shí)也是打造模糊效果的另外一種手段,善于觀察的設(shè)計(jì)師應(yīng)該都知道,合理的利用紋理圖案不僅能夠讓頁面更具質(zhì)感,甚至妙趣橫生。當(dāng)然,最關(guān)鍵的還是提升網(wǎng)站的吸引力,畢竟大部分企業(yè)建站的目的都是為了贏得更多的客戶,讓企業(yè)的產(chǎn)品或服務(wù)被更多的人知曉,而今天,在這里,設(shè)計(jì)中國的小編為您分享一些關(guān)于網(wǎng)頁背景紋理設(shè)計(jì)的技巧,希望能給你帶去幫助。

  一、大膽嘗試

  紋理可以很微小,微小到無法用肉眼看到,但同時(shí)它也可以很大,所以設(shè)計(jì)師在進(jìn)行網(wǎng)頁可以大膽嘗試,選擇更大的紋理或圖案,同樣可以產(chǎn)生不錯(cuò)的效果。不過,需要注意的是,利用超大圖案構(gòu)成的紋理背景,前景應(yīng)該有更重的元素,如:一定數(shù)量的文本,圖片等相對(duì)較重的視覺內(nèi)容,目的是為了讓用戶注意到并且分散注意力。另外,為保證這種超大的紋理圖案不影響正常效果,最好注意分析用戶習(xí)慣,且匹配整體的內(nèi)容,弱頁面的流量或轉(zhuǎn)化率一旦下降,必定是因?yàn)橛脩魶]有獲取到其中的信息。

  二、用圖片構(gòu)建

  提到用圖片構(gòu)建背景紋理,或許很多人心中第一想法就是那種精心制作的小圖案,其實(shí)并非一定要是小圖,有些細(xì)節(jié)豐富大圖案同樣可以作為背景紋理,它有助于增加視覺層次,提升網(wǎng)頁整體的吸引力。不過,這種設(shè)計(jì)的訣竅在于,圖片需要淡入到背景當(dāng)中,如:Oxeva,它是通過兩種方式做到融入背景的設(shè)計(jì),設(shè)計(jì)師一方面讓圖片的明度降低,讓用戶能夠看到景觀的輪廓,然后又在前景疊加上了一個(gè)漸變色彩層,使得整個(gè)背景顯得極為富有視覺表現(xiàn)力。

  三、結(jié)合當(dāng)前設(shè)計(jì)趨勢(shì)

  好的設(shè)計(jì)就應(yīng)該緊隨時(shí)代的發(fā)展,這樣才能具有富有時(shí)代感的體驗(yàn),背景紋理設(shè)計(jì)同樣如此。當(dāng)下,最流行的設(shè)計(jì)元素之一就是幾何圖形元素,將幾何圖形融入到背景當(dāng)中,毫無疑問非常具有吸引力,如:Apacio這個(gè)網(wǎng)站,它采用深色的背景之上混合色彩鮮艷的幾何圖案,創(chuàng)建出富有深度且抓人眼球的視覺,而文字方面采用了簡(jiǎn)約的非襯線體,使得它們可以從黑色和綠色的背景中脫穎而出。

  四、用漸變構(gòu)建

  “漸變”幾乎成為時(shí)尚界的代名詞,它可以在背景中替代紋理,也可以結(jié)合圖片和其它元素使用。在網(wǎng)頁設(shè)計(jì)中幾乎所有的色彩組合都能創(chuàng)造出漸變的效果,所以想要借助漸變創(chuàng)造出視覺深度和紋理的體驗(yàn)并不難,如:Mobipad,這個(gè)網(wǎng)站在背景中使用了多個(gè)不同的漸變色來創(chuàng)造效果,合理的對(duì)比度控制使得前景的動(dòng)畫非常明顯,深色的部分有著良好的可讀性,讓用戶一目了然。

  五、簡(jiǎn)單易懂

  往往真正優(yōu)秀的背景紋理,是不會(huì)輕易地被用戶注意到的,因?yàn)樗且粋€(gè)幾乎不可見的元素,有助于提高網(wǎng)頁整體的可讀性和可用性,提供足夠的視覺深度。然而,大量的事實(shí)足以證明,提升設(shè)計(jì)可用性最佳的方式就是簡(jiǎn)單而低調(diào)的背景紋理,它通常有著小而緊密的重復(fù)的圖案,可以是任何的顏色,而這個(gè)思路讓背景紋理不是作為焦點(diǎn)而存在,而成了襯托其他元素的重要工具。

  六、讓背景動(dòng)起來

  細(xì)心的人應(yīng)該發(fā)現(xiàn),很多的網(wǎng)頁背景紋理都是靜態(tài)的設(shè)計(jì),其實(shí)動(dòng)態(tài)的背景和紋理展示效果也不錯(cuò)哦!為了避免喧賓奪主,動(dòng)態(tài)的背景紋理應(yīng)該是很微妙的,而關(guān)于配色方面,應(yīng)該是柔和的,如:Latvian Alphabet網(wǎng)站。其實(shí),想要更好的吸引用戶眼球動(dòng)態(tài)的背景是不錯(cuò)的選擇,只不過,在使用方面一定要做到適度。

  總之,在網(wǎng)頁中恰當(dāng)?shù)氖褂帽尘凹y理,能夠增加整個(gè)網(wǎng)站在視覺上的深度和豐富度,雖然現(xiàn)在很多的設(shè)計(jì)依然傾向使用扁平風(fēng)的背景,如:?jiǎn)紊尘?,但是合理的加入紋理能夠讓你的設(shè)計(jì)更加出彩。當(dāng)然,在紋理的使用上,最主要還是要掌握訣竅,要讓它足夠微妙,不影響前景的內(nèi)容,這樣才有足夠的可讀性。