建站常識(shí)
網(wǎng)站的背景設(shè)計(jì)
2012-09-25 17:12:50
青島網(wǎng)站設(shè)計(jì)中,正確的背景風(fēng)格可以為整個(gè)網(wǎng)站確定基調(diào)。在最終決定之前,你可以嘗試各種選擇——照片、色塊,或是圖案,我們搜集了一批使用大幅圖像、明亮顏色或出眾圖案來(lái)作為背景的優(yōu)秀網(wǎng)站,希望從中探尋當(dāng)下網(wǎng)站的流行設(shè)計(jì)風(fēng)格。
現(xiàn)在的流行趨勢(shì)是什么?
就像服裝和發(fā)型會(huì)變,網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格也在變。對(duì)于背景來(lái)說(shuō),趨勢(shì)的變化尤其突出。
目前,大量的網(wǎng)站在首屏采用了大圖。一些背景是清晰、寫實(shí)的(如照片和插圖),而另一些則可能是抽象隱晦的。大尺寸的、虛化或模糊的圖也隨處可見(jiàn)。
色塊背景也很流行,但已經(jīng)不是通常那種永不過(guò)時(shí)的黑和白。很多設(shè)計(jì)師使用強(qiáng)烈、濃重的顏色來(lái)幫助網(wǎng)站內(nèi)容從背景中突顯出來(lái)。
什么樣的背景最適合你的網(wǎng)站,這并沒(méi)有一定之規(guī),但確實(shí)有一些共同的要素:
互聯(lián)網(wǎng)背景的內(nèi)容應(yīng)該有目的性。
背景應(yīng)該與你的品牌風(fēng)格一致。
背景之上的文字內(nèi)容應(yīng)該易于閱讀(無(wú)論是顏色、反差還是尺寸大小。) 背景的主題在整個(gè)網(wǎng)站內(nèi)應(yīng)該連貫一致。
背景應(yīng)該能很快下載并且不會(huì)讓你的網(wǎng)站變得緩慢甚至卡死。
最后,圖案和紋理也用得很多。不過(guò)形狀的大小最近改變了不少。越來(lái)越多的網(wǎng)站在背景中采用大塊的圖案,而此前曾經(jīng)流行的則是小的圖案。大面積的圖案與低反差的內(nèi)容帶來(lái)一種很微妙的感覺(jué)。細(xì)微的紋理背景也非常流行,用以給設(shè)計(jì)增添真實(shí)的感覺(jué)。
清晰的圖像
使用逼真、清晰的圖像從來(lái)不會(huì)過(guò)時(shí),但是流行與否則取決于使用的方法。越來(lái)越多的此類圖像現(xiàn)在是直接作為背景,而不是作為其它背景之上的照片。插圖也日漸流行。同樣,色彩是非常重要的,因?yàn)樗鼪Q定了插圖的品質(zhì)。
模糊或虛化的圖像
使用虛化或模糊圖的情況會(huì)有些復(fù)雜。它只有在圖片本身品質(zhì)很好的情況下才會(huì)帶來(lái)好的效果,如果為了掩飾圖片質(zhì)量的低劣而去虛化,效果會(huì)適得其反。一般我們需要要很清楚為什么要把一張圖虛化。有時(shí)候非常明顯的模糊會(huì)有很好的效果(像 Humaan 網(wǎng)站中柔化的山峰),而有時(shí)候只需要輕微的虛化就足夠了(上方 We Make 網(wǎng)站)。
圖案或紋理
不要擔(dān)心采用濃烈的圖案背景。大塊的、重復(fù)拼接的圖案現(xiàn)在隨處可見(jiàn)。細(xì)膩的紋理可以給設(shè)計(jì)增加真實(shí)感。此類流行設(shè)計(jì)的關(guān)鍵在于恰當(dāng)?shù)姆床顚?duì)比。請(qǐng)看 Alfred 網(wǎng)站的紫色,你可能要仔細(xì)地查看才能注意到背景中交叉的圖案。
色塊
明亮的顏色正在開(kāi)始流行并越來(lái)越引起注意。大量設(shè)計(jì)師選擇利用顏色來(lái)創(chuàng)造出深度和對(duì)比。
黑或白
黑和白是經(jīng)典的背景色,用起來(lái)也簡(jiǎn)單。你可以很容易為字體產(chǎn)生對(duì)比效果(即使是很小的字),并且永不過(guò)時(shí)。如果加上一些細(xì)微的空間處理,黑色或是白色背景便會(huì)看起來(lái)更時(shí)尚。Foundry Co. 用到了線條來(lái)起強(qiáng)化的作用,而 Designing Monsters 在黑暗色調(diào)上用了大面積的對(duì)比色(黑白反差)。
小結(jié)
背景可以決定青島網(wǎng)站設(shè)計(jì)的基調(diào)。當(dāng)然,在選擇背景主題時(shí),要考慮到你的內(nèi)容。要記住網(wǎng)站設(shè)計(jì)中最重要的原則:讓你的網(wǎng)站容易讀懂。不要覺(jué)得有任何束縛。以上的這些例子中,那些最能在視覺(jué)中引起興趣的網(wǎng)站不光采用了獨(dú)特的背景,大多還采用了第二級(jí)的背景,比如在色塊上方的照片,而文字又在兩者之上。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2016-11-18 11:25:00] 美國(guó)大選之后,VR/AR殺手級(jí)應(yīng)用還有多遠(yuǎn)?
- [2017-02-27 14:17:08] 值得關(guān)注的蘋果iphone8的這些新消息
- [2012-07-22 18:30:12] qq網(wǎng)頁(yè)代碼生成
- [2016-11-03 17:00:00] 那些使用圓形導(dǎo)航菜單的漂亮網(wǎng)頁(yè)設(shè)計(jì)
- [2015-04-14 23:09:21] 服務(wù)器提示FastCGI Error Number: 5 (0x80070005)的最終解決方法
- [2016-12-19 15:51:00] 政府網(wǎng)站建設(shè)要按照“一級(jí)政府一個(gè)門戶網(wǎng)站”的原則,實(shí)施政府門戶網(wǎng)站群的策略部署
- [2012-05-14 22:06:58] 網(wǎng)站交互設(shè)計(jì)-探源
- [2014-10-30 21:12:27] 有創(chuàng)意性的小故事
- [2019-07-23 23:20:25] iis無(wú)法全屏了
- [2012-05-23 01:13:14] HTML5的新特性
- [2011-10-10 00:37:11] 淺談:SEO與SEM的區(qū)別及轉(zhuǎn)型SEM的第一步
- [2016-10-21 10:54:00] 什么是網(wǎng)站的轉(zhuǎn)化率?
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島網(wǎng)站優(yōu)化 青島網(wǎng)站建設(shè)公司哪家好 青島海洋投資集團(tuán) SEO 搜索引擎蜘蛛 微網(wǎng)站 新的元素 審美 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 響應(yīng)式設(shè)計(jì) 網(wǎng)站開(kāi)發(fā) 青島IT資訊 海信網(wǎng)絡(luò)科技 集團(tuán)官網(wǎng) 青島輪胎網(wǎng)站設(shè)計(jì) 膠南網(wǎng)站建設(shè)公司 營(yíng)銷策略 企業(yè)網(wǎng)站為什么要備案 青島高端網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)資訊 青島網(wǎng)站案例 企業(yè)網(wǎng)站設(shè)計(jì) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 官網(wǎng)建設(shè) 手機(jī)網(wǎng)站建設(shè) H5定制設(shè)計(jì) 高端網(wǎng)站設(shè)計(jì) 良好的導(dǎo)航 網(wǎng)站制作 企業(yè)網(wǎng)站建設(shè)