个性化阅读
专注于IT技术分析

野兽派网页设计,极简主义网页设计和Web UX的未来

本文概述

网站是否变得更加混乱, 混乱和不完善?好的设计规则是否被打破?网络变得丑陋吗?这是新趋势吗?

如果你像大多数设计师一样, 并且密切关注正在发生的事情, 那么你会听到野蛮主义这个词被抛弃了一段时间。野兽派网站已不再是长期以来一直是行业最佳实践的用户友好界面, 而是专注于不完善的手工编码HTML网站。似乎设计师正在剥离我们所知道的UX规则, 从而使一切都有些混乱。

时尚, 现代的设计原则非常普遍, 以至于我们几乎不认为它们是一种风格选择。 “好的”网页设计通常是指遵循极简主义规则的网站设计。干净, 简单, 整洁的界面-并非总是如此。让我们将时间倒流几十年。

网络的诞生

自1991年发布第一个网站以来, 网站设计已经走了很长一段路。互联网革命始于其第一批使用第一代HTML的完全基于文本的网站。

1991年万维网第一个站点

1991年8月6日上线的第一个网站”设计”。

然后出现Flash, 每个人肯定都记得这些疯狂的动画网站。随着CSS(层叠样式表)的发展, Web设计人员可以更好地控制增强功能, 如背景颜色, 文本大小和代码中的文本样式。 JavaScript为我们提供了下拉菜单, 高级导航和带有错误检查功能的Web表单。

最初, 没有人知道” Web设计”的真正含义, 而Web的先驱则通过反复试验来建立设计模式。 Web设计的早期时代使用的布局很少关注形式语义和可访问性, 而是选择美观而非结构。

1998年以来的Google网站

Google网站-1998年

为了构建和构造设计, 设计人员严重依赖于HTML元素, 例如表格, 嵌套表格和不可见的1像素间隔文件, 使他们能够创建更复杂的多列布局。它提供了一些非常呆板的界面。

始于2000年的CNN.com网站

CNN网站-2000

2004年的安然网站

安然的网站-2004

在2000年代中期, 网站诞生之初就对结构进行了更加仔细的思考。导航位于浏览器的顶部, 类别位于左侧的栏中。网页保持简短而狭窄, 内容分散在许多页面上, 以免迫使用户滚动。设计师了解了哪些方法有效, 并开始建立更好的网站, 并一路建立标准和最佳实践。

随着越来越多的布局选项, 到处都是嘈杂的UI, 到处都是图像和文本。但是, 一些训练有素的设计师仍然选择了极简主义。

极简主义美学

设计趋势来去去去;然而, 极简主义是一种设计语言, 一直存在。它是一种设计哲学, 着重于通过使用设计中最简单, 最基本的元素来实现形式的简化。

极简主义不是网站设计独有的。考虑一下你周围包含设计理想的所有元素;将极简设计与Nest, Apple, Herman Miller以及许多启发了许多极简设计师的其他事物联系起来很容易。

简约设计的Nest家用设备

Nest标榜低调, 简单的产品设计

Herman Miller Eames Rosewood 670/671休闲椅和奥斯曼简约设计

永恒, 不可替代的办公室经典Eames休闲椅

苹果简约设计的MacBook Pro

时尚, 简约的风格是苹果的名片

是什么使Herman Miller的设计在今天仍然很棒?它们只是经过精心设计的具有永恒外观的对象。他的设计在当代家庭和室内装饰中都非常出色-他们今天仍然感到新鲜和现代。他的许多作品都以简约的外观设计, 因此并不能真正与特定的时尚联系在一起。他们仍然经受住时间的考验。

约瑟夫·穆勒·布罗克曼(JosefMüller-Brockmann)是他那个时代最著名的平面设计师之一, 他的极简设计与赫曼·米勒(Herman Miller)的设计非常相似:永恒。 Müller-Brockmann在1940年代和1950年代以瑞士风格的设计形式拥抱并掌握了极简主义。

他的图形设计没有任何多余或多余的装饰;他布局中的每个元素都有其目的。这种方法背后的设计思想是使极简数字设计在今天非常出色的原因。

约瑟夫·穆勒·布罗克曼(Josef Muller Brockmann)海报

约瑟夫·穆勒·布罗克曼(Josef Muller Brockmann)整洁, 现代的版式和海报设计

极简主义如何在数字时代建立

历史总是找到追赶我们的方法。就像在印刷设计中所做的那样, 极简主义及其背后的哲学紧跟网页设计和其他数字产品。想一想几年前网站的外观如何, 其光滑的按钮, 线条和文字段落吸引了所有人的注意。

然后是拟态化趋势, 设计师设计了模仿数字空间中现实生活对象的元素。还记得Apple iCal的皮革内衬吗?

