能夠激發我們創作優秀網站的(de)，不(bù)僅僅是(shì)網頁設計！

這(zhè)世上(shàng)幾乎每一(yī / yì ／yí)樣你身邊的(de)事物都能對你有所啓發。你總是(shì)無法預料什麽東西會點燃你創意的(de)火花，我經常發現一(yī / yì ／yí)些最常見的(de)事物能讓我從新的(de)或不(bù)同的(de)角度來(lái)思考項目。這(zhè)裏我們介紹10種我最愛的(de)網頁以(yǐ)外的(de)設計靈感來(lái)源

大(dà)自然

思考設計的(de)最佳地(dì / de)點之(zhī)一(yī / yì ／yí)就(jiù)是(shì)戶外。看看自然界這(zhè)些偉大(dà)的(de)圖形和(hé / huò)色彩搭配。就(jiù)我個(gè)人(rén)而(ér)言，我喜歡從花卉中汲取配色靈感

這(zhè)株秋天的(de)三色堇可以(yǐ)作爲(wéi / wèi)新項目配色的(de)出(chū)發點，伴以(yǐ)明亮（且對比鮮明）的(de)顔色營造出(chū)的(de)各種怦然效果【作者這(zhè)裏似乎忘記配圖了(le／liǎo)，說(shuō)好的(de)三色堇呢~】

音樂

雖然很多設計師都會贊同，聽聽小曲是(shì)挑逗設計的(de)絕佳方法，不(bù)過音樂中也(yě)能有其他(tā)收獲。想想你聽不(bù)同風格音樂時(shí)，所感受到(dào)的(de)形形色色的(de)情感。收聽吻合你項目基調氛圍的(de)音樂，可以(yǐ)稍稍激發一(yī / yì ／yí)些靈感。聽音樂時(shí)保持思維跳躍，将你大(dà)腦在(zài)聽音樂時(shí)創作出(chū)的(de)畫面用作項目雛形的(de)基準

我也(yě)喜愛音樂作品背後的(de)創意和(hé / huò)思想。專輯封面（甚至包括電子(zǐ)形式）是(shì)個(gè)有趣的(de)啓迪思維、迸發創意的(de)方式。我最喜歡的(de)一(yī / yì ／yí)張是(shì)極簡風格的(de)Jay-Z的(de)The Hits Collection Volume One（它有着扁平風格的(de)設計，并且在(zài)當前趨勢流行很久以(yǐ)前就(jiù)發行了(le／liǎo)）

 藝術

設計真的(de)就(jiù)是(shì)藝術或創意表達的(de)另一(yī / yì ／yí)種形式，參考其他(tā)藝術形式能夠充分幫助你推動項目進行。不(bù)過别拘泥于(yú)最淺顯的(de)那層含義——參考美術作品。雕塑也(yě)是(shì)一(yī / yì ／yí)個(gè)極好的(de)靈感來(lái)源。貼近觀察它們的(de)形狀、物體的(de)連接和(hé / huò)相互作用，然後頭腦風暴出(chū)規劃網站的(de)新途徑

其實，所有的(de)法則或規律都需要(yào / yāo)設計師們的(de)彈性使用，生搬硬套可能隻會适得其反。以(yǐ)下是(shì)我們爲(wéi / wèi)大(dà)家搜集的(de)值得借鑒的(de)圖文混排案例，供大(dà)家評論欣賞。

1、第一(yī / yì ／yí)個(gè)案例是(shì)AnyForWeb爲(wéi / wèi)Nature House設計的(de)圖文交錯的(de)一(yī / yì ／yí)種新形式。案例圖片中的(de)每一(yī / yì ／yí)個(gè)字母或是(shì)小圖片都會随着鼠标的(de)懸停産生效果，由圖變字，這(zhè)樣的(de)設計不(bù)僅讓圖文之(zhī)間的(de)搭配變得更加生動，也(yě)增加了(le／liǎo)用戶浏覽時(shí)的(de)趣味性。

2、The Tech Beach的(de)網站背景利用了(le／liǎo)Metro的(de)設計風格，擔心太規整？所以(yǐ)設計師将透明度較高的(de)潑墨形狀色塊放在(zài)頁面中間位置，文字重點和(hé / huò)logo浮在(zài)色塊上(shàng)方。這(zhè)樣的(de)圖文搭配模式能讓用戶很自然的(de)領會浏覽時(shí)的(de)先後順序。

3、Anyi Lu的(de)巧妙之(zhī)處在(zài)于(yú)留白部分。案例網頁中的(de)留白在(zài)中間的(de)位置，看似文字和(hé / huò)圖片被一(yī / yì ／yí)分爲(wéi / wèi)二了(le／liǎo)，但從心理角度上(shàng)來(lái)說(shuō)，這(zhè)樣做其實更加能激發用戶連結圖和(hé / huò)字之(zhī)間聯系的(de)好奇心、在(zài)單色底色的(de)映襯下，幽靈按鈕的(de)設計也(yě)變得很搶眼，更有利于(yú)用戶點擊。

4、Moon Camp徹底把文字和(hé / huò)圖片混合在(zài)一(yī / yì ／yí)起。這(zhè)種做法成功與否不(bù)僅取決于(yú)整體頁面的(de)布局，色彩的(de)搭配也(yě)是(shì)個(gè)很關鍵的(de)因素。網頁色調屬于(yú)昏暗系，所以(yǐ)設計師選擇了(le／liǎo)星空色作爲(wéi / wèi)字體的(de)顔色，與網站風格吻合，文字的(de)不(bù)規則排列也(yě)讓網站多了(le／liǎo)一(yī / yì ／yí)份神秘感。

5、Zizzi Ristorante的(de)網站第一(yī / yì ／yí)眼可能會覺得有些淩亂，但用戶的(de)視線最終還是(shì)會聚集到(dào)枚紅色框内的(de)内容上(shàng)。單從布局上(shàng)來(lái)說(shuō)，這(zhè)個(gè)網站并沒有什麽過人(rén)之(zhī)處，但仔細一(yī / yì ／yí)看，我們不(bù)難發現其實網站中圖片的(de)占比很少，按照常規的(de)做法，頁面會變得很單調，因此，設計師最後用一(yī / yì ／yí)些色塊或是(shì)圖形巧妙地(dì / de)化解了(le／liǎo)這(zhè)個(gè)不(bù)足，無形中完成了(le／liǎo)圖片與文字之(zhī)間的(de)完美合作。