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

大圖片背景在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

網(wǎng)頁(yè)背景是網(wǎng)站建設(shè)中體現(xiàn)風(fēng)格的一種方式,如果背景建設(shè)得好,那么對(duì)用戶(hù)體驗(yàn)則有一定的幫助,現(xiàn)在的網(wǎng)站越來(lái)越多的人傾向于選擇圖片背景的網(wǎng)站設(shè)計(jì),讓網(wǎng)站看起來(lái)顯得整體,增加吸引力。

由于現(xiàn)在的用戶(hù)使用的PC端顯示屏大小不一,對(duì)網(wǎng)站頁(yè)面的分辨率有所差別,制作這種圖片背景的網(wǎng)站也是個(gè)技術(shù)活,從圖片的選擇、尺寸的設(shè)置以及與網(wǎng)站主題內(nèi)容的風(fēng)格融合等,對(duì)于美工來(lái)說(shuō),都要下一番功夫,其次對(duì)于大圖背景網(wǎng)頁(yè)在網(wǎng)站的建設(shè)過(guò)程中,也會(huì)涉及到各種兼容以及顯示等問(wèn)題需要程序解決,但是運(yùn)用得好,必定是網(wǎng)站靠近成功的好方法。

圖片背景在網(wǎng)站建設(shè)中的運(yùn)用原則

1、可以突出主風(fēng)格

利用大圖設(shè)計(jì)網(wǎng)站背景,并不是隨隨便便拿張覺(jué)得漂亮的圖片就能做背景,首先圖片要與網(wǎng)站富有極強(qiáng)的相關(guān)性,與網(wǎng)站定位保持一致,其次是展示出網(wǎng)站的風(fēng)格色調(diào),尤其是體現(xiàn)在顏色搭配方面,如果圖片已經(jīng)滿(mǎn)足了其它方面,就差色彩與主題的融合的話(huà),可以通過(guò)改變圖片的明暗,色彩飽和等來(lái)平衡網(wǎng)站的整體風(fēng)格特色,避免出現(xiàn)與主色格格不入的現(xiàn)象。

圖片背景在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用原則-突出主風(fēng)格

 

2、可以突出特色

 

網(wǎng)站不管是通過(guò)何種方式來(lái)增加特色,都是圍繞著用戶(hù)體驗(yàn)來(lái)實(shí)現(xiàn)的,使用圖片作背景也即是其中一方面,除了用色彩刺激用戶(hù)的視覺(jué)感,其次就是通過(guò)獨(dú)有的網(wǎng)站特色來(lái)吸引用戶(hù),那么網(wǎng)站特色背景的設(shè)置有時(shí)候是一種品牌印象效應(yīng),能夠更快速地記住你的網(wǎng)站,并且使得用戶(hù)更有興趣瀏覽網(wǎng)站的更多內(nèi)容。

圖片背景在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用原則-突出特色

圖片背景在網(wǎng)站建設(shè)中運(yùn)用注意項(xiàng)

1、圖片和頁(yè)面的位置

采用圖片背景,如果網(wǎng)頁(yè)與圖片的顯示不與完全融合的方式實(shí)現(xiàn)的話(huà),那么背景圖片和網(wǎng)頁(yè)的位置要考慮相對(duì)位置的實(shí)現(xiàn),隨著顯示屏大小的變化,相對(duì)位置保持不變,如果網(wǎng)頁(yè)沒(méi)有與背景圖片協(xié)調(diào)好,不同的設(shè)備打開(kāi)網(wǎng)站,其頁(yè)面與大圖背景產(chǎn)生混亂,如圖片靠左,頁(yè)面靠右,則會(huì)給用戶(hù)帶來(lái)不好的體驗(yàn),違背了運(yùn)用圖片背景建站的初衷。

圖片背景在網(wǎng)頁(yè)設(shè)計(jì)中的注意事項(xiàng)-圖片和頁(yè)面的位置

 2、網(wǎng)頁(yè)的焦點(diǎn)建設(shè)

雖然使用圖片背景建網(wǎng)站更有氣勢(shì)和吸引力,但是要時(shí)刻注意用戶(hù)的注重焦點(diǎn),這樣做的主要目的是讓用戶(hù)更多的瀏覽網(wǎng)頁(yè)的內(nèi)容,而不在于研究背景的大圖,所以焦點(diǎn)始終是要放在網(wǎng)站的重點(diǎn)內(nèi)容上,記住背景只是一種襯托以及對(duì)網(wǎng)頁(yè)的點(diǎn)綴,對(duì)網(wǎng)頁(yè)背景圖片的美化也要適可而止。

圖片背景在網(wǎng)頁(yè)設(shè)計(jì)中的注意事項(xiàng)-網(wǎng)頁(yè)的焦點(diǎn)

3、圖片運(yùn)用和諧

上面已經(jīng)說(shuō)到,圖片背景使用最重要的一點(diǎn)是要協(xié)調(diào),現(xiàn)在的PS技術(shù)已經(jīng)完善得很強(qiáng)大了,無(wú)論是哪一類(lèi)的圖片,只要內(nèi)容相關(guān),色彩調(diào)配都不是問(wèn)題,但一定不能忽視這一點(diǎn)給用戶(hù)帶來(lái)的體驗(yàn),只有完成好這一步,才稱(chēng)得上是給網(wǎng)站的正能量。

圖片背景在網(wǎng)頁(yè)設(shè)計(jì)中的注意事項(xiàng)-圖片運(yùn)用和諧

網(wǎng)站始終是為用戶(hù)服務(wù)的,圖片背景網(wǎng)頁(yè)的合理設(shè)計(jì)是推動(dòng)網(wǎng)站建設(shè)靠近用戶(hù)的一種運(yùn)用技巧,能夠在一定程度上促進(jìn)網(wǎng)站的發(fā)展。

[教程作者:人人都是產(chǎn)品經(jīng)理]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di2784.html
分分鐘搞定網(wǎng)頁(yè)設(shè)計(jì)-日式高品質(zhì)圖片去哪找
網(wǎng)頁(yè)設(shè)計(jì)-英文字體的選擇
圖趣網(wǎng)微信
建議反饋
×