奖项：每日网站，2022 年 8 月 10 日，Awwwards

Mubasic 的网站不仅仅是视觉上引人注目。它是动态的。 Mubasic 是一个面向儿童的高品质音乐目录，其决策有助于它实现轻松、随和的感觉。

罂粟色配色方案和有效的视觉层次结构有助于该网站的设计成功。然而，它闪耀的真正原因是它的设计感觉真实地体现了品牌的使命。

主页可以让您轻松探索公司的产品，甚至还设有以独特格式设置的问答部分。向下滚动页面时会弹出图像。

在底部，有机会联系联系信息和新的客户表单模板。

当您到达主页底部时，会出现一个带有锚点的菜单，可让您跳转到页面上您要查找的信息所在的任何位置。

我喜欢什么：调色板和品牌的“少即是多”这种方法使网站变得既简单又有趣。

9. 数字封面

奖项：每日网站，2022 年 7 月 31 日，Awwwards

这家法国数字机构从加载屏幕到主页的所有内容都是视觉本垒打。当您到达此主页时，您会立即进入数字封面的世界。

这是通过一个近乎三维的图形来实现的，它会弹出并欢迎您进入公司的轨道。

与之前的网站类似，Digital Cover 主页的动画性质增加了吸引力，并使该网站成为最佳网站设计的候选者。

只需轻扫一下鼠标垫，您就可以进入公司的项目，或者您也可以导航到左上角标记清晰的菜单。当您这样做时，会弹出几个选项。

从那里，您将被引导至您选择的页面。黑色背景上的白色字体使副本显得突出。

如果你滚动到任何菜单页面的底部，您都会找到与代理机构取得联系的联系信息，这是设计的另一个优势。

我喜欢的：黑暗而神秘的氛围，带有惊喜的元素。产品似乎通过 3D 动作向我走来，这真是太酷了。

2021 年最佳网站设计 10. 超级清单

奖项：本月最佳网站（2021 年 4 月），Awwwards

Superlist 是一款生产力应用程序，可帮助团队和个人改变工作方式。

很多时候，您登陆一个网站后必须弄清楚该品牌的含义。有了 Superlist，您一进入主页就清楚地知道会发生什么。

交互式主页有一个直接的副本，显示了该网站的全部内容。三个易于注意到的按钮清楚地显示了应用程序如何支持团队合作、个人任务以及介于两者之间的一切。

超级列表有效地使用空白来将焦点保持在其副本上。当你向下滚动时，你可以查看有趣的运动过渡。有趣的视觉效果一直持续到网站结束，让我们始终保持参与。

我喜欢什么：有趣的过渡和一个大的 CTA 按钮，当您将鼠标悬停在它上面时，它会改变颜色。

2020 年最佳网站设计 11. 擦拭世界

奖项：每日网站（2020 年），Awwwards

、大胆的色彩和负空间塑造了网站的设计和体验。该组织提高了人们对干细胞捐赠的认识。

他们的使命是“确保每个患者都能找到匹配的患者。时期。”展现爱情和情感的情侣照片为历史上复杂且科学的过程带来了人性元素。

从技术角度来看，该设计使页面向下移动感觉自然，确保读者到达主页上的每个文案点和每个 CTA。

我喜欢什么：颜色的变化表明每个人，无论其种族如何，都应该保持健康并且需要拥有相同的健康e 权利。

12.最新美国人

奖项：荣誉奖（2020 年）、奖项

一个肩负着尊重过去、现在和未来移民身份的重大责任的组织需要一个美观且实用的网站来帮助传播信息。

在新泽西州各城市倡导移民体验。

该网站使用人物、地点和物品的美丽图像来代表这种体验，并以一种连贯的方式在主页上流动，讲述这群美国最新公民的故事。

该网站既具有视觉吸引力又实用，具有简单的导航菜单、按照片组织的故事以及将最新文章放在前面和中心的干净的新闻页面。