最小的设计实际上是有意的。这是一种设计方法, 它消除了所有不必要的内容, 并专注于应该引起最大关注的元素-强调内容。

极简主义网页设计主屏幕

用三个简单的词来关注数字代理商的核心实力-Convoy

Chylak的主屏幕网站

这种极简的电子商务设计将重点放在服装上, 消除了所有不必要的干扰。 -Chylak服装

极简iOS应用程序设计

借助Investr的简约应用程序设计, 用户无需再有其他麻烦, 便可以专注于关键的UI元素。

极简设计的好处

简约设计方法之所以流行, 不仅是因为外观。我们对用户行为, 设计思维过程以及基于内容优先的设计过程的日益加深的了解已帮助这种思维向前发展。最近移动用户的大量增长已成为向极简主义发展的强大加速点, 它更加注重用户体验和可用性。

随着用户现在随时随地访问互联网, 产品设计师必须专注于提供当下上下文中绝对必要的内容:以正确的方式在正确的时间提供正确的东西, 从而将设计简化为其最基本的特征。

现在, 移动使用量占所有网络访问量的一半以上, 而且这一比率只会增加。响应式设计已经改变了游戏规则, 并迫使设计师”思考不同”。如今, 响应性或自适应设计比以往任何时候都更加重要, 在移动世界中, 简约的设计方法至关重要。

对于普通用户而言, 极简主义似乎是最容易设计的东西。使用最少的视觉内容来实现完美的平衡, 而只专注于最大程度地优雅的基本元素实际上是非常非常困难的。

极简主义的未来

我们应该将极简主义视为永恒的概念, 散发出优雅和精致, 而不是实际趋势或简单的过渡阶段。自20世纪初实施以来, 我们已经看到, 尽管它具有永恒的经典意义, 但它会不断发展和完善。

例如, Google的Material Design是采用简约风格的”扁平”设计方法的首批主要改进之一。 Google的设计师保持简单和极简主义, 但是通过使用阴影效果以及移动和深度的概念来增强了他们的设计语言。材料采用带有特殊设计的平面设计:模仿实际材料。

Google物料设计指南网站

Google物料设计指南网站

极简主义的弊端

与生活中的其他元素一样, 我们总是必须同时考虑利弊。许多人争辩说, 当今的网站缺乏风味, 并且几乎都是相同的。你知道吗–大英雄图像或带有叠加文字的视频, 带有文字的图标行等等。任何人都可以花费几分钟的时间, 拿出10个看起来非常相似的网站。这是否反映了我们不断变化的在线行为和偏好?

设计一致性和针对常见用户行为的设计在每个设计中都非常重要, 但我们不能忘记独一无二的价值。我们是变得懒惰还是只是将思想从独特性转向了更有效的用户体验策略?

具有简约设计的登陆页面

执行得很好, 但缺乏独创性。产品的大英雄形象, 一些文字以及带有文字的缩略图。

网页设计中的野蛮主义

由于粗而缺乏对舒适或轻松的关注, 野蛮主义可以被视为年轻一代对当今无所不在的简约网页设计的轻巧, 乐观和轻浮的反应。

有些人喜欢它, 有些人讨厌它, 而另一些人只是不了解它:野兽派网站。

以Craigslist为例。 Craigslist必须被视为野兽派网站的”祖父”。它在美学上并不令人满意, 因此永远不会在www.awwwards.com上进行宣传。黑色文本, 蓝色链接, 白色背景。不好看不一定是因为它有效-而且确实很好。你会发现购买或出售物品时无需大惊小怪, 也没有任何多余的活动部件。

Craigslist网站野兽派风格的网页设计

Craigslist是大量的蓝色链接。准系统功能的用户界面。

自1996年成立以来, Craigslist一直保持着它的受欢迎程度, 尽管(或者也许是由于)它的极实用主义的设计。在过去的20多年中, 设计没有发生任何重大变化。

也许受到Craigslist的启发, 野兽派风格卷土重来。以下是使用野兽派风格的出色执行设计的出色示例。

采购设计学院野兽型网站

采购设计学院以粒状渐变背景上杂乱无章的纸牌展示了一个画廊。

野兽派网站设计示例

Konsept83从互联网的早期获得了灵感。

野兽派网站设计实例

创意炫耀乌得勒支采用大胆的色彩和野兽派的设计风格。

野兽派网站设计的网站示例

Slugz网站上的非常规, 野兽派设计布局

这些野兽派网站正在迅速流行。为什么这些网站突然如此受欢迎?是否因为某些设计师对网络的同质化感到厌倦?

