许多网站仍然使用旧的页面设计。 例如,一些国外公司的官方网站有类似的模板,几千年没有改变。 国外的是带有 CTA 按钮和三栏布局的英雄页面。 这种设计不能说是不好的设计,非常实用,用户还可以预测显示的内容风格网站模板设计,很容易找到自己需要的内容。 而且因为是可预测的,所以用户没有新奇感,没有期待,所以我们发现了一些打破规则但仍然具有良好用户体验的网页设计。
1.HecoPartners
布局设计:流动的动感腰线加上滚动指示箭头。 滚动页面后,显示一段介绍,然后步入交错的两栏项目展示布局。
HecoPartners主页上流动的腰围波浪吸引你进入他们的网站
当我们访问这家位于多伦多的设计公司的网站时,你会听到海浪上方显示着“我们将信息转化为人们关心的体验”的字样。 该网站展示了如何将设计示例与背景信息结合起来。
2.七宝奇谋
布局:背面采用全屏图像,将页面滚动成网格布局的一系列页面
约瑟夫·贝里 (Joseph Berry) 决定将他最喜欢的电影之一,即 20 世纪 80 年代的经典电影《七宝奇谋》 (The Goonies) 打造为一个宣传型网站。 TheGoonies 赢得了 Awwwards 的“年度最佳提名者和网站”奖,这是滚动格式讲故事的一个很好的例子。
3.Nelu Cebotari 的作品集
布局:更改了三栏设计,转换为滚动导航菜单
除了向您展示您所从事的项目之外,设计作品集还可以通过页面本身展示您的设计技能。 这就是设计师 Nelu Cebotari 设计他的个人网站的方式。
网站上使用的蓝色背景可能有点刺眼,但他在背景上添加了柔和的背景纹理,使其不那么刺眼。
网站设计的独特部分是导航设计。 将鼠标悬停在每个按键上会显示一个从顶部滑落的小袋。 每个小方块都有一些文字提示您了解更多信息或取得联系。
4.灵魂爵士唱片
布局:基于网格设计的物理记录存储体验的复制品。
走进该网站就像走进一家实体唱片店,在那里您可以找到冗长的放克、爵士乐和朋克音乐,这些音乐可能不会引起太多关注。
他们的网站很好地代表了他们发布的多种流派。该网站还提供了大量有关艺术家和声音样本的背景信息,让您更全面地了解他们的声音。
5.旧金山现代艺术博物馆
布局:全屏背景图像,带有指示性基本链接。
博物馆里的艺术捕捉并激发了我们的想象力。 他们的网站应该做同样的事情。 虽然大多数博物馆网站都会展示特色作品,宣传当前的展览,并提供重要的参观者信息(例如开放时间和票务信息),但 SFMOMA 在这些信息的呈现方面做得更好,并且有不同的体验。
6.R2D3
布局:两列 Z 形图案,带有大量动画图形。
网站是一个可以教学的工具,R2D3 使用网站来说明机器学习。
R2D3通过《机器学习视觉入门》科普。 通过一系列的动画,他们能否用相对简单的方式传达这个复杂的概念。 参与体验式学习比盯着教科书上的短语和数字更有趣。
R2D3 使用引人入胜的动画向我们展示机器学习的工作原理
7.Lauren Wickware 的作品集
布局:全屏背面页面切换为分屏显示设计项目。
这是设计师LaurenWickware的个人作品网站。 多维滚动创造了令人惊奇的流畅和引人入胜的体验。
8.普洛斯集体
布局:钻石式布局,具有不同的卡片模块,当您滚动时会逐渐消失。
PoulosCollective 是一家专门从事用户体验设计和策略的设计咨询公司。 它的网站提供干净、简单且最重要的是功能性体验。 该网站的简洁性是由 StefanPoulos 创建的。 颜色令人愉悦,文本易于阅读,轻巧的形式和感觉加载速度极快,可提供出色的用户体验。
寻找灵感并进一步推进您的设计
作为设计师,我们知道客户通常只想要经过验证的真实解决方案。 而且,我们可以轻松满足他们的要求。 完全根据客户的愿景进行设计并没有什么错风格网站模板设计,而且设计中有很大的空间可以尝试不同的东西。 通过采取非传统的方法,我们可以想出一个令人难忘的网站设计,不会迷失在统一的海洋中。