掌握网页设计中的极简主义

当涉及到网页设计时,术语“极简主义”仍然引起很多混乱。它是什么?我们应该如何使用它(如果有的话),以及它在平面设计,flat 2.0,材料设计以及其他现代设计系统和视觉美学之外的应用范围呢?


首先,让我们看一下极简主义。极简主义是扁平的还是扁平的?有可能。极简主义是白色的吗?有可能。极简主义意味着更少的混乱吗?可以的 极简主义看起来很像很多东西,看一看我们的极简主义网站设计综述,了解一系列示例。


但是,我们常常忘记了它的目标是什么,以及为什么我们真正需要它。从根本上说,极简主义设计主张清晰与意图并存。换句话说,“只不过需要什么”就可以将用户的注意力转移到体验中最有价值的方面,而不再关注可能会分散用户注意力的方面。按照这种逻辑,所有设计都应该最小化,但前提是我们正确使用了极简主义。


当然,简约的设计可能看起来不错,但绝不应该以清晰度为代价,即设计显示出显着的简约品质,但没有自觉的思考,就会显示出缺乏任何直观功能或可用性的精美外观。本期深圳网页设计公司Angle将逐步介绍如何实现极简主义。


网页设计


1、极限选择
限制选择是减少认知负担的一种方法,反过来又可以帮助用户更有效地做出决策。但是,出于可用性的考虑,我们需要包括以下几点:
  • 相关选择
  • 替代选择


相关选择

确定与用户相关的内容取决于上下文。如果我们正在显示新博客文章的列表,则决定要展示的文章可能取决于用户是否登录。使用前者,我们可以使用人工智能来解密用户的阅读口味。对于后者,我们将无法为特定用户量身定制内容,但这并不意味着我们没有可供使用的数据。我们仍然可以根据流量数据列出结果。但是,这就是内容。对于用户界面,跟踪工具(例如Google Analytics(分析))可帮助我们进一步了解用户的行为。诸如Crazy Egg和Google Optimize之类的A / B测试工具可以测试我们布局的其他版本。热图还可以指示用户做什么和不关心什么。或者,如果你是从头开始创建应用程序或网站,则在没有数据的情况下,通过可用性测试来设计信息体系结构将是一种更好的策略,开放式和封闭式卡分类或功能显着性测试在这里浮现。因此,正如你所看到的,有很多方法可以获取定性和定量数据,并将其组合以做出明智的决策。


替代选择
如果我们设计良好的信息体系结构,我们将提供访问替代选项的简单方法。对于内容,这可以是“查看全部”按钮,但是对于导航,则可以是汉堡菜单(是的,汉堡菜单还不错!)。即使涉及极简主义,少花钱多了,但这并不意味着我们需要限制整体产品,而只需要限制我们的前期产品。最小的杂物=最大的冲击力!

2、去除视觉混乱
说到杂乱无章,视觉杂乱指的是只会增加情感价值的装饰风格,即它们看上去很酷,但没有太多其他作用。现在,我确实喜欢看起来不错的东西(不是所有的设计师吗?),情感设计非常重要,尤其是在基于消费者的行业中,但是有一个理由将其称为表面层,应用于最后。当涉及到表层时,跟风很容易运行,有些人称之为过度网页设计。如果你觉得有些不对劲,可可·香奈儿(Coco Chanel)曾经说过:“配饰时,请脱掉您穿上的最后一件东西”。但是,如果你真的想采用更明智的数据驱动方法,那么我想使用一个非常巧妙的技巧,其中涉及屏幕共享。共享屏幕时,吸引一些用户,并让他们决定要打开和关闭的样式。继续进行直到用户对视觉吸引力和可用性都满意为止。 根据具体的点击目标(按钮,链接,输入字段等),可视能力测试可以揭示哪些元素似乎是可点击的,哪些元素不是可点击的。你可能会发现前一种技术更有用,因为它还会揭示解决方案(即删除哪些样式以减少视觉混乱)。

3、优化视觉层次
我们已最小化了我们的前期产品,并在视觉上对其进行了优化,以减少认知负担,但我们是否可以进一步采取这一措施?当然,但是我们还需要记住用户是懒惰的-在用户阅读之前,他们会进行扫描。这意味着在用户简要地整体扫描我们的UI和内容的地方,即使是最小的视觉干扰也可以使用户远离真正重要的事物,从而使可扫描性的最小化变得越来越重要。除此之外,最小化后剩下的元素应该很好地互补。如果我们说的多,少即是多。

