抖音网站0.5块钱100个年前，OPPO获得了FWA的「每日最佳网站」奖项。
得奖作品是OPPO未来科技会议2021（OPPOINNODAY2021），这场线上虚拟会议对于OPPO也是一次全新尝试，以往的未来科技会议都是在线下开展。
OPPO未来科技会议2021的得奖页面.图片来自：FWA
OPPO未来科技会议2021.图片来自：Twitter@VirtualVerse_X
给OPPO颁奖的FWA全称为FavouriteWebsiteAwards，成立于2000年，作为一个优秀网站收录平台营运至今。FWA从35个国家（地区）请来500位评审，评选「每日最佳网站」、「每月最佳网站」、「年度听众投票奖」和「年度最佳网站」。
OPPO未来科技会议2021.图片来自：Hypebeast
不仅FWA，著名网站Awwwards每晚也在给全世界网站打分和颁奖。
Awwwards有着相对健全的评分系统，评分根据4个要素——设计、实用性、创新性和内容，并且采用业内专家和真实用户的实名制打分。业内专家评分中，都会将偏离平均值最远的3个评分剔除，以提高公平度。
Awwwards2021年「年度最佳网站」投票页面.图片来自：Awwwards
2020年才创立的Orpetron网站设计奖，也是一位后起之秀。每天都在YouTube、Instagram和脸书更新的它，喜欢用笔记本和手机同时展示得奖网站，这让它收获了一批忠实粉丝。
图片来自：Orpetron官网
最能开掘创意的艺术网站It’sNiceThat也有个收录网站的栏目——「DoubleClick」（双击），从2019年开始每月分享5个网站，每次看完都让人不禁想惊叹：「网站能够如此有意思」。
「DoubleClick」（双击）栏目.图片来自：It’sNiceThat
假如想找一些有趣甚至有点逗趣的网站，loadmo网站想必是不错的选择播放量双击软件平台，它背后是知名创意平台DVTK。关注重点在手机屏幕的loadmo，就连网站界面都是手机屏幕框，动态展示持续收录的网站。
图片来自：Instagram@loadmo.re
loadmo在Instagram上的回帖方法也相当有意思，用实物手机打开网站让你站两侧浏览，或则请来名人IP手举卡片来张「代言照」。
图片来自：Instagram@loadmo.re
我们从以上平台中精选了一些很有特征，也有点不可思议的网站作品，浏览的同时一起「涨知识」。
现今流行在网站开会议、办小型活动
涵括FWA、Awwwards和Orpetron近一年的得奖名单，活动类网站的成绩十分闪亮。
这也为啥，当疫情肆虐全球，网站设计师和开发人员都在纷纷将原先在线下举行的活动迁往线上，例如来自日本旧金山的ActiveTheory团队，在网上办起大会和活动但是一把「好手」。
2020年初，ActiveTheory推出了拿来举行线上活动的Dreamwave平台，这是基于微型网站发展出的新事物——微观宇宙，它被视为元宇宙中以社交驱动为目的而构建的沉溺式虚拟空间。
在Dreamwave平台上举行的线上虚拟活动.图片来自：Medium
ActiveTheory在创建平台不久后推出了好评产品——线上音乐节SecretSky2020。在音乐节期间，来自163个国家（地区）的16万听众来到了这个虚拟会堂，共享音乐飨宴。
但是，ActiveTheory并不满足于这样的成功，在接出来的SecretSky2021，针对以前的问题个个击破，最后交出了让人震撼的迭代产品，刷新了线上办活动的设计水准和技术要求。
在空间内看节目就是对着一块四四方方的屏幕吗？ActiveTheory认为让听众静静待在小空间里欣赏音乐，是她们在2020年的失败。
单一3D演出环境的SecretSky2020.图片来自：FWA
在2021年的音乐节直播中，屏幕被融进了3D环境和气氛中，绝不是简单的叠加层。
SecretSky2021.图片来自：FWA
音频聊天新功能的加入，也让参与音乐节的我们，愈发「真实在场」。
SecretSky2021.图片来自：Medium
ActiveTheory还从游戏《Sky光遇》和《英雄联盟》中「偷师」，构建了可以让听众游荡的自然环境。
来自游戏和动画的场景灵感.图片来自：Medium
为了配合音乐节塑造出年青而有趣，但又不幼稚的角色，团队从游戏_Journey_、吉卜力工作室作品和音乐节组织人PorterRobinson看法中吸取灵感，设计出穿着外套，有着表情符号耳朵的人物角色。
吉卜力工作室的头像灵感（图左）和音乐人PorterRobinson的创意（图右）.图片来自：Medium
角色人物的设计原稿.图片来自：Medium
为VR设置的手指数据.图片来自：Medium
据悉，ActiveTheory还塑造了一个名为魔方世界（CubeWorld）的三维空间，黑暗环境中闪动的灯光与迷幻的特效让整个音乐节愈发带感。
魔方世界.图片来自：Medium
网址
以下推荐3个办活动很给力的网站。
1.2020年阿联酋虚拟世博会（VirtualExpoDubai2020）
2020年阿联酋虚拟世博会.图片来自：Awwwards
实际在2021年11月才发布的2020年阿联酋虚拟世博会，凭借在设计和技术上的高难度，当之无愧地拿下了FWA2021年的「年度听众投票奖」播放量双击软件平台，还同时获得Awwwards和Orpetron的「每日最佳网站」。
拿奖已经领到手软的DogStudio，在谈起这个网站时也是一把泪水一把泪，直言它的庞大规模早已击穿了过往经历的天花板。
2020年阿联酋虚拟世博会.图片来自：Instagram@dogstudio.co
70个订制展厅，85个主题展厅，2个景区，4个主要主题展厅，1个展览中心。所有那些都要重新建模、纹理化，加入照明疗效并加入到一个基于WebGL程序语言的空间中。
地图只是冰山一角，由于我们的团队须要围绕展厅建立完整的用户体验，以及处理整个项目过程中会发生的所有活动和事务。
——DogStudio
2020年阿联酋虚拟世博会.图片来自：Instagram@dogstudio.co
网址
2.游戏大奖微观宇宙（TheGameAwardsMicroverse）
TheGameAwardsMicroverse.图片来自：FWA
游戏大奖是视频游戏行业的年度盛典之一，2020年在流媒体上的播放量超过8300万。2021年12月9日举行的最新游戏大奖，ActiveTheory被请来设计线上虚拟空间，让听众可以访问观看3小时的直播。
游戏大奖的活动现场被设计成一个有悬浮行星、古老巨人和特殊地形的具象世界。听众可以通过完成游戏任务，获得专属卧室、头像订制等升级功能。
TheGameAwardsMicroverse.图片来自：FWA
目前，元宇宙怎么演化与创新的讨论激烈，其中大部份与游戏有关，因而让粉丝参与到游戏大奖中是十分有意义的。
——Dreamwave创意经理兼联合创始人安迪·塞兰德(AndyThelander)
TheGameAwardsMicroverse.图片来自：VRScout
网址
3.圣丹斯影片节（SundanceFilmFestival）
圣丹斯影片节线上网站.图片来自：Medium
专为独立影片人和影片作品而设的圣丹斯影片节，去年已迎来了第38年，但是这个线下峰会也在今年涉足线上构架虚拟空间，成为新前沿（NewFrontierExperience）的重要部份。
圣丹斯影片节团队给网站设计的方向，却是疫情下尤为流行的视频大会软件Zoom，希望让与会者在自己居住的地方看到来自世界各地的友人。
但事实上，视频大会一般会将界面均匀界定成几个框框，不容易让与会者沉溺到广袤的虚拟空间中。
以视频大会为灵感的初期界面设计.图片来自：Medium
经过一番思索，接下项目的ActiveTheory为听众设计了联通头像——卡通型的变身上顶着一个矩形屏幕，上面是我们的头像。
虚拟人物设计过程.图片来自：Medium
网站以太空宇宙飞船为主题构建，包括太空新苑、电影聚会、画廊和影片院，在2022年1月20日至28日即将开放，订购价值50没有的套票后即可通过笔记本或VR麦克风访问。
圣丹斯影片节线上网站.图片来自：Medium
网址
用交互设计改建传统的「告示板」网站
传统的网站设计有点像是过去墙壁拿来公布信息的宣传板，里面排列着信息，等待访客阅览。但是，在游戏、视频、影视兴起环境下成长与生活的我们，这类网站常常给我们一种过时的觉得，无法聚焦我们的注意力。
好的交互设计在当下的网站设计中，除了才能吸引我们的注意力，更重要的是，它还可以将背后的故事，用最催泪的形式讲下来。
这并不是一件易事，不恰当或则过多的交互设计，就会将注意力从故事上转移，故事也就讲不下去了。
图片来自：Giphy
全球交互式设计工作室Makemepulse团队人员的技术十分过硬，偏偏她们更关注讲故事体验。假如用户为作品创意、故事情节和情感着迷，忽略了背后的高难度技术，她们似乎会更开心。
Makemepulse会从电子游戏、电影和艺术等媒体吸取养分，用在创造用户体验上。在游牧部落（NomadicTribes）网站设计中，Makemepulse更像是影片编剧，前半部分时间都在编撰故事，反复调整灵感版。
游牧部落获得Awwwards的「每日最佳网站」.图片来自：It’sNiceThat
网址
在一次采访中，Makemepulse还分享了自己的珍稀经验。
到虚拟世界之外的地方找寻灵感，从影片、视频游戏、音乐、活动、自然以及生活中能让你享受的事物中，更有可能找到有价值的创意角度，用户也更容易有共鸣，给出回应。
——NicolasRajabaly（Makemepulse的联合创始人）
Makemepulse为柏林AlteNationalgalerie设计的网站——神奇的倒影（MagicalReflections）获得FWA的「每日最佳网站」.图片来自：FWA
网址
以下推荐3个很擅长用交互空间「讲故事」的网站。
1.风味乐园（Umamiland）
风味乐园.图片来自：FWA
同时获得Awwwards的「每月最佳网站」和FWA的「每日最佳网站」的风味乐园，是一个虚构的英国饮食文化景区，通过游戏式的互动引出Google搜索结果，让用户了解更多台湾料理。
Google趋势显示全球对美国乳品和订餐的搜索量激增，为此Google启动了一个宣传台湾小吃的项目。
最初想通过美国旅行来吸引旅客的Google，在全球疫情的背景下改变了主意，找来全球设计公司Media.Monks设计宣传网站。
风味乐园.图片来自：Awwwards
Media.Monks接下项目后，首先整理出一份最吸引人的德国料理菜单，从外型、味道以及背后的历史文化开始深入研究。
风味乐园.图片来自：Awwwards
之后，Media.Monks将每种食物弄成了景区内的不同区域，用食物作为场景美术灵感，同时每位场景又必须让名菜看上去更美味可口。
风味乐园.图片来自：FWA
举个事例，作为台湾料理核心的面粉被设计成景区的主要街道。在这儿，旅客可以找到用面粉制做的菜式，以及面粉的常见凉菜，如腌肉水果和香菇。
风味乐园.图片来自：Awwwards
与平时去任何景区景点类似，旅客可以在商店选购有意义的记念品。
风味乐园的记念卡片.图片来自：Awwwards
网址
2.冲入风暴（IntotheStorm）
冲入风暴.图片来自：Awwwards
由Media.Monks操刀设计的另一个网站——冲入风暴（IntotheStorm），走的却是绝然不同的风格——交互式纪录片。
如名称所暗示通常，步入网站的每一位用户，将变身为搜救人员，冲入风暴救治幸存者。
冲入风暴.图片来自：Awwwards
这部「纪录片」源于一个真实故事——2010年8月8日，一架民用客机在高加索北部的楚加奇山脉失事，日本陆军的一个特种作战小组接到搜救任务，最终成功将幸存者带回安全地道。
冲入风暴.图片来自：Awwwards
为了达到更逼真的疗效，Media.Monks从三个要素全面还原，即故事、环境和互动。从团队勾画的第一个故事版可以看见，整个风波的所有信息和细节都被列入考虑。
设计过程中的第一个故事版.图片来自：Awwwards
因为位置偏僻未能实地采景，Media.Monks从Google月球获取了屏幕录象，用专门的软件还原地貌的同时，就会让视角尽可能接近地面，让画面更像是通过搜救人员耳朵听到的。
从Google月球中提取的图象数据.图片来自：Awwwards
在3D软件中还原山脉地形.图片来自：Awwwards
搜救人员的音频资料也被用了进来，解释她们使用哪些工具和做了哪些事情，让体验更为真实。据悉，这个网站还拥有很高的教育宣传价值，可以激励人们参与真实的搜救行动。
声音设计界面.图片来自：Awwwards
网址
3.普罗米修斯燃料（PrometheusFuel）
普罗米修斯燃料.图片来自：FWA
一举拿下FWA2021年「年度最佳网站」和Awwwards的「每月最佳网站」的普罗米修斯燃料（PrometheusFuel），将我们拉回到悬疑小说兴起的过去年代，观看了一部道路连续剧。
普罗米修斯燃料.图片来自：Awwwards
其实这部道路影片的主角看上去70年代雪铁龙的MustangFastback，实质上这却是燃料广告。这款燃料十分非常，是由空气中的硫化氢过滤生成的。
基于品牌选取的百搭未来主题的视觉风格，网站的故事分成两个章节——「新时代的诞生」和「充满可能的世界」。用户可以通过垂直方向的滚动，欣赏整个故事。
第一章节的故事版.图片来自：Medium
第二章节的故事版.图片来自：Medium
为了让用户拥有更强的参与感，有趣的时刻被添加了交互式指令，因而用户可以点击或按住一个按钮，与屏幕上的元素进行互动。
网站的交互疗效.图片来自：Medium
网址
由于手机和手臂才显得有意思的网站
在联通设备非常普及的当下，好多网站是在手机屏幕上展示，尽管屏幕变小了，并且触屏方法给网页的设计打开了另一扇窗子，这吸引了一批网页设计师想要在手机屏幕上做创新设计。
由于对「网站看上去相像」、「一次又一次地重复相同的模板」这些现状的不满，釜山创意设计师YehwanSong萌生了创建为右手设计网站的看法。
命名为「今天我走路（TodayIWalked）」的网站，正是这个看法的最终成品。在智能手机屏幕上，用户的拇指可以化作四肢，在屏幕中的街道到处行走，狭窄的屏幕却装进了整个街区。
明天我走路（TodayIWalked）.图片来自：Instagram@yehwan.yen.song
后来Yehwan还根据这个概念，加入脚印等互动元素推出了新网站——手指在走路（fingerwalking.kr）。
中指在走路（fingerwalking.kr）.图片来自：Instagram@loadmo.re
熟悉运用复杂编码的Yehwan，持续探求后推出名为当我站在这儿（WhileI’mStandingHere）的网站——将带有符号和字母的方块置于屏幕上，屏幕便立即显露根据物件补全的图象。
当我站在这儿（WhileI’mStandingHere）.图片来自：Instagram@yehwan.yen.song
在初期的实验中，Yehwan用套上残缺字母纹样的拇指在屏幕上做弹琴动作，敲出来的顿时，屏幕与右手套上的纹样组成了完整的「hey」（嘿）。
hey网站互动疗效.图片来自：Instagram@yehwan.yen.song
我开始思索我们怎样在日常生活中使用右手，强调某物或则用手语交流。我们用拇指直接触摸屏幕上的这一时刻，在视觉疗效上是可以显得兴奋人心和很有意思的。
——YehwanSong
不要触摸（Don’ttouch）.图片来自：Instagram@yehwan.yen.song
以下推荐3个在手机屏幕上很有趣的网站。
1.来和我一起刮毛吧（ComeShaveWithMe）
来和我一起刮毛吧.图片来自：Instagram@loadmo.re
尽管被大多数网友尊称为「刮阴毛的网站」，在设计说明页面上却注明这是个黑乎乎的上背部。疫情背景下，居家隔离的经历让设计师脑中冒出了一个看法——「不如做一款虚拟皮肤，你们可以一起在线刮毛」。
中指放在屏幕上，会出现一把铲刀，手起刀落，一排头发便被刮了出来。
有趣的是，虚拟皮肤上毛发生长的速率很快，才刚才刮完的地方，立刻又会长出新的胡须。
这个网站由AlexandraBarancova、JaePerris与Moniker合作完成，这背后的目的分享背后捐助人创意产业基金会NL的最新研究。
网站说明页.图片来自：Comeshave
网址
2.繁忙模拟器（BusySimulator）
繁忙模拟器.图片来自：loadmo
语音或视频大会中受不了想要结束如何办？创意经理兼技术专家BrianMoore设计出繁忙模拟器，拿来模拟手机中常用的应用程序，通过播放通知声音，让你可以佯装很繁忙。
Designtaxi网站还有趣地加上一句评论：「通过表现得很繁忙，你实际上可能会完成更多的工作。」
每位应用程序图标下都配有一个进度条，原先「忙碌」的程度也可以随便调试。
网址
3.iPod.js
iPod.js.图片来自：Instagram@loadmo.re
假如追忆2000年代早期的iPod，不妨尝试一下这个网站——连接到Spotify或AppleMusic，体会从iPod里传来的音乐。
就连转动方向盘的那个「咔哒」音效，也被细致地还原了。
网址
在一次重新设想网站的在线活动中，YehwanSong说出了一些希望打破条条框框的设计师的心里话——「我的目标是让网页设计可以更加多样化，我尝试将网站概念从以用户为中心，转变为以内容为中心。」
也就是说，过分注重用户体验的设计理念，不可防止地让网站设计出现同质化的问题。简单而顺畅的交互，其实对用户很友好，但在做这种加法的过程中，有意思的看法也可能会被过滤掉，被当作碎屑冲入下水道。
将个人网站弄成有贴纸的「伪Instagram页面」的设计师RachelKim.图片来自：Instagram@9imyen
专门收录有趣网站的loadmo也在Instagram上借用哲学院长E.Selinger的文章节选发声：「Selinger提到了科技行业怎么痴迷于对『无磨擦体验』的追求，但当一切都很平滑顺畅，我们能够去体会和思索哪些呢？我们还能否体验哪些？」
由于，用不同往年的方法去设计网站，恐怕会让我们的「直觉」变得不舒服，但这点不舒服，反而可以导致我们的思索，以及与新事物形成对视。
点击「在看」
是对我们最大的激励