重点是相对的。 一个元素崭露头角,另一个作为背景,第一是崭露头角。 需要一些元素占主导地位 其他人为了你的设计来显示任何形式的视觉层次。请注意 :这是第五个帖子在一系列设计原则。 你可以在这里找到前四本系列的文章:设计原则:视觉感知和完形的原则设计原则:空间和图形-背景的关系设计原则:通过对比和相似性连接和离别元素设计原则:视觉重量和视觉方向主导地位比较任何两个元素的设计。 元素将在各方面平等或人会产生某种程度的主导地位。 更主要的元素将吸引双眼,先注意到。 它甚至可能出现少表现出某种控制主导元素。更主要的元素可能有更大的视觉重量不是主导元素。 好像将施加力量是什么。01-dominance-opt-small圈对统治广场,由于它们的相对大小。 ( 查询大版本 )当你开发一个作文,你会看到很多的元素相互施加统治。 一些元素将主导,和下属。 没有意识的控制,你就期望事情所有些工作和要紧信息将能吸引注意力的。 幸运的是,你有控制。怎么样打造主导地位你设计一个元素比另一个更有优势,给它更多的视觉重量。 更大的视觉重量,一个元素将吸引双眼和具备主导地位。你创建通过对比优势,强调和相对视觉重量。 相同的物品不可以支配他们。 发挥优势,一个元素看着不一样的元素是为了占主导地位。你的目的是创建元素和视觉重量的明显差异。可以改变相同的特点,大家谈论在过去的几本系列文章。 作为提醒,这里有最容易见到的特点可以不同设置不一样的视觉重量:的大小,形状,的颜色,值,深度,纹理,密度,饱和,取向,当地的空白,内在兴趣,感知到的身体重量,你可以创建优势通过视觉方向。 比如,你可能围绕与箭头都指向一个元素,元素。 假如有足够的方向线索,元素将成为占主导地位的即便是较低的视觉重量比其他页面元素。你也可以让co-dominance,两个主要元素存在于一个组合。 然而,争夺注意力和最后或许会分心,没正确的综合平衡你的角逐对手。理想状况下,你想要一个主导元素。主要的元素占主导地位的元素在设计中大的一个视觉重量(或其他点)。 元素,第一吸引双眼,比其他任何页面。小心不要使元素占主导地位,完全掩盖了所有,但却使它在设计中崭露头角。你的主要元素是你告诉这个故事的起点。 这是入口点到你的设计。 它应该吸引游客第一你想让他们看。这就是你开始与游客交谈。 主要元素是第一注意到,为下面的设置上下文。 在层次结构的顶部。 它应该强调你的非常重要的信息,由于它可能是唯一会看到其他人。 任何消息你期望大家带走应该了解地传达或接近你的主要元素。没一个入口点,观众将不能不努力工作找到进入你的设计。 他们需要停下来考虑,先去什么地方看,考虑什么是真的要紧的。 缺少入口点会增加游客的认知负荷。 不要让他们考虑。 为你的设计提供一个入口点。焦点焦点也元素或范围的主导地位,就不是一个级别的作为你的一个主要元素,可以被概念为最主要的焦点。 焦点是有兴趣的范围,强调或不同组合,吸引并保留住观众的注意力。重点在你的设计应该突出但后应注意元素最多的主导地位。 下图显示了一个孤独的圆的海洋中大多数是灰色的方块。 循环不止是不一样的形状,但大而明亮的红色。 大概你的双眼注意到的第一件事的图形。三四个方块也红的颜色,虽不是一样明亮的圆。 他们同样大小的图像中其他方块,但他们崭露头角的灰色方块,由于它们的颜色。圈和三个红色的方块都是焦点,由于他们崭露头角的大部分其他图形元素。 他们与水平的灰色方块。 大而明亮的红色圆圈最突出。 这是主要的焦点,或这幅图像的主要元素。focal-points-opt红色圆圈和方块焦点。 圆是主要元素或主要焦点。 ( 查询大版本 )与主导元素,你可以创建焦点,向他们提供更多的视觉重量比除去占主导地位的元素——再一次,是你最主要的焦点。 你还可以创建视觉方向,会致使不一样的焦点。你可以创建超越三个层次的主导地位,但每一个额外的级别将降低对比周围的水平。 除非你确定你可以对比每一个水平非常不错,坚持三个。这是重点,除去占主导地位的元素或主要焦点。 就二次重点。 元素在这个层面上强调获得低于主要级别但比下属级别。水平的主导地位假如你创建焦点主要元素,使其中的一个点,然后你开始创建不同级别的主导地位。 占主导地位的元素将坐在一个级别,其他所有人之前都会被注意到。 剩下的焦点将坐在另一个水平。 有多少水平的优势能给你实质的设计吗?三是一个非常不错的数字。 作为一般规则,大家可以感知三个层次的主导地位。 他们注意到最主要的,最主要的,其他的所有。 这类水平需要有足够的差别区别一个将来。 你想创建独特的水平,不是一个连续体。占主导地位的这是最视觉重量和水平得到最多的重点。 你的主导水平一般会包括单个元素的前景。当你设计不一样的水平的主导地位,你让你的视觉层次结构基于实质的优先级被呈现的信息。 第一,优先考虑的所有将会在页面上,一旦它的设置,设计视觉层次根据优先级。对比是一个非常不错的办法来创建焦点,由于对比呼吁看重本身是不一样的。 任何可以对比和任何可以影响视觉重量或方向可以用来创建一个焦点,以同样的方法,它可以被用来创建一个主要元素。 不同只不过程度上的。下属视觉层次结构 创建视觉层次结构的设计 在几秒钟内,游客应该可以选择的要素和主要信息页面。 他们可以如此做假如你把非常重要的信息最直观地突出。。 理想状况下,这种视觉层次结构将匹配你的内容的定义层次结构。 假如一篇文章的标题是更要紧的不是这篇文章的标题,那样标题应该更俱视觉占主导地位。视觉层次结构允许游客扫描信息。 它帮你消息飞速和有效地交流。 层次结构的顶部(主要元素)应能够帮助回答访问者可能立即登陆页面。逗留超越几秒钟的人应该可以通过焦点扫描设计中获得下一个非常重要的信息(s),你想交流,用你其他的信息等。的倒金字塔写作打造层次结构方法设计像记者用倒金字塔写作。 非常重要的新闻都是在第一段或两个。 主要涵盖了哪个,什么,何时、为何与怎么样。 它对你说你需要了解的所有。03-inverted-pyramid-opt-small铅是紧随其后的是要紧的细节,填写的故事。 他们的细节,提供上下文或帮助你深入知道这个故事。 文章的最后是通用和背景信息,非常高兴了解,但没必要理解出了什么事。假如有人读只有一两句话,他们应该非常重要的信息。 他们逗留的时间越长,他们消耗的越多,他们会得到的更多细节。视觉层次结构相同的方法工作,但它没从页面的顶部流线性。 你得到控制,大家看1、第二等等再一次,三个层次的主导地位或层次结构建议,尽管四个或五个仍然是可能的。完形原则和视觉层次是什么原因之一,我开始这个系列的文章对格式塔原则是展示他们怎么样致使很多与大家合作的设计原则。格式塔视觉层次进步。 焦点是完形原则之一。 你的主要元素是一个极端的焦点。 都用对比崭露头角。 硬币的另一面是相似,它帮助大家看清事物的相同。 相似度和对比度是必要的成分在层次结构。等法律的pragnanz和对称创造秩序,使事情愈加简单和明确。 这就是你在干什么当你在设计打造层次结构。 你组织设计元素打造秩序感。主要的元素可能被视为图。 最可能被视为地面主要组成部分。 真的,任何连接或离别有关的原则可以应用于主导地位和层次结构。例子正如我在本系列中,我已经采集了一些网站的截图,推荐我所看到的是占主导地位的元素,重点和层次结构。这是我的建议。 你或许会看到一个不一样的设计,非常不错。 批判性考虑的设计比达成大家所觉得的更要紧。一个事件分开主要元素的主页上 一个事件分开 顶部的形象。 这是大的元素。 它也是一个人的形象,大家一般所吸引。 对面的大白色文本图像提供对比图片,称你的注意力。04-an-event-apart-opt-small截图的主页 一个事件分开 ( 查询大版本 )文本“人网站建设会议”可能是非常重要的信息,任何登陆页面需要了解。 这是一个很明确的声明事件是什么,网站是哪个。 它可以说是一个新的人的第一件事应该看到的网站。重点包含网站的标志,“马上到来的事件”,背后的黑暗背景证明设置为一个大大胆的标题。假如你向下滚动页面,你会注意到,设计主要用大小和颜色来创建额外的焦点和视觉层次。 要紧的信息是更大的。 这是大胆的。 这可能是红色的。 偶尔一幅画。假如你访问该页面,只不过扫描它,你仍然会离开了解网站,知道是不是有会议要来你的地区,和相信丰富的奖状。支付存在主要的元素 支付存在 的主页是背包的图形在页面的顶部。 这是一个形象和大于所有。 它与周围的环境,由于它是一个图形与内在的兴趣和不一样的形状。05-paid-to-exist-opt-small截图的主页 支付存在 ( 查询大版本 )重点包含网站的名字,一些文本的右侧的图形,和大绿色“下载”按钮。 社交推荐按钮是另一个焦点。看看下面的内容,你将看到三个大圈编号,作为焦点,引导你附带的内容。想想圈和文本的视觉层次。 大的彩色圆(这是一个层次的)你的注意力,叫你坐在另一个层次的信息。曼迪西姆斯曼迪西姆斯 有一个单页的网站。 顶端(不是截图所示)包括一个曼迪的形象,这对我来讲是主要的元素。 曼迪的名字也显示为大的文本。然而,我想吸引你的注意力进一步减少页面的部分。 如你所料,部分的标题是大的文本,因此它成为焦点。06-mandy-sims-coaching-opt-small部分的截图 曼迪西姆斯 的单页网站( 查询大版本 )焦点也力荐右边。 注意推荐的背景颜色与背景颜色相同的活动链接菜单。没阅读的文本在这一节中,你仍然可以了解地看到,曼迪开心的顾客提供培训服务,由于一个层次交流。VAN网站优化设计这最后的例子是 从我一个人的网站 。 这是我几年前写的一篇博文中。 原谅放任,但不像其他的例子,我了解为何页面上的每一个元素看着的方法。 我是不是成功是另一回事,但我一定的意图。07-van网站优化-design-opt-small截图的顶部 文章从Van网站优化设计 ( 查询大版本 )页面的主标题是占主导地位的元素。 这是一个博客,我期望大家阅读,但我想给人一种之前这篇文章是关于什么他们需要投入时间来阅读。部分图片也吸引双眼,你或许会觉得它更占主导地位,但如此的形象并非可见的顶部每发布在网站上。左上角的标志和RSS图标右上的旨在突出多一点其他文本,所以都是红色的。 都将崭露头角更亮红色,但我不想叫人心烦意乱。 同样的红色也在标题中用。左侧的元信息是为了崭露头角的主要文本。 在这里,我用当地的空白,增加视觉重量的纯文本。 理想状况下,有人会看一眼它并得到信息关于我和邮局的分类和标签。有一件事我决定与设计使链接的身体明显低于大部分网站。 我期望大家可以找到他们,但我不想让他们把你的内容。 我用蓝色,黑色文字崭露头角并不多,而我选择了斜体的大胆。 的链接并非为了成为焦点,所以我不再以他们的视觉。我期望有人登陆这个网站上或另一篇文章将可以很飞速地告诉这篇文章是关于什么,发现关于我的一些基本信息,譬如我的名字或者网站的名字,之前期望看帖子。总结你不可以强调所有。 为了一些元素在设计中崭露头角,其他元素需要消失在背景中。通过不一样的视觉重量的一些元素和其他人的视觉方向,你可以打造不同层次的主导地位。 三个层次是理想的,他们大部分人都能分辨。一方面将坐在你的主要元素。 这是一个入口点到你的设计,应该是附近或在页面上非常重要的信息。 第二个级别的焦点可以关注下一个非常重要的信息应该看到游客。 你的第三个层次拥有所有。 你的大多数内容将在这个水平。设计不同层次的重点或主导地位将会创建一个视觉层次结构在你的设计,更要紧的信息更直观地突出。 它将帮你迅速而有效地与游客交流。大家接近这个系列的结束。 下一次,大家将看看成分流运动和步伐。 我将讨论主要游客通过设计,让他们更容易找到信息的顺序你期望他们看到它。
网站标题网站建设原则包含优势、重点和结构