内容和标题
由于用户通过扫描标题来对内容进行开头,因此这些标题应该非常有用,不仅暗示其所附段落将详细说明什么,而且还足够好,即使用户仅阅读标题,他们仍然会满意地走开,这仍然是事实即使就SEO价值而言,这会使我们付出代价。毕竟如果用户到达后我们无法提供体面的阅读体验,那么获取将有什么用?标题也应受益于清晰的印刷层次结构,以帮助用户了解单个内容摘要如何构成信息主体。

用户界面和颜色
类似的概念适用于UI和颜色。颜色不仅可以帮助进行对比,还可以帮助推断含义,因此当用户遇到这些拍击目标时,他们会自动了解它们在做什么或将导致什么。正确设置标题和颜色可能与极简主义没有直接关系,但可以确保我们不愿最小化的元素尽可能有效。否则我们会冒过度设计的风险以进行补偿。

4、少花钱
'将所有内容都放在一个屏幕上。比较简单,对吧?从理论上讲,这听起来像是一个一流的想法,但这并不是在所有情况下都可行的解决方案。有些设计比其他设计复杂,而且对谁来说简单?你需要注意将更简单的实现(使开发人员的工作变得更容易)和更简单的UX(使用户的工作更容易)相混淆。考虑将大量使用UI的组件分解为较小的用户流。从技术上讲,这确实会带来更多收益,但会产生更少的错觉。通常这意味着将长格式分解为逻辑步骤,但也可能意味着将长篇文章与图像分解。

总体而言,简约是一个棘手的话题。有时,我们将其表示为一种视觉美学(平坦的UI,白色背景等),而有时我们将其视为一种概念甚至一种生活方式。在用户界面设计方面,最好的考虑方法是考虑每个元素对认知负荷的影响。
在设计以减轻认知负担时,请针对每种样式,用户流,交互和功能,向自己提出以下问题:
  • 需要吗?
  • 遮盖元素是否更重要?
  • 它是否被不重要的元素所遮盖?


它归结为视觉层次结构,消除了混乱,并使用网页设计来表示重要性。有时这意味着如果它可以帮助用户将注意力集中在真正重要的内容上,就将视线移开了。 本期深圳网页设计公司Angle就为大家分享到这里。

相关资讯

上市公司网站设计欣赏

  • 2017-07-20

深圳维仆网站设计公司专注高端网站设计14年,不断为企业... 查看详情

网站设计中动态图标的设计技巧

  • 2017-07-20

在网站设计过程中,您是否想过为什么我们对动态图标会更... 查看详情

深圳企业网站设计公司|高端网站定制

  • 2017-07-20

当下企业网站依旧是企业通过互联网展示自己的重要阵地... 查看详情

深圳最佳企业网站设计公司|品牌网站设计

  • 2017-07-20

对于大多数企业来说,从新开始创建一个新网站设计可能是... 查看详情

社交媒体给网页设计带来的启发

  • 2017-07-20

在这个时代,我们无时无刻不在受社交媒体的影响。并且In... 查看详情

网站设计中应用插图的 6个理由

  • 2017-07-20

在过去的几年里,网站设计中应用原创插图一直是最流行和... 查看详情

重新设计网站需要考虑哪些因素

  • 2017-07-20

当我们的业务发展有变化、考虑用户体验改进、调整营销... 查看详情

UM印刷企业网站设计赏析

  • 2017-07-20

这是一个印刷企业的网站设计,网站的主色调为灰色,有利于... 查看详情

2022年沉浸式体验网页设计分享

  • 2017-07-20

逆境带来创造力,新冠限制迫使世界调整活动的举办方式,刺... 查看详情

简介大方的网页设计欣赏

  • 2017-07-20

过去几年网页设计发生了巨大变化。撇开响应式网页设计... 查看详情


分类

热门新闻

标签

热门标签: webhivers 外贸网站建设 网站建设 深圳网站建设公司 专业网站建设 深圳网站设计 网站设计 网页设计 网页设计公司 网页 网站制作 企业网站 佛山网站设计建设公司 产品展示型网站 网站优化 

相关标签: 深圳网站设计 网站设计 深圳网站设计公司 网站设计公司 

联系
  • 地址:深圳市罗湖区中海慧智大厦1A座706
  • 热线:0755-8672-1169
  • 直线:137-2893-6255
  • Email: 2503595831@qq.com
  • 周一 - 周五:10:00 am - 7:30 pm
    周六 - 周日:休整
  • 服务城市: 深圳   广州   香港   成都   台湾   珠海   汕头    甘肃   中山   佛山   长沙    东莞
  • 深圳区域: 罗湖   福田   南山   盐田   宝安   龙岗   龙华   光明   大鹏   坂田   西乡   科技园