在用户体验设计是最重要的时代, 用户行为和内容至上的方法才是最重要的时代, 这些站点上的用户体验很糟糕(故意)。与极简主义原理相反, 这些设计是面对面的, 文字和图像的拼贴在整个位置(再次有意地)进行了布局。

野蛮主义简史

野兽派的设计风格并不新鲜。在Wikipedia上进行快速搜索后, 你会发现该样式实际上来自1950年代至1970年代中期的野蛮建筑。有趣的是, 野蛮主义之后是极简主义是关键的现代主义建筑运动。

勒·柯布西耶(Le Corbusier)是这项运动的最大先驱之一。他的职业生涯跨越了五十年, 在欧洲, 日本, 印度以及北美和南美设计了建筑。

该术语源自法语单词” brut”, 意为”原始”, 正如勒·柯布西耶(Le Corbusier)所描述的那样, 他选择的材料是”原始混凝土”。超级功能主义的设计似乎只是为了提供实用性, 而并非取悦他人, 就像让现代主义动了手指一样。

野兽派试图面对一个大规模生产的社会, 并将一首粗糙的诗歌从正在起作用的混乱而强大的力量中剔除出来。到目前为止, 野蛮主义已经在样式上进行了讨论, 而其本质是道德的。 –Alison和Peter Smithson, 《新野兽派, 建筑设计》(1957年4月)

野兽派的设计全面拒绝外观, 选择功能而非形式。野兽派的设计师以能够以最小的努力和最便宜的材料执行设计而自豪, 以实现更诚实, 更反资产阶级的结果。

蒙特利尔的人居67住宅区以野兽派风格建造

1967年4月27日, 萨夫迪(Safdie)的城市住宅群被称为人居67, 在蒙特利尔举行的世界博览会67世博会上揭幕。

数字时代的野蛮主义

彭博新闻网站采用了自己的方式。该设计几乎是扎眼的, 并且显然侧重于原始功能。

彭博野兽派网站

彭博首页

野蛮主义正在卷土重来。丑陋, 原始的设计无法突破, 疯狂的悬停效果和表面装饰无处不在。许多纯粹主义者认为这种趋势是苛刻, 粗糙, 崎, 、不舒服, 对抗和愤世嫉俗的。它是。故意。

The Outline-野兽派网站设计

在线杂志《 The Outline》选择了明亮, 华丽的野兽派风格, 掩盖了其前卫的编辑风格。

野兽派有一种更原始​​的设计方法, 并将重点重新放到了网页设计的核心:其代码中。野兽派通常被描述为一种”丑陋”的设计趋势, 但我们必须超越这一点。野兽派运动背后的哲学不是使事物”丑陋”, 而是原始而朴素。

可以说, 当今的野兽派网站基于90年代的DIY网站, 着眼于一种由内而外的方法, 而不是将功能隐藏在美丽的外表之下。

流行的社交共享网站Reddit的UI设计毫无疑问是原始且四方形的, 充满了90年代后期的网络排版, 未经改进的沉重控件以及几乎没有垂直呼吸空间。

Reddit的野兽派UI设计

Reddit追求功能, 拥抱早期网络的亮蓝色链接。

设计师Pierre Buttin通过一系列重新设计的移动应用程序将野蛮推向了一个新的高度。 Buttin在他最新的名为”野兽派重新设计”的项目中, 以野兽派风格渲染Facebook, Instagram, Twitter和其他受欢迎的应用程序, 并使用大量文本和扁平化的设计。

Facebook的野兽派风格应用程序设计示例

Facebook的移动应用以野兽派风格进行了重新设计。

Twitter的野兽派风格应用程序设计示例

Twitter的整洁, 轻巧的设计风格, 野蛮的改头换面。

野蛮主义与极简主义

野蛮主义和极简主义不应被视为一种比较, 而是一种看待事物的新方式和另一种设计方法。野蛮主义是对当今网站和应用程序同质化的一种推动, 但是在设计师甚至可以开始使用野蛮主义方法设计网站之前, 他们首先必须知道要打破哪些规则。

传统的简约设计不会被野蛮主义所取代。我们必须将野蛮主义视为一种挑战现状的设计文化, 一种厌倦了被告知”最佳”的文化。

在你的下一个项目的这些样式之间进行选择时, 没有对与错。不过, 在用尽野蛮主义的设计风格设计下一个网站或应用程序之前, 请确保你了解受众群体。如果你认为公司和你的听众会欣赏它, 请冒险。

野兽派网页设计吸引了人们的注意, 并且品牌知名度正在迅速增长。规则被打破。敢于让网络成为网络。敢于站出来, 大胆一点, 即使有点怪异。

赞(0)
未经允许不得转载:srcmini » 野兽派网页设计,极简主义网页设计和Web UX的未来

评论 抢沙发

评论前必须登录!