火星网校
极简主义网站:您需要了解的内容
发布时间：2024-04-11 09:56:28 浏览量：212次
极简主义的网站可帮助用户更快地思考。
在当今时代，用户变得越来越不耐烦，技术倦怠变得越来越普遍，为使互联网时代的业务成功，保持镇定和清晰（至少是最小的）的设计至关重要。
让我们定义极简主义的网站设计，并为您和您的用户解释它的好处。我们将进入：
- 简约设计的美学标志
- 极简主义的UI好处
- 极简设计如何阻止用户发展技术倦怠，以及为什么这对您的成功至关重要
视觉美学
当我们想到极简主义时，默认情况是默认到我们可以看到并与之互动的极简主义方面。
例如，Apple的美学在很长时间方是公认的，并且是科技界的主要潮流引领者。尽管相对简单，但它们的设计始终在美学上令人愉悦。
其原因是它们的视觉风格极小。
让我们探讨一下这的真正含义，有助于最小化视觉美感的各种因素，以及为什么这些因素如此有效。
白色或黑色
白色的中立不仅在用户眼中很容易，而且在他们的脑海中也很容易。颜色不代表任何东西-意味着用户不会被它分散注意力或被迫考虑颜色实际代表什么。
白色背景可以使号召性用语和有意义的文字等重要元素脱颖而出，以发挥最大的作用，同时还可以确保它们之间的最佳色彩对比。当其亮度与对比色相匹配时，它是可访问性的绝佳工具。
Slack的白色背景使文本和按钮更生动
黑色是白色的“严肃”替代。它仍然传达了一个简约的，以内容为中心的UI，同时传达了一种“更适合”的感觉。
黑色是新的白色吗？
无衬线字体
Sans-serif字体看起来比衬线字体更干净，这就是为什么它们通常被大型企业所放心的原因。结合使用sans-serif字体，大字体和/或粗体字体可以最大程度地发挥影响力和情感，并且，如果我们明智地选择单词，它们可能是我们网站上最迷人的方面。少即是多的情况。
微软，采取“少即是多”的方法
粗体颜色
粗体颜色与白色和黑色背景形成了很好的对比，尽管它们本身用作背景颜色时，它们看起来几乎可以与白色或黑色一样小，同时还传达了更多的情感和含义。
决定创业是一个情感决定。Shopify通过出色的图像和美丽，大胆的色彩加强了这一事实。
渐变是使用粗体颜色而不会使用户不知所措的绝佳解决方案，尤其是与无衬线字体配合使用时。这是Dribbble的一个示例，向我们展示了极简主义如何在不同程度上存在，以及极简主义网站如何以许多不同的形状和大小出现。
情绪化，但简单。
渐变色极少，但令人着迷
扁平化设计
扁平化设计是一种网站设计趋势，大约在2012年浮出水面。这是极简主义的视觉吸引力，尽管NNGroup 强调了严重的可用性问题，因为平面设计将极简概念应用于按钮之类的交互元素，使它们看起来好像他们根本没有互动。
这导致了“ Flat 2.0”的出现，它使用圆角和阴影在不使UI混乱的情况下为这些交互式元素增加了更多的深度。
圆角很有效，因为它们类似于现实生活中的按钮（具有圆角）。阴影更贴切，因为它们为按钮提供3D元素，将它们与设计分离并调用真实的元素。
缓冲区：简单而平坦，但不要太多
如果我们无法澄清交互式点击目标是交互式的，那么我们的设计将变得无法使用，因为用户随后被迫计算出可点击的内容和不可点击的内容。这种复杂的思维违背了极简主义应该实现的一切。
正如史蒂夫·克鲁格（Steve Krug）在有史以来最重要的设计和可用性书之一中所说的那样，不要让我思考！
极简主义的视觉美学肯定会使我们的设计更整洁，但在设计UI时，我们不应过分夸大其词。
首先关注清晰度/可点击性，其次关注视觉吸引力。
设计最小的UI和内容
设计极简网站的UI和内容有四个主要问题：
- 明晰。信息是否清晰？
- 可发现性。用户如何轻松找到东西？
- 选择能力。用户如何容易地做出决定？
- 可扫描性。用户扫描文档有多容易？
InVision Studio主页是干净整洁的，但是如果需要，可以提供其他信息。
避免视觉混乱
经验法则：如果有用但对大多数用户或在用户当前上下文中没有用，请将其隐藏。
隐藏某些东西以减轻认知负担的示例是将不重要的导航项移到画布菜单之外时，仅在实际请求时才显示。
这背后的想法是：为什么当用户甚至根本不需要查看或使用它时，为什么要迫使用户考虑它的含义？
我们还需要考虑以下事实：如果信息太多，用户将在关键时刻无法回忆起重要信息。
认知负荷会影响我们的记忆力。 当被太多的对象或选择淹没时，我们陷入瘫痪，不知道去哪里。没有布宜诺斯艾利斯
使用视觉等级降低认知负荷
视觉层次结构应指示每个元素的重要性并影响其查看顺序。这意味着我们需要在视觉上对某些元素进行优先排序，以帮助用户准确了解正在发生的事情。例如，假设一个产品的价格显示的字体大于产品标题的字体。用户也许会知道该产品的价格为10美元，但由于他们还不知道该产品是什么，所以会困惑几秒钟。当事实证明他们根本不在乎产品时，情况就更糟了，因为他们现在已经处理了对他们没有用的信息。
这听起来像是一个小警告，但来自每个小设计缺陷的认知负担加起来并可能导致用户分心。
提供更少的选项，以提供更流畅的体验
正如希克斯定律所描述的那样，可供选择的更多选项等于较慢的响应时间。当选项太多时，用户可能会遭受决策瘫痪，这是由于认知超负荷而无法选择选项。
例如，耐克（Nike）的网站旨在仅一次向您展示一些产品。
除了标准的极简主义品质外，耐克还清晰地向用户显示了路线图上的内容，而没有显示太多有关每种产品的信息。
Atoms网站是一个成功的例子，说明减少了选项的数量。主导航仅容纳四个导航项，次要项移至网站页脚。一旦用户选择“找到适合自己的衣服”，就会向用户展示一次对话式选择一个正确产品的方法。
减少选项数量，使决策更容易做出
设计功能摩擦
就像视觉上的混乱一样，功能性混乱也增加了用户的认知负担，并可能引起巨大的注意力分散，从而导致转化次数大大减少。
电子商务就是一个很好的例子，其中34％的遗漏结帐是由于用户被迫创建帐户而造成的，这造成了巨大的财务损失。
34％的放弃结帐是由于可以避免的摩擦
假设地说，这并不意味着在这种情况下我们需要强制执行访客结帐，但是我们可以使创建帐户为可选。如果我们真的想最大程度地减少用户的认知负担，我们可以要求用户在结帐后创建一个帐户，以使用户甚至不会因创建帐户而分心！
减少摩擦以获得更多转化
创建用户流程图是在深入研究原型之前减少网站摩擦的好方法。
[试用InVision Freehand，这是一种使创建用户流程图变得轻而易举的素描工具。]
这样，如果由于功能混乱而有任何摩擦的时刻，我们可以重新考虑用户的旅程，而设计出更加流畅的体验。
防止用户出现技术倦怠
我们生活在世界上最感官的版本中。不乏包含它们的应用程序和网站或设备。新技术的迅猛发展意味着，我们的日常物品（手表，厨房，背包）正以数字方式注入了新技术和新功能，这些功能声称可以改善我们的生活。
但事实是，从长远来看，实际上只有少数几个能做到。
更多技术，更多问题。
作为有缺陷的人，我们只能应付一定量的认知负担，而我们积累的几乎所有东西都会造成这种负担。这不仅适用于我们拥有的产品，还适用于它们所需的设置和维护，以及操作它们所需的知识和信息。
并假设我们确实使用了该产品-我的意思是，由于时间或动力不足，您是否曾经在几个月后停止使用年度订阅？
社交媒体有些不同。许多用户沉迷于此，其中许多人每天至少花两个小时专门用于社交媒体。
每天根本没有足够的时间来使用，阅读，观看或以其他方式消耗我们想要的所有东西，尽管真正的难题是这会对我们的心理健康产生长期影响。
这使我们感到负担重。
负担是压力与义务的结合。压力，因为我们不允许自己放松下来，用某种形式的技术填补每个醒着的时刻。由于许多产品使用游戏化和锁定合同不合道德地保留用户的方式而产生的义务。然后是我们对廉价商品和次之佳品的热爱。
过量使用技术的诱惑无处不在。
负担对网站用户的影响
当用户感到负担重时，他们可能会感到两件事：
- 不耐烦。他们只会愿意花少量的时间和精力来与网站互动，如果碰到很小的障碍，他们可能会放弃网站。
- 沮丧 如果用户对选项或选择不知所措，他们转换的可能性就较小，而尝试竞争对手或完全放弃搜索的可能性就更大。
简而言之，当用户访问网站时，他们的不耐烦和注意力下降的机会很可能会导致他们过早退出。可悲的是，对于当今大多数用户而言，这只是正常现象。
简约设计如何为用户提供帮助？
作为数字设计师，我们能够减轻产品的认知负担，减少压力，烦躁和沮丧。
在不断需要我们关注的数字世界中，我们的网站可以为您带来新鲜空气。诀窍是设计极简网站，这些网站不会对用户已经很沉重的认知负担做出很大贡献，因此让我们来看看如何通过采用极简网站设计方法来改善网站用户体验。在此过程中，我们还将查看一些极富启发性的极简网站示例。
极简主义网站不仅仅是视觉美学。极简设计是一个过程，它需要尽可能清晰，但要尽可能少。
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
