大胆而先锋!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

收藏 10
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。