我喜欢的：背景中的慢动作视频和带有标题的全屏图像，通向文章。

13. Spotify 设计

奖项：荣誉奖（2020 年）、奖项

Spotify 以其公平的亚马逊份额而闻名ing 的壮举，其最新版本也不例外。

作为 Spotify 所有视觉和创意的中心，这家音乐和播客流媒体巨头让听众了解谁、什么、为什么以及如何让这款应用如此轰动。

明亮的色彩、阴影和流畅的动画赋予了该网站特色和深度。扁平的几何设计加上抽象的点缀，使专辑和艺术家几乎从屏幕上跳出来。

想从像这样的微型网站中寻找更多设计灵感吗？阅读我们的帖子。

我喜欢的：动画、插图、配色方案以及在文章之间切换的自动滑动功能。

14.安迪·沃霍尔

奖项：荣誉奖（2020 年）、奖项

艺术家、电影导演兼制片人安迪·沃霍尔的生活浓缩在这本书中，以数字格式捕捉了他的艺术风格。

当您仔细阅读页面时，您的光标会变成聚光灯，转换您悬停的每张图像变成负片图像或反转您正在阅读的文本的颜色。

大而粗体的文字表达了一种观点，并强调了文案对于网站设计的重要性。当您浏览主页时，微妙的动画有助于调整网站节奏并为每个部分定下基调。

我喜欢的：水平滚动、艺术色彩和讲故事的氛围。

15. 人际互动公司

奖项：企业网站（2020 年），红点

要正确观看视频，只需查看 .从您点击网站的那一刻起，体验就是闪电般的快。

您将直接进入行动 - 人际互动的原因、内容和方式，以及团队具体做什么。

此举旨在将人类互动的研究带给大众，并在此过程中向我们展示了解它是多么有吸引力。

不过，不要因为他们的获奖状况而气馁——这个网站上的照片都没有经过修图，所以这是一个实际的例子利用您拥有的资源构建质量文件。

我喜欢的是：不断变化的背景视频，具有色彩缤纷的场景、缩放图像和平滑的过渡。

16. 加罗亚护肤品

奖项：每日网站（2020 年），Awwwards

如何将奢华和实用的感觉转化为网站？ 提供了蓝图。

无论您的产品价格是最接近竞争对手的一半还是两倍，您的网站都可以为您销售的任何产品带来一种奢侈感。

高质量的视觉效果、互补的字体以及负空间与有用文案的平衡可以为您的网站带来简单优雅的感觉。

我喜欢的：大地色系、清新干净的外观、字体的选择。我也喜欢这个布局！

2019 年最佳网站设计 17. 1917：战壕中

奖项：Awwwards 每日最佳网站（2019 年）

，为宣传电影《1917》而制作，让您在 Trenc 中漫步他正在执行与电影中角色相同的任务。您还可以查看他们的地图或访问其他工具。

这是一个超越互动性的网站以及利用其内容和预先写好的故事情节来营销其电影的网站的一个很好的例子。

该网站荣获 每日网站奖，设计师可以投票并提名他们每天看到的优秀网站。

我喜欢的：首页，尤其是第 17 帧，燃烧的天空和火山灰的场景，非常迷人。网站周围的 3D 运动也非常棒。老实说，我从未见过更好的电影宣传。

18. The Octopus：IDEO 的设计博客

奖项：商业博客/网站 2019 年威比奖

IDEO 是一家全球设计公司，凭借其 、 和理由，荣获 2019 年商业博客/网站威比奖。

总的来说，整个 IDEO 网站非常棒。

进入主页几秒钟后，醒目的黄色和粉色字母就会覆盖在黑色上黑白文本并添加流行颜色。

如果您将鼠标悬停在博客文章上，标题将以黄色突出显示。如果您将鼠标悬停在图像上，该图像就会被拉向您——这两个小功能在创建独特且引人入胜的用户体验方面发挥着巨大作用。

