你可以看到它們的視覺(jué)效果非常漂亮，對(duì)訪問(wèn)者產(chǎn)生很強(qiáng)的粘性。而且，非常突出重點(diǎn)，訴求很明確，有效地達(dá)到了設(shè)計(jì)目的。

最近，網(wǎng)站設(shè)計(jì)有一個(gè)新的趨勢(shì)。

很多網(wǎng)站的首頁(yè)，完全以一張圖片作為主題，文字信息很少，只有幾個(gè)主要鏈接，就像一張插圖。我把這種主頁(yè)稱(chēng)為"插圖式主頁(yè)"（illustration web design）。

Tripwire Magazine對(duì)這種設(shè)計(jì)做了總結(jié)，下面就是一些實(shí)例。

你可以看到它們的視覺(jué)效果非常漂亮，對(duì)訪問(wèn)者產(chǎn)生很強(qiáng)的粘性。而且，非常突出重點(diǎn)，訴求很明確，有效地達(dá)到了設(shè)計(jì)目的。

我覺(jué)得，這種設(shè)計(jì)是未來(lái)的潮流。十年前，Google亮相，首頁(yè)上就是一個(gè)搜索框，別的什么也沒(méi)有。十年后，設(shè)計(jì)師們開(kāi)始覺(jué)得，除了搜索框，再加上一個(gè)圖片主題，似乎更好。

=========================

1. 2ammedia是典型的插圖式主頁(yè)，上部是菜單欄，下部是三個(gè)主要功能，中間的一大塊都用來(lái)做宣傳。

2. dibiconference是一個(gè)互聯(lián)網(wǎng)會(huì)議的主頁(yè)，除了菜單欄以外，只放了一個(gè)購(gòu)票鏈接，非常醒目。

3. culinaria是一家禮儀服務(wù)公司，主頁(yè)簡(jiǎn)單到就是一張圖和一句話。

4. alexantuna也是一個(gè)這樣的例子。

5. krojacevaskola（網(wǎng)頁(yè)設(shè)計(jì)公司）將一張暖色的照片作為背景，然后以?xún)蓚€(gè)大色塊突出主要信息。

6. Josh Hemsley的個(gè)人主頁(yè)，直接以臉部照片作為背景，很酷啊。

7. Gil De Los Santos的個(gè)人主頁(yè)，也非常簡(jiǎn)潔漂亮。

8. Mike Condrick的個(gè)人主頁(yè)，以三個(gè)色塊突出主要內(nèi)容。

9. Aneta Langerova的主頁(yè)也很漂亮，但是Blog內(nèi)容放在這么小的框里，實(shí)在很不利于閱讀。

10. Alley Pfannekuchen的主頁(yè)設(shè)計(jì)，一眼就能讓人對(duì)這家餐廳產(chǎn)生好感，而且明白它的主要特色就是現(xiàn)代感。

11. marina yachting的主頁(yè)就是一張圖片，幾乎看不出這是一個(gè)游艇俱樂(lè)部的網(wǎng)頁(yè)，內(nèi)容過(guò)分簡(jiǎn)潔了。如果左上角的徽標(biāo)放大到100%高度，效果應(yīng)該會(huì)更好。

12. the ship and the sea是一張關(guān)于大海和航行的CD，左邊那兩個(gè)數(shù)字是售價(jià)，點(diǎn)擊進(jìn)入購(gòu)買(mǎi)鏈接。這個(gè)設(shè)計(jì)非常有現(xiàn)代感和藝術(shù)氣息。

13. kawa.lviv.ua是咖啡館。

14. psdchimp是一個(gè)分割PSD格式圖片的軟件，主頁(yè)非常簡(jiǎn)單，左邊是功能介紹，右邊是一個(gè)卡通圖片。

15. kmirza是一個(gè)提供版權(quán)服務(wù)的個(gè)人網(wǎng)站，主頁(yè)上用一行大字說(shuō)明了服務(wù)特色。

16. people82很規(guī)范的設(shè)計(jì)和布局。

17. Jasno i Glasno是一對(duì)夫妻的Blog，采用了卡通樣式。

18. joby的個(gè)人主頁(yè)，主要用來(lái)找工作，相信任何一個(gè)雇主都會(huì)不由自主，點(diǎn)進(jìn)去仔細(xì)看。

19. ColouringCode的特色是右上角的Logo，下一步點(diǎn)擊哪里，一目了然。

20. 690design是設(shè)計(jì)公司的網(wǎng)站，很簡(jiǎn)潔地列出了主要業(yè)務(wù)。

21. Lucia Soto的個(gè)人主頁(yè)，突出了個(gè)人的姓名。

22. Stone Skipper是一個(gè)iPhone游戲，只要提供一個(gè)App Store的鏈接就行了。

23. Logo Design Monster是Logo設(shè)計(jì)公司。

24. Less Cruise是一次游艇旅行活動(dòng)，突出了活動(dòng)主題，以及時(shí)間和地點(diǎn)。

25. Paul Ramirez的主頁(yè)很酷，除了名字以外，就沒(méi)有文字了。

26. shark lab是水族館的網(wǎng)站，非常好地突出了上方那段文字，使得訪問(wèn)者非讀不可。

27.Jeannie Web是一家女性設(shè)計(jì)公司。

28. bam是一家設(shè)計(jì)公司，主頁(yè)比較簡(jiǎn)單，但是顏色的對(duì)比效果比較強(qiáng)烈。

29. Kinetic Shadows的這個(gè)主頁(yè)，很aggressive（進(jìn)攻性的）。

30. Pigeon and Pigeonette是一本圖畫(huà)書(shū)的主頁(yè)。

31. Creative People（設(shè)計(jì)工作室）的主頁(yè)圖片很奇特，令人印象深刻。

32. Alex Abramov（設(shè)計(jì)師）的個(gè)人主頁(yè)。

33. Eric Johansson的主頁(yè)很有特色，底部有一個(gè)拉動(dòng)條，建議自己動(dòng)手去玩一下。

最新評(píng)論