大胆而先锋!10个创意爆棚的会议和活动类网页设计

2016/10/03 10027

10-creative-event-websites-1

编者按:这篇文章的作者是是 EventCreate 的联合创始人和网页设计师 MARK BUSHY,他对于活动类网站有着多年的设计经验和独到的想法~

我特别喜欢设计活动类网站。这类网站通常有着明显的时效性,存在的时间一般不会太长,而网站在界面上不会使用复杂的UI设计。但是与此同时,这类网站非常适合探索新的导航模式、不一样的布局以及有趣的动效和全新的技术。它们并不复杂,但是有着全然不同的可能性;看起来简单,然而常常拿来做新技术和新思路的载体。

接下来所推荐的10个活动网站都是此中翘楚,它们创意爆棚,设计精美,还适时的将新的技术同设计融为一体~

EPICURRENCE

Epicurrence

这是一个长达四天的设计师和开发者聚会,地点在美国犹他州摩押地,这个活动是邀请制的,整个页面的设计相当的帅气,布局也相当富有创意。为了整体的体验,设计师针对注册页面进行了专门的优化,让人不会觉得突兀和单调。

SONNY’S SMOKIN’ SHOWDOWN

Sonny-s-Smokin-Showdown-Florida-BBQ-Competition-Sonny-s-BBQ

虽然这个烧烤锦标赛看起来并不是什么“高科技”的赛事,但是它们的网站出乎意料地设计得相当高科技。你可以借助网站立体化地探索整个比赛的现场,虽然每个不同的部分都有相应的文字说明,但是你几乎不需要看这些说明就能看明白。
 

GLOBAL WAVE CONFERENCE

2015-Global-Wave-Conference

全球冲浪峰会的网站的页面设计充满了简约的设计美学,其中的细节设计充满了创意。动态的LOGO设计质朴而养眼,看起来拙稚有趣,但是并不会给人以粗糙的感觉。页面内的图标使用的都是SVG素材,在排版布局和设计上非常的考究。

整个网赞的文案设计令人印象深刻,遣词造句明显是精心设计过的。
 

FESTIBIERE

Festibière-d-hiver-January-29-30-2016-5PM-2AM-Canadian-Museum-of-History

虽然Festibiere 的网站并不是列表中最突出的一个,但是它的导航设计着实是太了不起了。作为一个典型的活动网站,始终浮动于页面顶端的导航中的“注册”按钮,对于网站的用户转化率和门票的销售是有着明显提升的。不论用户在网站中浏览什么内容,这个按钮都可以很轻松地找到。

这个网站所宣传的活动其实每年有2次,冬夏各有一次。你可以在页面的顶端左侧看到历次活动的页面,每个页面都是设计师精心设计过的。不同的页面虽有差异,但是延续性很强,统一而易于区分。

LOOP

Home-Loop-2016

设计师在首页上摆上了一个巨大的Futura 字体的“Loop”字样,虽然字体会让人想起大众的广告,但是实际上这是一个长达3天的音乐技术类的峰会。网站简约的字体和渐变的背景搭配在一起并不显得单调,反而看起来相当漂亮。

STRUCTURE

Structure-—-Norwegian-contemporary-crafts-and-design

这个挪威的活动网站不仅展现出网页设计师的创意,而且其中所使用的jQuery UI托拽库让页面的交互性得到了强化,你可以将页面中的元素托拽到不同的位置,仔细查看。它让用户在浏览网站本身之余,还能做更多的事情。

VALIO CON 2016

Valio-Con-2016

许多大型活动现场拍摄的照片,即使是在同一背景下的特写也很少能够保持高度的一致,这种问题对于设计而言可以说是极大的困扰。而ValioCan——圣地亚哥设计师年度会议网站则很好的解决了这一问题,确保了所有的与会人员特写都足够的统一和一致,整体感极强。
 

BLOOMBERG BUSINESSWEEK DESIGN 2016

Bloomberg-Businessweek-Design-2016

看到彭博商业周刊的年度会议的页面,不得不承认它成功地忽略了几乎所有的排版设计的准则,虽然从文本到链接全部都是无差别的黑色,但是大胆的版式设计和简约的配色使得整个页面出奇的好用。创意,打破习惯与常规,也许是一个不错的尝试。

ELEVATE SUMMIT

Elevate-Summit-»-A-Conference-About-Customers.

Elevate 峰会是一个客服和社区管理人员的大型峰会,网站本身的设计称得上是简约到位,而注册表单和“值得你参加的5个理由”的列表设计非常的走心。网站上甚至还有个聊天对话的按钮,这种设计在这类网站上很少见,通常只见于电商网站。

HASHTAGS UNPLUGGED

Hashtags-Unplugged

这个网站是纽约的一个画廊所举办的活动网站,设计现代而简约,版式也足够简洁。网站的导航设计非常令人讨喜,每个艺术家在页面中都会被加上一个#,当你点击的时候能够看到相应的艺术家的简介。页面的每一个过渡动效都相当的含蓄而现代,不会让你觉得突兀。

【Nick Babich 的用户体验设计经验之谈】

  1. 输入框设计:《讲真,你真的懂得文本输入框设计的那些潜规则么?》
  2. 表单设计:《抠细节!设计高效好用表单的10个技巧》
  3. 极简APP UI:《超赞!帮你打造极简风APP UI 的实用设计技巧》
  4. 前端开发:《有法可依!帮你衡量一个动效是否合格的六个核心因素》
  5. 面包屑:《并不简单!网页中为你指路的面包屑到底应当怎么使用?》
  6. 移动端页面:《跟着建议走!这样的移动端网站设计才对头》

原文地址:webdesignerdepot
原文作者:MARK BUSHY
优设译文:@陈子木

2016uisdc-classroom-botton

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量150万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/10-creative-event-websites

sketch UI 界面设计 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 职场 设计流程 用户体验设计 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计规范 设计理论 字体下载 产品设计 设计趋势 神器下载 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里