全国服务热线

0791-86810858

10个独特+创新的网站设计布局理念

点击数:发布时间:2019-03-13

关于网站设计总是重复走“老路”,很少有创新的思考一直在继续着,总是使用相同和传统的布局很容易让你的客户,甚至于你自己感觉到无聊。 所以今天让我们深入探讨一些可以打破传统的独特创新网站设计布局!


多数人会责怪于用户模式的习惯积累,或者一位设计师所需要负责设计的项目太多,或者只是客户希望他们的网站看起来像他们已经习惯了的和理解的东西。 即使有些人仍未觉醒,一部分设计师却已经在大胆的试验并享受创新型的网站设计给他们所带来的乐趣的乐趣。

今天,我们将打破常规,深入探讨十个具有独特或创新想法的网站设计。

注意:请务必搜索并访问每个网站,以全面了解她们在实际应用中的体验。 如果没有真正体验它们,很难描述交互式元素!


1.Divided Homepage

molecular.jpg

绝大多数的主页设计都有一个巨大的英雄形象图或视频,还有几个大字来吸引用户进入设计。

但是如果你有不止一个故事或内容要描述怎么办呢?

通过6个独立的面板块来制作的Molecular翻转概念,它的工作原理是创新地使用悬停操作来打开每个面板以显示更多信息,同时缩小其他面板。 设计也很吸引人。 当这些静止图像被“打开”时,它们将转换为视频元素(这让用户在实际的体验过程中想要翻转和了解所有的内容)。

这种设计解决方案是为了打破大量复杂信息在一个页面上堆积的独特方式。 它具有高度的视觉效果,可以引导用户并满足需求,而且不会在过程中产生压力。


2.Massive Card Deck

bitcoin10.jpg

卡式设计模式在过去以及现在的一段时间内获得了很多人的欢迎,有些可能有了一些新的更新,并再次被重新设计。 以上这个展示比特币发展历史的页面在游戏板风格画布上的显示了大的卡式设计信息。

没有导航,没有声音或循环视频,只有几十张带有标题的卡片(有些带有照片)希望你点击它们。

对于一些人来说,这种页面布局似乎有点压倒性。 但如果这是整个想法怎么办? 交互式画布显示比特币正在发生的很多事情。

他们在感觉上很像社交媒体的设计布局,在标题的命名上也很有特色。

即使你从来不点击任何一张卡片,我猜你会发现自己正在研究这种运动是如何运作的,缩放和中心切换背后的逻辑是什么,以及这种非传统的用户模式是否在你的项目中可以被应用到。


3.Uber Minimalism

kultur.jpg

你没看错,页面上只有一个很大的Logo,没有颜色。 没什么好看的。

但无论如何我都很感兴趣。

这个网站设计采用了极简主义,并提供有趣的用户体验。 柔和的调色板或全球风格的动画效果尽管很简单,但设计的简洁性让我想看到这个网站上的其他信息。有时,缺乏信息可能会激起我们的好奇心。


4.Break the Rules

cyril.jpg

这个网站打破了我很多我们一直在遵守的设计规则。 但我还是停不下的一直在看它。

其中包含有改变的字体,单词的奇数缩写,重叠奇数区域的文本,背景中缺乏对比度,顶部渐变,一次移动多个动画以及一些小字体等。

我还是停不下来的一直想要了解它的更多内容。

我的猜测是,如果你浏览这个站点的话,你也会跟我一样情不自禁的一直浏览下去。

大部分的设计指导所强调的都是——如果你想打破设计规则,那就打破一个。然而,在这里,它们似乎都被打破了。 这种网站设计风格是一个明确的风险,最适合投资组合网站或为你提供更多创作自由的东西。


5.Mix Old and New School


britbot.jpg

是的,这是Britney Spears大约在1999年的样子。

这个网站是一个Spotify项目,结合了老派的美学,但使用人工学习和机器人来帮助你找到你想要的内容和列表。

