Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区人民南路国际商业大厦20楼(地铁1号线国贸站E出口既是)

    szniego@126.com


    © 2007-2020 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

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

    时间:2020-09-27  作者:Angle  来源:www.niegoweb.com

    当涉及到网页设计时,术语“极简主义”仍然引起很多混乱。它是什么?我们应该如何使用它(如果有的话),以及它在平面设计,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就为大家分享到这里。

    相关标签

    相关案例

    OTHER CASE