fbpx
极简主义网页设计

极简主义网页设计:前 14 条提示

有一些关于 网页设计 有限的元素可以抚慰人眼。 如果网页很简单,则无需搜索混乱的内容,而无需弄清楚该去哪里或采取什么措施。 随着人们转向较小的屏幕尺寸,极简主义的Web设计已变得越来越流行,因为它们对移动设备的响应很好,而不会使元素变得太小而难以阅读。

大约96%的美国人拥有某种类型的手机, 81%的人拥有智能手机。 创建一个 设计简单 对于移动用户来说,应该有足够的理由使您的设计最小化,但是还有其他优点。 简约的设计可帮助您在竞争中脱颖而出,吸引移动用户,并减轻网络托管计划的压力。

选择简约网页设计的 3 个理由

如果您想知道为什么要选择简约的网页设计,以下三个原因将帮助您理解。

它很快

在当今世界,少即是多。 在网站设计中,您网站的内容越少, 更好的加载时间. 如果您的网站的项目和元素较少,与您的竞争对手相比,它会自动加载得更快。

您可能会感到惊讶,但如果加载时间超过 2 秒,超过三分之一的网站访问者会放弃该网站。 因此,消除过多的组件并采用简约的网页设计是任何网站的必备条件。

易于维护

如果您必须处理繁重的设计,网站维护可能是一项具有挑战性的活动。 但是,带有大量白色负空间和大胆排版的简约网页设计可以使您的网站具有吸引人的外观。

最好的部分是,虽然网站提供了最相关和优化的内容,但它使设计易于维护,甚至可以进行任何更改。

简单是一种视觉享受

没有人希望看到庞大的网页用大而粗的字体和大量的横幅促销和图像轰炸访问者。 真正的美在于极简; 你所需要的只是让它醒目和简单。

以下是极简主义网页设计如此吸引人的 14 大原因,以及四个设计简单但功能强大的网站。 研究其他公司对他们更简单的设计所做的事情可以让您想象如何改变您的网站并使其更具吸引力。

1.炫耀你的UVP

您的独特价值主张(UVP)是您为客户提供的产品,而其他任何人都无法以完全相同的方式提供。 从业界最佳的客户服务到独特的产品,UVP可以为现场访客解决问题。 也许您的UVP是您关心环境并回馈致力于减少能源使用的组织。 关键是找到您对公司充满热情的独特之处。

当您限制设计中的元素时,您就有空间来展示让您与其他品牌有所不同的地方。 与其尝试添加许多功能,不如将重点放在页面的一两个上。 这突出了您的独特性,比共享有关公司的每条小信息要好得多。 它还使用户不会被其他信息分散注意力,并使他们思考如何解决他们的痛点。

2.专注于用户界面(UI)

通过减少网站上的功能数量,您可以在用户界面和 确保用户体验绝对是最好的 有可能。 从可用性的角度来看,您还将有更多的资金和时间来投资设计。 用户界面应该干净,简单和直观。 不必担心添加可能无法在每台计算机或设备上都使用的丰富功能。 相反,应将重点放在创建易于浏览和使用的页面上。

如果您的网站还提供了 移动应用程序 与您销售或提供的产品相关联,然后保持应用程序的界面尽可能简单,从而使客户轻松在几分钟内学会如何使用它。 考虑用户对典型网站界面的期望。 例如,如果他们习惯于在左上角看到汉堡菜单,请将您的菜单放在左上角。 请勿在框外走得太远,以至于用户甚至找不到框。

极简网页设计

优步手语是优步的官方网站,它使有听力障碍的人能够轻松访问汽车服务。 Uber的主要网站以及其应用程序的界面都具有非常简单的设计。 手语网站是相同的方式。 该站点教您如何签名不同的提示,并帮助驾驶员理解听力受损的乘客。 提示包括例如用于左转的信号。 重点仅限于标志,无论驾驶员需要什么,并且都不要将重点放在与该主题无关的任何地方。

3.增加大量空白

做得好简单的设计提供了足够的空白空间。 这不仅让您大开眼界,也将重点放在页面上最重要的内容上。 当您只有一幅图像和一个标题或一个文本块时,就不会猜测买家需要去哪里,并且操作变得直观。 当然,您还必须记住一般的眼动追踪规则,例如说英语的人从左到右阅读,然后在左中和左中曲折,依此类推。 读取模式形成字母“ Z”。

如果折叠上方的区域中的文本和图像多于空白区域,则必须减少物品数量,以使外观更加鲜明。 考虑一下您网页的一个目标,并删除所有不相关的内容。

您可能对空白太疯狂了,但是稍后再讨论。 现在,只需删除不符合您的目的的元素。

