大圖片背景在網(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)象。
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)站建設(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)用圖片背景建站的初衷。
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è)背景圖片的美化也要適可而止。
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)站始終是為用戶(hù)服務(wù)的,圖片背景網(wǎng)頁(yè)的合理設(shè)計(jì)是推動(dòng)網(wǎng)站建設(shè)靠近用戶(hù)的一種運(yùn)用技巧,能夠在一定程度上促進(jìn)網(wǎng)站的發(fā)展。
本文地址:http://m.likemindfilms.com/tutorial/di2784.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