大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

編者按:這篇文章的作者是是 EventCreate 的聯合創始人和網頁設計師 MARK BUSHY,他對于活動類網站有著多年的設計經驗和獨到的想法~

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

接下來所推薦的10個活動網站都是此中翹楚,它們創意爆棚,設計精美,還適時的將新的技術同設計融為一體~

EPICURRENCE

大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

這是一個長達四天的設計師和開發者聚會,地點在美國猶他州摩押地,這個活動是邀請制的,整個頁面的設計相當的帥氣,布局也相當富有創意。為了整體的體驗,設計師針對注冊頁面進行了專門的優化,讓人不會覺得突兀和單調。

SONNY’S SMOKIN’ SHOWDOWN

大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

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

GLOBAL WAVE CONFERENCE

大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

全球沖浪峰會的網站的頁面設計充滿了簡約的設計美學,其中的細節設計充滿了創意。動態的LOGO設計質樸而養眼,看起來拙稚有趣,但是并不會給人以粗糙的感覺。頁面內的圖標使用的都是SVG素材,在排版布局和設計上非常的考究。

整個網贊的文案設計令人印象深刻,遣詞造句明顯是精心設計過的。

FESTIBIERE

大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

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

這個網站所宣傳的活動其實每年有2次,冬夏各有一次。你可以在頁面的頂端左側看到歷次活動的頁面,每個頁面都是設計師精心設計過的。不同的頁面雖有差異,但是延續性很強,統一而易于區分。

LOOP

大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

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

STRUCTURE

大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

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

VALIO CON 2016

大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

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

BLOOMBERG BUSINESSWEEK DESIGN 2016

大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

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

ELEVATE SUMMIT

大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

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

HASHTAGS UNPLUGGED

大膽而先鋒!10個創意爆棚的會議和活動類網頁設計

這個網站是紐約的一個畫廊所舉辦的活動網站,設計現代而簡約,版式也足夠簡潔。網站的導航設計非常令人討喜,每個藝術家在頁面中都會被加上一個#,當你點擊的時候能夠看到相應的藝術家的簡介。頁面的每一個過渡動效都相當的含蓄而現代,不會讓你覺得突兀。

【Nick Babich 的用戶體驗設計經驗之談】

  1. 輸入框設計:《講真,你真的懂得文本輸入框設計的那些潛規則么?》
  2. 表單設計:《摳細節!設計高效好用表單的10個技巧》
  3. 極簡APP UI:《超贊!幫你打造極簡風APP UI 的實用設計技巧》
  4. 前端開發:《有法可依!幫你衡量一個動效是否合格的六個核心因素》
  5. 面包屑:《并不簡單!網頁中為你指路的面包屑到底應當怎么使用?》
  6. 移動端頁面:《跟著建議走!這樣的移動端網站設計才對頭》

原文地址:webdesignerdepot
原文作者:MARK BUSHY
優設譯文:@陳子木

本文由優設網原創翻譯,請尊重版權和譯者成果,轉摘請附上優設鏈接,違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量150萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 6
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。