我喜欢的：网站顶部的文本动画以及突出显示博客文章标题的功能。

19. 游牧部落

奖项：Awwwards 年度网站提名（2019 年）

该网站被提名为 Awwwards 年度网站，是我见过的最具吸引力的网站之一。

立即开始播放一段令人惊叹的视频，视频中一名男子走过沙漠，随后是华丽的风景场景和文字，例如“你有幸称自己为冒险家吗？”

整个网站的文字很有趣，有色彩缤纷的粉色、橙色和黄色，主页设计合理，号召性用语遍布整个范围。从“阅读更多”到“立即观看”，最后“下载应用程序”。

最终，该网站设计精美，注重细节，并自始至终讲述了一个引人入胜的故事。

我喜欢的：主页上的甜点和狩猎场景、讲故事的氛围以及“特色游牧者”部分。我也喜欢导航栏中的象征性图标。

20.戴安娜·达涅利

奖项：2019 年威比

通过高对比度或高曝光展示艺术和建筑的图像。作为网站访问者，您可以单击并拖动鼠标来更改照片和变体。

每张图片都展示了一件突出拥有该网站的艺术家的作品。

这个网站的一个很酷的优点是它整合了音频和音乐。单击屏幕上的某些按钮即可弹奏钢琴音符，并真正沉浸在 Diana Danieli 体验中。

想查看更多个人网站吗？查看我们在 上的帖子。

我在做什么ike：深色背景和制作视频，重点是使用木材制作家具。我喜欢简单、极简主义和黑白主题。

21. 乔治·中岛木工

奖项：2019 年威比

这强调了木工行业的自然和关怀。它本质上是美丽的林业和农业图像的幻灯片。

当屏幕上出现新图像时，也会出现与木材或树木相关的新引言。

这对游客来说是令人难以置信的放松，并表明木工认识到树木和环境的美丽。这个网站还有。

我喜欢的：朴实的调色板、清晰的布局、有关木材的名言以及美丽的自然图片。

2018 年最佳网站设计 22. 加密货币交易

奖项：每日网站（2018 年 4 月 3 日），奖项

来认识一下 crypton.trading，您的机器人会计师。

是比特币等加密货币的交易中心，利用人工智能来预测货币的变化”的价值并确定关键的买卖机会。

该网站因其开发和设计而获得很高的评价，因为随着访问者向下滚动，它逐渐解释了更多开发人员的方法。

当 Crypton 的问候语一次一个字母出现在主页上时，该网站让精通技术的访问者感到宾至如归。

我喜欢的：交互式图表会随着您的滚动而变化，显示“卖出”和“收益”等功能。

23. 溢出

奖项：每日网站（2018 年 3 月 20 日）、最佳网站库

是一种设计工具，允许个人和企业创建故事般的流程图来表达他们的想法，以便其他人更容易理解。

除了这只是一项良好的服务之外，Overflow 网站还践行其宣传 — 该网站使用流程图来宣传其产品。

该网站以视频的形式提供此流程图。

虽然嵌入式视频坐在电视中看起来很笨重Overflow 位于网站其他设计元素的中间，位置完美，正是您第一次登陆该网站时想要看到的内容。

查看我们的帖子以获得更多灵感。

我喜欢什么：设计感觉清新而现代。但真正引起我注意的是动态流程图和那些简短的产品“演示”。

24. 弗兰斯哈尔斯博物馆

奖项：年度网站 (2018)，Awwwards

对于博物馆来说，在一个有凝聚力的网站上展示其所有艺术品可能很困难。这就是该网站如此令人印象深刻的原因。

该博物馆位于荷兰，创建了一个网站，该网站结合了数字设计元素和自己的展品。

这种组合可以帮助游客了解他们将看到什么、什么时候可以看到它，以及他们还可以在哪里体验这个博物馆所提供的内容。

我喜欢的：历史与现代元素的融合。我也喜欢大字母，bri颜色和交互式过渡。

 

来源：hubspot