4.专注于CTA

呼吁采取行动您的号召性用语 (CTA)可以说是目标网页中最重要的元素. CTA 按钮可推动转化并向网站访问者显示您希望他们采取的操作。 它提供了有关他们在浏览您的网站时会得到什么的信息。

采用极简设计,整个重点应该放在 CTA 上。 该按钮可能比拥挤的网站更大,因为您有更多空间来突出您对用户的呼叫。

有很多方法可以将读者的注意力集中在您的 CTA 上,包括使用与背景相映生辉的颜色和使用简单但切中要害的语言。 尽量让你的 CTA 的话保持简约。

如果你能用更少的词说同样的话,那就这样做吧。 考虑以各种可以想象的方式进行简化,而不仅仅是页面上的项目数量。 简化措辞、颜色甚至形状。

 

Supershuttle班车 通过保持设计简单,整个精力集中在预订班车上。 他们在左上方有一个运动图形徽标,并带有一个简单的导航栏,然后通过让用户输入一些基本信息并将其邀请为“选择乘车路线”,将焦点放在其CTA上。

专注于CTA

CTA按钮的颜色与页面其余大部分不同,它在白色背景下弹出,是页面上最大的功能。 同时,按钮的设计是带有白色字体的简单深绿色椭圆形。

5.隐藏导航

考虑隐藏网站上的导航栏可能与您所做的其他设计的性质背道而驰。 但是,它可以释放大量空间并简化整体设计。 汉堡菜单有时会很麻烦,有些设计师讨厌它们,但是随着移动互联网的使用猛增,它们变得越来越普遍。 用户确切知道这三行代码的含义,以及在需要时可以从哪里找到菜单。 现在,您可以在网站上使用汉堡菜单来隐藏导航栏,而无需牺牲用户友好性。

考虑一下当您不再需要为导航层次结构使用标题的很大一部分时释放的空间。 现在,您可以添加醒目的醒目的标题,或仅将空格留空,以便用户将重点放在您的UVP或CTA上。 整体设计看起来更像是一本光滑杂志的广告,而不是网站上的广告,表明您在 最新的设计趋势。

6.加快您的网站

在对750个消费者和395个营销者的调查中,研究人员发现 70%的消费者 说页面速度会影响他们从品牌购买的意愿。 由于您网站上的功能有限,因此页面加载速度会更快,并且您会增加转化次数。

一个简单的设计不会使脚本或沉重的图像挂在身上而使事情停滞不前。 即使用户通过较慢的Internet连接访问您的网站,他们也会有更好的体验。

加快您的网站

费雪牌 在使主页上的功能最少的方面做得很好。 这允许页面超快速加载。 即使图像也经过优化,因此它们 以经线速度加载。 用户无需等待精美的元素加载,因为Fisher-Price不会将其添加到网站。

7.避免尖锐过渡和刺耳的字体

当您要填满整个空白页并留出大量空白时,很容易选择装饰字体和大块颜色。 但是,您仍然需要坚持良好设计的原则。 您在元素之间的过渡应该是平滑的,并且不会影响查看器。 大胆的颜色可以工作,但是将您在某些地方使用它们的口音限制为几个。 难以阅读的字体令人讨厌,并且可能破坏站点访问者的体验。

而是将页面视为单个画布。 所有元素必须以一种视觉上令人愉悦的方式流在一起,并且彼此有意义。 您需要吸引注意力的项目有限,因此请充分利用现有内容,而又不会加重观众的注意力。

8.撒一些小细节

仅仅因为您的网站是极简主义者,并不意味着您不需要那些定义您个性的小细节。 不要害怕添加装饰感! 只是谨慎地做。 例如,考虑一下可能引起您注意CTA按钮的原因,或者如何在不损害其余元素的情况下显示徽标。 不要添加太多空格,以使页面看起来未完成。

极简设计很难达到平衡。 不需要杂波,但与此同时,也不是荒谬的设计。 弄清楚如何将注意力集中在单个点上而不感到无聊是困难的。 这需要时间和关注细节。 研究其他成功的极简设计可能会给您一些想法。

简约设计

Airtable 具有有趣的优点和简单的设计的完美结合。 重点放在CTA按钮上,该按钮具有一个用于电子邮件地址的表单字段以及一个表示“开始使用”的按钮。 但是,他们还添加了一些有趣的插图,以生动的色彩向人们展示运动中的人物,这些色彩突显在背景的白色空间中。 设计简单但很吸引人。

9.删除未使用的插件和脚本