虽然我们都同意这种设计风格在如今的视觉要求上可能并不会成为你真正关注的,但是不可否认的是,它因为老派的感觉而脱颖而出。 为什么新技术不能以这种形式推动呢?

阴阳效果有趣而大胆。 这是怀旧的,可以让用户陷入过往的美好回忆中(另一方面,可能对于任何在那个时代之后出生的人都不会真正了解它)。


6.Tile the Background

pinup.jpg

这个站点在背景的设计上是大胆和直接的。 Pin-Up杂志将它直接覆盖在主页上。 滚动一点,弹出一个更大的,这么做的唯一目的就只是乞求被点击。

该网站的风格非常野蛮,但易于阅读。

这很可怕,但是无论如何我都很喜欢它。

这是衡量观众和设计目标的地方,可以引导你走上意想不到的道路。 想想这些杂志的封面,它们或许并不是那么诱人。 但压倒性的设计带来了焦点。 主页上缺少元素几乎迫使用户滚动。

这个设计可以缩放到平铺的背景,而不是一直就是那个样子。但它是一个很好的例子,说明不是所有东西都必须具有相同性。


7.Space and Asymmetry

lasse.jpg

打破网格或计划不对称网格。

Lasse Pedersen在其网站设计风格上的美丽虚无是非凡的。

一般的网站总是试图通过大量的入口点来展示不同的内容。 但是在这里没有一个存在。 两个选择——查看屏幕或滚动而已,干净利落。

这里的风险是用户选择的东西是远离设计的,但是通过简单的滚动指令在屏幕上流动应该足以让用户停留较长的时间。

对于这种设计的简单性有什么吸引力,它似乎并没有对用户提出太多要求。 你可以真正查看图像,如果你在主页想要了解更多的信息的话,则会有一个小的联系按钮。


8.Display a Full-Screen Photo

gourmand.jpg

大多数全屏的英雄图像和视频一般都会被在屏幕顶部的浅色或深色标题栏所影响。

Gourmand&Gourmet使用全屏图像,除此之外,没有其他和它不相关的元素围绕它。

设计上给人一种很大的感觉,但是在特别是标题上并没有其他什么有特点的设计,这是一个棘手的配置。 想想在文本的不同部分放置不同层级的文本有多难,现在你必须使用显示文本和较小的导航元素。

这种类型的网站设计采用了完美的图像集,但可以提供很多视觉价值。


9.Flip the Photo Placements

photoasia.jpg

该系列中所有独特和创新网站设计的共同主题之一是它们对共同的想法提出了新的看法。 希望它们是你可以使用的概念和元素。

Photonico使用简单的设计来展示照片。 特点在于,较小的图像被作为一种导航形式位于顶部,大照片位于下方。

这样可以从页面的顶部到底部创建一个很好的流程(如果他们摆脱了照片导航上方的文字导航,我可能会更喜欢它)。

它表明你不必做同样的事情来获得相同的结果。 主页上的每个元素都旨在让用户更深入地访问网站。

这种设计的最佳部分实际上可能是你参与时发生的互动。 输入搜索字词,屏幕移动,漂亮快速的动画,简单的深色背景和静态搜索栏,感觉就像一个完整的网站设计。


10.Be Silly and Have Fun

btheory.jpg

设计一些快乐和有趣的东西,Beyond Theory通过言语,图像和行动呼吁来实现,这有点出乎意料。

结合明亮的色彩和充足的开放空间,设计给人一种纯粹的喜悦。

它还使用不对称图案和分层元素来创造深度和兴趣。


总结

准备开始新的和不同的工作了吗? 虽然这里有所有不同的网站设计理念的优点和缺点,但每个网站都有一些东西可以被你所加以利用的。

最重要的是尝试。 并非每一个设计每次都会产生很好的效果,但是敢于做出不同的尝试一定都是有价值的。


上一篇:如何在设计项目中使用2019年的Pantone色
向后已无文章