一個(gè)好看的背景對(duì)樣式設(shè)計(jì)有多重要廉涕?背景圖片決定了整個(gè)網(wǎng)站給用戶帶來的第一印象宜雀!也決定了網(wǎng)站的風(fēng)格。
如果組件樣式與整個(gè)背景風(fēng)格不搭晚岭,那么簡(jiǎn)直是毀壞用戶的審美體驗(yàn)。
用戶會(huì)有一種極其別扭的不適應(yīng)感勋功。
對(duì)于下面這種背景圖片
就是同一風(fēng)格的坦报,他們的主色調(diào)是可以逐漸過渡的,可用于一整個(gè)網(wǎng)站的不同頁面的背景狂鞋,但是切換時(shí)不會(huì)給用戶突兀的感覺片择!
風(fēng)景圖是十分常見的選擇,但一些模糊的印象圖片也是背景的極好選擇骚揍!
我們來看一下用這些網(wǎng)頁背景的實(shí)際樣例字管,來看看效果怎么樣?
整個(gè)簡(jiǎn)單的頁面信不,加上背景的渲染嘲叔,一下子整個(gè)頁面的元素就多了起來。
但并不是所有頁面都適合這么浮夸(誤)的背景的抽活!
有些頁面我們需要用戶去關(guān)注我們的頁面內(nèi)容硫戈,而不是被背景分散注意力,我們來看一下一個(gè)內(nèi)容頁面加上背景和不加背景有什么區(qū)別下硕?丁逝?
你可能覺得第二幅圖有些空白太多余,但是過度的背景轟炸會(huì)造成用戶的審美疲勞梭姓,反而對(duì)主要內(nèi)容也失去了興趣霜幼!
在一些APP發(fā)布主頁,或落地廣告頁中誉尖,背景甚至直接用來顯示內(nèi)容罪既,而旁邊的文字用來寫標(biāo)語和簡(jiǎn)單介紹
這樣將空間合理利用,也讓整個(gè)網(wǎng)站顯得大氣宏偉铡恕。
比如以下背景圖
上面這些手機(jī)APP或平板APP顯示頁面琢感,經(jīng)常用于嵌入自己的APP內(nèi)容,來直接做背景没咙,既能合理利用空間猩谊,又顯得大氣。