如果您的网站已经设计好并且您正在尝试减轻其负担,那么您的第一步应该是删除您不再需要的所有插件或脚本。 仅此一项即可 加快您的网站 并帮助您避免错误。 随着您网站的发展,很容易将您过去使用但可能永远不会再次使用的东西留在原处。 有时很难放弃您曾经认为是出色的设计理念。

从您的网站删除您当前不使用的所有内容,即使您只是将其保存到备份文件夹中的云中也是如此。 您可能永远不会再使用它,但是您知道它会在那里需要。 将图片和其他物品从您的网站上移开也可以帮助您避免在确实不需要它们时将其重新添加的诱惑。

10.避免不必要的元素

没有人喜欢有大量广告、动画和弹出窗口的网站,因为这些元素会分散目标受众的注意力。 因此,您必须通过删除此类或类似元素(包括粗壮的图像和冗长的内容)来使用简约的网页设计。

11.号召性用语很重要

为了创建简约的网页设计,您必须在访问者可以看到的地方制作明显的 CTA。 理想情况下,访问者应该能够在登陆您的网站后三秒内发现您的号召性用语。

如果您要在某个部分隐藏 CTA,不要指望访问者来回探索在哪里完成购买。 访问者会感到沮丧并立即跳转到另一个竞争对手的网站。

因此,你必须 让您的 CTA 清晰可见, 并且每页的位置必须一致。 不要让您的访问者努力寻找 CTA 按钮。 您必须确保您的客户可以轻松识别您的品牌并完成所需的操作以进入您的销售漏斗。

12.专注于你的字体、排版和颜色

字体、排版和颜色因此,您现在已经删除了不必要的脚本或删除了不需要的元素; 现在不是处理内容展示的时候。 因此,您要确保您使用的字体和排版清晰易读且易于使用。

例如,您可以在已经简约的网页设计中使用“手写”或“无漫画”字体。 要记住的最重要的事情是在整个网站上坚持使用相同的字体。

您可以使用明亮的颜色。 这不仅会使您的网站看起来更具吸引力,而且有助于划分您网站的界面功能。 简约的网页设计不是缺少颜色,而是巧妙地使用精心策划的调色板和主题。

您可以选择协调工作的颜色。 糟糕的配色方案可能会压倒或混淆访问者,迫使他们放弃您的网站。 最好的建议是在整个网站中使用一种或两种颜色。

 

13. 图像胜于雄辩

如果您认为需要大量文字来解释您想说的话,最好使用图像来代替。 正如他们所说,“图像可以说出一千个单词。”

例如,您想解释如何在线付款。 现在,在这种情况下,您可以创建一个图形指南,而不是用项目符号编写文本指南。 这将使访问者更容易理解。 即使是以前从未使用过在线支付服务或不精通技术的人,也可以按照此视觉指南执行理想的 CTA。

将这些功能添加到您的简约网页设计中可以帮助您在您的利基市场中获得竞争优势。

另一个好主意是使用抽象和梦幻般的插图。 最好的部分是没有公司完全按原样使用这些插图。 因此,您的企业只能使用此类插图与您的品牌进行独特的关联。 这些插图甚至会在您在线看到的数千张图片中脱颖而出。

但是,您必须确保您的目标访问者能够理解您要说的内容。 您甚至可以聘请专业的平面设计师为您创建视觉插图。

14. 直观的网格是简约网页设计的关键

您可以使用直观的网格来简化您的网站设计。 直观的网格使您网站的元素和信息井井有条,并有助于创建逻辑分组。

即使在最初看起来像极简主义设计的网页设计中,部署直观的网格也将有助于建立准确的空间关系。

总结

极简主义 网页设计是一种新趋势 每个企业都必须遵循。 无论您是销售服装的时装设计师还是建筑公司,与非简约设计相比,具有简约和精美内容的网站更有机会将访问者转化为潜在客户。

您网站上的杂乱程度较低,可以更快地上传,让访问者更容易浏览内容。 说实话; 阅读您的网站不应该感觉像对其进行研究。 客户必须能够访问该网站,浏览尽可能少的内容以了解您提供的内容,然后单击 CTA 按钮完成交易。

如果您正在寻找一个完美、快速且具有视觉吸引力的网站,简约的网页设计是完美的解决方案。 请记住,完美的网页设计并不是指您没有更多空间来添加更多元素、内容或附加组件。

简约的网页设计将帮助您实现转换目标,同时以最简单但具有视觉吸引力的方式展示您的内容、产品和服务。 因此,请遵循本文中的上述提示,轻松实现简约的网页设计。

我们就此主题采访了几位行业专家。
这是他们的回应;

Vanessa(MacAulay)Bruce,联合创始人 面团

