編者按：這篇文章的作者是是 EventCreate 的聯(lián)合創(chuàng)始人和網(wǎng)頁設(shè)計師 MARK BUSHY，他對于活動類網(wǎng)站有著多年的設(shè)計經(jīng)驗和獨(dú)到的想法~

我特別喜歡設(shè)計活動類網(wǎng)站。這類網(wǎng)站通常有著明顯的時效性，存在的時間一般不會太長，而網(wǎng)站在界面上不會使用復(fù)雜的UI設(shè)計。但是與此同時，這類網(wǎng)站非常適合探索新的導(dǎo)航模式、不一樣的布局以及有趣的動效和全新的技術(shù)。它們并不復(fù)雜，但是有著全然不同的可能性；看起來簡單，然而常常拿來做新技術(shù)和新思路的載體。

接下來所推薦的10個活動網(wǎng)站都是此中翹楚，它們創(chuàng)意爆棚，設(shè)計精美，還適時的將新的技術(shù)同設(shè)計融為一體~

EPICURRENCE

這是一個長達(dá)四天的設(shè)計師和開發(fā)者聚會，地點(diǎn)在美國猶他州摩押地，這個活動是邀請制的，整個頁面的設(shè)計相當(dāng)?shù)膸洑?，布局也相?dāng)富有創(chuàng)意。為了整體的體驗，設(shè)計師針對注冊頁面進(jìn)行了專門的優(yōu)化，讓人不會覺得突兀和單調(diào)。

SONNY’S SMOKIN’ SHOWDOWN

雖然這個燒烤錦標(biāo)賽看起來并不是什么“高科技”的賽事，但是它們的網(wǎng)站出乎意料地設(shè)計得相當(dāng)高科技。你可以借助網(wǎng)站立體化地探索整個比賽的現(xiàn)場，雖然每個不同的部分都有相應(yīng)的文字說明，但是你幾乎不需要看這些說明就能看明白。

GLOBAL WAVE CONFERENCE

全球沖浪峰會的網(wǎng)站的頁面設(shè)計充滿了簡約的設(shè)計美學(xué)，其中的細(xì)節(jié)設(shè)計充滿了創(chuàng)意。動態(tài)的LOGO設(shè)計質(zhì)樸而養(yǎng)眼，看起來拙稚有趣，但是并不會給人以粗糙的感覺。頁面內(nèi)的圖標(biāo)使用的都是SVG素材，在排版布局和設(shè)計上非常的考究。

整個網(wǎng)贊的文案設(shè)計令人印象深刻，遣詞造句明顯是精心設(shè)計過的。

FESTIBIERE

雖然Festibiere 的網(wǎng)站并不是列表中最突出的一個，但是它的導(dǎo)航設(shè)計著實(shí)是太了不起了。作為一個典型的活動網(wǎng)站，始終浮動于頁面頂端的導(dǎo)航中的“注冊”按鈕，對于網(wǎng)站的用戶轉(zhuǎn)化率和門票的銷售是有著明顯提升的。不論用戶在網(wǎng)站中瀏覽什么內(nèi)容，這個按鈕都可以很輕松地找到。

這個網(wǎng)站所宣傳的活動其實(shí)每年有2次，冬夏各有一次。你可以在頁面的頂端左側(cè)看到歷次活動的頁面，每個頁面都是設(shè)計師精心設(shè)計過的。不同的頁面雖有差異，但是延續(xù)性很強(qiáng)，統(tǒng)一而易于區(qū)分。

LOOP

設(shè)計師在首頁上擺上了一個巨大的Futura 字體的“Loop”字樣，雖然字體會讓人想起大眾的廣告，但是實(shí)際上這是一個長達(dá)3天的音樂技術(shù)類的峰會。網(wǎng)站簡約的字體和漸變的背景搭配在一起并不顯得單調(diào)，反而看起來相當(dāng)漂亮。

STRUCTURE

這個挪威的活動網(wǎng)站不僅展現(xiàn)出網(wǎng)頁設(shè)計師的創(chuàng)意，而且其中所使用的jQuery UI托拽庫讓頁面的交互性得到了強(qiáng)化，你可以將頁面中的元素托拽到不同的位置，仔細(xì)查看。它讓用戶在瀏覽網(wǎng)站本身之余，還能做更多的事情。

VALIO CON 2016

許多大型活動現(xiàn)場拍攝的照片，即使是在同一背景下的特寫也很少能夠保持高度的一致，這種問題對于設(shè)計而言可以說是極大的困擾。而ValioCan——圣地亞哥設(shè)計師年度會議網(wǎng)站則很好的解決了這一問題，確保了所有的與會人員特寫都足夠的統(tǒng)一和一致，整體感極強(qiáng)。

BLOOMBERG BUSINESSWEEK DESIGN 2016

看到彭博商業(yè)周刊的年度會議的頁面，不得不承認(rèn)它成功地忽略了幾乎所有的排版設(shè)計的準(zhǔn)則，雖然從文本到鏈接全部都是無差別的黑色，但是大膽的版式設(shè)計和簡約的配色使得整個頁面出奇的好用。創(chuàng)意，打破習(xí)慣與常規(guī)，也許是一個不錯的嘗試。

ELEVATE SUMMIT

Elevate 峰會是一個客服和社區(qū)管理人員的大型峰會，網(wǎng)站本身的設(shè)計稱得上是簡約到位，而注冊表單和“值得你參加的5個理由”的列表設(shè)計非常的走心。網(wǎng)站上甚至還有個聊天對話的按鈕，這種設(shè)計在這類網(wǎng)站上很少見，通常只見于電商網(wǎng)站。

HASHTAGS UNPLUGGED

這個網(wǎng)站是紐約的一個畫廊所舉辦的活動網(wǎng)站，設(shè)計現(xiàn)代而簡約，版式也足夠簡潔。網(wǎng)站的導(dǎo)航設(shè)計非常令人討喜，每個藝術(shù)家在頁面中都會被加上一個#，當(dāng)你點(diǎn)擊的時候能夠看到相應(yīng)的藝術(shù)家的簡介。頁面的每一個過渡動效都相當(dāng)?shù)暮疃F(xiàn)代，不會讓你覺得突兀。

【Nick Babich 的用戶體驗設(shè)計經(jīng)驗之談】

1. 輸入框設(shè)計：《講真，你真的懂得文本輸入框設(shè)計的那些潛規(guī)則么？》
2. 表單設(shè)計：《摳細(xì)節(jié)！設(shè)計高效好用表單的10個技巧》
3. 極簡APP UI：《超贊！幫你打造極簡風(fēng)APP UI 的實(shí)用設(shè)計技巧》
4. 前端開發(fā)：《有法可依！幫你衡量一個動效是否合格的六個核心因素》
5. 面包屑：《并不簡單！網(wǎng)頁中為你指路的面包屑到底應(yīng)當(dāng)怎么使用？》
6. 移動端頁面：《跟著建議走！這樣的移動端網(wǎng)站設(shè)計才對頭》

原文地址：webdesignerdepot
原文作者：MARK BUSHY
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量150萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com