我特別喜歡設計活動類網(wǎng)站。這類網(wǎng)站通常有著明顯的時效性,存在的時間一般不會太長,而網(wǎng)站在界面上不會使用復雜的UI設計。但是與此同時,這類網(wǎng)站非常適合探索新的導航模式、不一樣的布局以及有趣的動效和全新的技術。它們并不復雜,但是有著全然不同的可能性;看起來簡單,然而常常拿來做新技術和新思路的載體。
我特別喜歡設計活動類網(wǎng)站。這類網(wǎng)站通常有著明顯的時效性,存在的時間一般不會太長,而網(wǎng)站在界面上不會使用復雜的UI設計。但是與此同時,這類網(wǎng)站非常適合探索新的導航模式、不一樣的布局以及有趣的動效和全新的技術。它們并不復雜,但是有著全然不同的可能性;看起來簡單,然而常常拿來做新技術和新思路的載體。
接下來所推薦的10個活動網(wǎng)站都是此中翹楚,它們創(chuàng)意爆棚,設計精美,還適時的將新的技術同設計融為一體~
EPICURRENCE
這是一個長達四天的設計師和開發(fā)者聚會,地點在美國猶他州摩押地,這個活動是邀請制的,整個頁面的設計相當?shù)膸洑?,布局也相當富有?chuàng)意。為了整體的體驗,設計師針對注冊頁面進行了專門的優(yōu)化,讓人不會覺得突兀和單調(diào)。
SONNY’S SMOKIN’ SHOWDOWN
雖然這個燒烤錦標賽看起來并不是什么“高科技”的賽事,但是它們的網(wǎng)站出乎意料地設計得相當高科技。你可以借助網(wǎng)站立體化地探索整個比賽的現(xiàn)場,雖然每個不同的部分都有相應的文字說明,但是你幾乎不需要看這些說明就能看明白。
GLOBAL WAVE CONFERENCE
全球沖浪峰會的網(wǎng)站的頁面設計充滿了簡約的設計美學,其中的細節(jié)設計充滿了創(chuàng)意。動態(tài)的LOGO設計質(zhì)樸而養(yǎng)眼,看起來拙稚有趣,但是并不會給人以粗糙的感覺。頁面內(nèi)的圖標使用的都是SVG素材,在排版布局和設計上非常的考究。
整個網(wǎng)贊的文案設計令人印象深刻,遣詞造句明顯是精心設計過的。
FESTIBIERE
雖然Festibiere 的網(wǎng)站并不是列表中最突出的一個,但是它的導航設計著實是太了不起了。作為一個典型的活動網(wǎng)站,始終浮動于頁面頂端的導航中的“注冊”按鈕,對于網(wǎng)站的用戶轉(zhuǎn)化率和門票的銷售是有著明顯提升的。不論用戶在網(wǎng)站中瀏覽什么內(nèi)容,這個按鈕都可以很輕松地找到。
這個網(wǎng)站所宣傳的活動其實每年有2次,冬夏各有一次。你可以在頁面的頂端左側看到歷次活動的頁面,每個頁面都是設計師精心設計過的。不同的頁面雖有差異,但是延續(xù)性很強,統(tǒng)一而易于區(qū)分。
LOOP
設計師在首頁上擺上了一個巨大的Futura 字體的“Loop”字樣,雖然字體會讓人想起大眾的廣告,但是實際上這是一個長達3天的音樂技術類的峰會。網(wǎng)站簡約的字體和漸變的背景搭配在一起并不顯得單調(diào),反而看起來相當漂亮。
STRUCTURE
這個挪威的活動網(wǎng)站不僅展現(xiàn)出網(wǎng)頁設計師的創(chuàng)意,而且其中所使用的jQuery UI托拽庫讓頁面的交互性得到了強化,你可以將頁面中的元素托拽到不同的位置,仔細查看。它讓用戶在瀏覽網(wǎng)站本身之余,還能做更多的事情。
VALIO CON 2016
許多大型活動現(xiàn)場拍攝的照片,即使是在同一背景下的特寫也很少能夠保持高度的一致,這種問題對于設計而言可以說是極大的困擾。而ValioCan——圣地亞哥設計師年度會議網(wǎng)站則很好的解決了這一問題,確保了所有的與會人員特寫都足夠的統(tǒng)一和一致,整體感極強。
BLOOMBERG BUSINESSWEEK DESIGN 2016
看到彭博商業(yè)周刊的年度會議的頁面,不得不承認它成功地忽略了幾乎所有的排版設計的準則,雖然從文本到鏈接全部都是無差別的黑色,但是大膽的版式設計和簡約的配色使得整個頁面出奇的好用。創(chuàng)意,打破習慣與常規(guī),也許是一個不錯的嘗試。
ELEVATE SUMMIT
Elevate 峰會是一個客服和社區(qū)管理人員的大型峰會,網(wǎng)站本身的設計稱得上是簡約到位,而注冊表單和“值得你參加的5個理由”的列表設計非常的走心。網(wǎng)站上甚至還有個聊天對話的按鈕,這種設計在這類網(wǎng)站上很少見,通常只見于電商網(wǎng)站。
HASHTAGS UNPLUGGED
這個網(wǎng)站是紐約的一個畫廊所舉辦的活動網(wǎng)站,設計現(xiàn)代而簡約,版式也足夠簡潔。網(wǎng)站的導航設計非常令人討喜,每個藝術家在頁面中都會被加上一個#,當你點擊的時候能夠看到相應的藝術家的簡介。頁面的每一個過渡動效都相當?shù)暮疃F(xiàn)代,不會讓你覺得突兀。