为什么简约的网页设计如此吸引人?
焦点! 简约的设计使我们能够一次专注于一个元素,而不会分散注意力。 在一个我们经常被过度刺激的世界中(无休止的滚动,聊天机器人,红色的通知气泡),令人耳目一新,不用辩论将注意力转移到哪里。 出色的极简设计为我们做出决定。

您如何计划和构造简约设计?
您希望某人从您的设计中夺走的第一大信息是什么? 答案就是您设计时的北极星。 从那里开始,设计各种信息流,进行测试!,并切出所有干扰页面目的的内容。

列出您最喜欢的3种简约设计,以及您最喜欢的设计。
负空间的数量与简短的+甜蜜的任务陈述以及不分散注意力的精简导航配对。

www.daily-harvest.com
www.summersalt.com
www.grammarly.com

来自的Ysmay 代理109.com

在这个充满混乱和压倒一切的世界中,我们拥有比以往更多的信息流入我们的屏幕,设计简约的网站在人群中脱颖而出。

吸引力很简单:网站访问者在信息较少的情况下更容易查找和处理信息。

当争夺访问者注意力的元素减少时,他们可以轻松掌握所有内容,确定点击位置,阅读内容以及如何采取措施。

但是,对于专业人士而言,挑战是大多数客户不会将简约的网页设计视为一种收益。 客户主要希望用他们认为访客需要的所有东西来填充他们的网站。 多余的文字。 更多图形。 其他按钮。

这种方法的问题是客户不是他们的 理想的网站访问者。 客户对网站的需求和访客的需求通常是非常不同的。

实际上,网站访问者甚至不会查看混乱的网站上的大多数信息。当您的网站过于混乱时,您会让访问者感到不知所措。 当访客遇到您品牌的其他元素时,他们会带着这种感觉。

这是规划简约网站设计的方法。

首先,明确网站的目标。 目的是什么? 销售? 铅? 在行业中定位?

其次,弄清客户在网站上想要的一切。 为了使其最简单,请在入职过程中执行此操作。

第三,回到网站的目的,剔除一切不会使网站更接近目标的东西。

您的目标是使网站元素降至最低限度。 您可能会惊讶于得知您通常可以在创建一个更具影响力的网站的同时从客户想要包含的内容的50%-80%中删除任何位置。

在您的设计过程中,请遵循一个简单的理念:少即是多。 在元素周围留出足够的空白。 提供足够的空间让元素脱颖而出。 删除不必要的单词,并将您使用的图像数量减少到仅用于传达相关信息所必需的图像。

最喜欢的简约设计:

1.日本天气协会:www.jwa.or.jp

您无需阅读日语即可了解这是一个设计精美的网站。 我的最爱:它只为访客提供绝对必要的东西,同时策略性地使用现代图像和视频传达情感。

2.在《我们信任的杂草》中

这种瑞士大麻文化 电子商务商店 使用简约的设计原则来销售产品。 我的最爱:这个网站使用现代CSS动画,大量空白和强大的品牌资产。

3.清晰艺术:www.clarityarts.com

专门从事定制家具的Clarity Arts是高端奢侈品市场网站的一个例子。 我的最爱:这个网站使用醒目的图像和少量文字来传达他们的专业知识,并在宜家主导的行业中脱颖而出,成为奢侈品牌。

制定周密的计划

由于您在使用极简设计时可以添加的内容非常有限,因此必须仔细计划站点中的元素。 获取反馈,进行拆分测试,并仅保留网站访问者实际点击且符合您的品牌目标的那些商品。 尽管提前计划是创建简单设计的重要组成部分,但您也应保持计划足够灵活,以应对不断变化的受众人口统计数据和影响设计的技术变化。

极简设计年复一年地受欢迎的原因是:它允许设计师专注于页面的主要目标,并创建吸引用户的视觉上令人愉悦的设计。 从今天开始,减少您网站上的混乱情况,弄清楚您的主要目的是什么。 其他所有事情都只是布置元素并为任何设计增加简单性的问题。

安吉洛·弗里西纳阳光媒体

作者介绍

Angelo从事创意IT领域已有20多年了。 他在1998年使用Dreamweaver,Flash和Photoshop建立了自己的第一个网站。 他通过学习更广泛的编程技能(例如HTML / CSS,Flash ActionScript和XML)来扩展自己的知识和专业知识。

Angelo在澳大利亚悉尼完成了CIW(认证的Internet网站管理员)计划的正式培训,学习了计算机网络的核心基础知识以及它与万维网基础结构的关系。

除了运行Sunlight Media外,Angelo还喜欢编写与Web和应用程序开发,数字营销和其他技术相关主题有关的信息性内容。