• <menu id="gyy0e"><u id="gyy0e"></u></menu>
  • <menu id="gyy0e"></menu>
  • <menu id="gyy0e"><sup id="gyy0e"></sup></menu>
    <tt id="gyy0e"></tt>
  • 首页客户案例品牌营销网站建设微信小程序开发百度优化+营销关于我们新闻联系咨询

    为什么你单一设计的细节很不错,但总体看起来不是很好?

    2019年04月22日

    正负空间关系?重要性和应用

    空间由两个主要维度组成:正空间和负空间。正空间是可以直接感知的视觉元素,负空间是白色空间和元素外部的间隙。如前所述,正面物体是物体,负面物体是白色区域,通常可以在物体后面忽略。一个是焦点,另一个是背景。前者产生活动和刺激,后者保持静止和模糊。一个是月亮,另一个是围绕它的黑夜。

    在网页设计中,正面和负面空间相互作用,形成一个构图并传达思想。只有当通过对比区分正负空间并同时延伸到更大的区域时,才会产生视觉水平(大脑填充阴阳图太极图)。

    正负空间的交集是信息的交集。负空间屏蔽了正空间元素,使后者更加突出和显着。

    一般来说,正空间在大多数时间占主导地位,负空间同样重要。负空间的优点是:

    创建易于遵循的视觉水平;

    吸引注意力,创造焦点,减少分心;

    帮助创建边框并突出焦点;

    使页面更容易扫描;

    使页面看起来自然;

    在没有外力的帮助下澄清视觉元素之间的关系;

    帮助保持页面清洁和新鲜;

    增强网页的视觉风格和外观。

    设计中的负空间不是负面的。当正负空间比率平衡时,两者将在视觉上舒适。只有当其中一个人占主导地位并给人以“过度拥挤”或“空虚和空虚”的印象时,才会出现混乱。在这两种情况下,观众都无法处理如此复杂的信息,因此这种空间设计不符合网页设计的基本原则和设计动机。

    有趣的是,当谈到空间的概念和布局时,会产生怀疑的声音。

    正空间是否被负空间包围,还是被正空间吞噬的负空间?

    如何确定正负空间的比例?

    两种空间类型中的哪一种是焦点对象?

    是否有必要强调一个而忽略另一个,以便向观众传达设计师的感知感知?

    如何通过正负空间之间的变化对设计进行质的改变?

    只有在理解了基本概念后才能回答类似的问题。黄金法则告诉我们简单是最好的策略。

    在本文开头,我提到在设计网页时,尝试创建一个简单的用户界面。这是一个双管齐下的举措,可以使您和用户受益。或者从表面上看,网页设计的重点是增加网站的视觉吸引力,使用户的操作更轻松,更高效。

    2?空间与认知感知之间的联系我们的大脑总是扮演侦探的角色,试图找到隐藏的连接和缺少空间之间的联系。因此,它将当前的视觉信息与之前的经验进行比较为了成为一名有效的网页设计师,您必须首先了解大脑如何感知周围环境。它可以帮助您选择特定的视觉元素,并使用它们来影响观众的感知。

    伟大的设计师理解心理学在视觉感知中扮演的重要角色。当有人的眼睛符合你的设计时会发生什么?他们如何对您的文章传达的信息做出反应?

    作为设计师,您必须清楚地了解视觉设计和心理学如何相互关联。?进行交互。换句话说,开发一个简单的以用户为中心的界面,使用正面和负面空间进行设计主要依赖于格式塔原则,它可以帮助您理解和控制视觉和心理联系。

    页面上的文本是一个集中编写的手写样式字体,从背景图像中脱颖而出。与灰色背景图像形成对比的白色文本是用户关注的焦点,这使得文本在图片中高度可见。从另一个角度看,背景图像模糊,因此明文将非常醒目。这些都表明这里的文本优先作为图形或正空间,而模糊图像用作背景或负空间,强烈暗示图形和背景之间的关系。

    当您第一次浏览此页面时,哪个部分会引起您的注意?你会发现它的主文本在白色和蓝色背景之间形成鲜明对比,更引人注目的是两个与文本形成鲜明对比的方块。前者使用深色背景和文本颜色差异来构建对比度。虽然Box块本身的颜色与背景颜色形成对比,但它也与更高级的文本形成对比。

    背景使用微妙的色调使数字突出并突出细节。盒子的使用使它们在页面上清晰可见。

    2.接近原则

    邻近是指页面中元素之间的接近程度。可以将网页中的不同元素组合在一起,并且不同的邻近级别导致不同的关联属性。除了视觉特征的接近度之外,这些元素与其他页面元素的接近度将自动在观众的心中产生相关感。

    从图像到文本?导航栏到Web表单,这种接近原则在网页设计中非常广泛。当您组合相似内容时,它会在元素之间创建关联,为查看者提供更好的视觉体验。

    我们可以清楚地看到同一类别的元素是如何组合在一起的,以显示它们与主菜单的关系。由于颜色和文字大小的选择,观众的注视自动被吸引到主标题下的子部分。

    您可以看到表单分为两个主要部分:个人信息和ID生成。第一部分是最重要的领域,第二部分是次要要求。这两个部分的标题根据颜色和字体大小而不同。在此Web表单中,邻近度是一个重要的指标,可以优先处理网页上显示的信息。

    3.对称和秩序

    对称意味着两个元素表现出精确的镜像关系。它可以看作是将对象分为两个的平衡。真正的对称图包括等边三角形?几何图像,例如圆形和正方形。人类的大脑本能地渴望在脸上找到“平衡”和“对称”,这在美学上是令人愉悦的。大脑也倾向于在其他物体中找到对称性,因为对称性创造了和谐并且允许观看者感觉舒适地观看图像。

    该页面不仅显示了典型的图形 - 背景关系,还强调了对称原理的运用。页面分为四个相等的部分,字体大小和颜色相似。四个部分中的每一个的背景具有相同的主题颜色和灰度效果。您还可以注意到负空间不一定是白色,黑色甚至其他颜色也可以使用图像作为背景。

    对称原则也可以导致另一个概念:在网页设计中,不对称会使感知变差,必须谨慎使用。许多网站使用不对称作为平衡间距的元素。

    该网页以视觉错觉和不对称的方式捕捉观众的眼球。作为正空间的物体被放置在不对称的布局下,在负空间中产生强烈的视觉吸引力。色彩是两个空间和谐的主要因素,为观众创造了自然的联系。左侧的图形也具有很强的平衡性,而右侧的图形则具有更强的视觉吸引力。你觉得这个设计怎么样?

    4.相似原则

    相似性与接近原理密切相关的原因是相似分组对象之间的共享属性的质量。颜色?形状?形式?大小?方向或任何其他属性,当相邻对象之间共享一个或多个这些属性时,相似性将占优势。

    尽管正空间的元素看起来并不明显相关,但由于相似性原理,它们也与负空间元素区分开来。

    5.关闭原则

    你有没有遇到这样一张看起来很封闭的照片,但它实际上是开放的吗?这是因为它使用了闭包原理。我们的大脑倾向于“填充不完整对象的空白”并使用我们的视觉感知来完成图形。

    正空间和负空间一起形成一个整体。最好的情况是负空间中隐藏的形状和形式,这需要准确评估在正空间中传达的信息。在封闭空间中创造性地使用正空间和负空间可以产生有趣但简单的设计。

    6.连续性原则

    最后,根据通用格式塔原理,连续性遵循模式,即引导实现遵循一致的路径,建立从一个对象到另一个对象的线性模式。

    标签: 为什么你单一设计的细节很不错,但总体看起来不是很好?

    填写您的联系方式并验证获取报价。

    * 下载报价如有疑问,请与我们的销售顾问取得联系。
    线上服务咨询微信二维码020-82109236填写需求索取报价
    我要安装360彩票