热门相关搜索

过滤器

重点:设置你的设计的焦点

by 马德斯Soegaard | | 11分钟读取

既然皇冠官网登录已经看到,理解并欣赏了 完形原则,让皇冠官网登录在掌握这些知识的基础上探索其他东西. 在继续之前,对格式塔定律有一个良好的基础是很重要的, 因为, 知道如何应用它们, 皇冠官网登录可以进一步改进皇冠官网登录的设计, 使用 强调. [查看在哪里了解更多信息, 在文章的最后, 以连结到3篇格式塔文章]

强调是一种旨在将观众的注意力吸引到特定设计元素的策略. 可以是内容区域、图像、链接或按钮等. 皇冠官网登录可以在大多数设计领域看到强调, 包括体系结构, 景观设计, 以及时装设计. 强调围绕着皇冠官网登录,即使你可能没有意识到它被称为“强调”. 但是,皇冠官网登录确信您可以毫不费力地回忆起其中一些“强调”的元素! 继续读下去,你会发现它们是多么常见.

其目的是在设计中创造一个焦点:一个引人注目的部分脱颖而出, 区别于其他设计元素. 你可以使用线条、形状、颜色、纹理、大小等.,以及许多其他元素来创造强调.

大多数情况下,皇冠官网登录使用强调来呼吁采取行动.g.、注册、购买或登录按钮等.).

设计元素以创造重点

作为一名设计师,你有很多工具来为你的产品创造重点. 现在让皇冠官网登录来看看其中的一些:

-许多设计师使用特定的线性流程来确定页面的总体方向. 当你改变这个流程时,你会注意到页面上流程中断的地方. 例如, 如果你的设计使用水平线,如果你打破模式,使用垂直线, 它将作为一个需要注意的点而突出. This is automatic – the human eye will catch it; so, 让分心变得有意义是很重要的.

形状 -如果你在一个页面上使用一组相似的形状(比如, 矩形), 然后使用不同的形状(比如, 圆圈)会立刻吸引眼球. 眼睛喜欢立刻去寻找不同的东西. 互联网上的许多谜题和有趣的表情包挑战着皇冠官网登录,让皇冠官网登录在许多形状的海洋中找到不同的形状,这些形状彼此相同,但只有轻微的不同.

颜色 -转变 color 能在设计中创造一个焦点吗. 变化的反差越大,这一点就越需要观众的注意力. 柔和的对比可以逐渐将注意力从一个地方吸引到另一个地方. 颜色的选择应该与您希望用户在页面上进行操作的方式保持一致. Loud or dramatic color contrasts will make their eyes “jump”; softer shifts will allow them to move more leisurely, 这样你就能保持更平静的信息流.

纹理 -你也可以使用网站设计的纹理来吸引人们对一个元素的注意. 例如,您可以使用浮雕效果来强调文本中的区域. 或者,在另一个示例中,您可以使用投影使页面上的区域突出.

质量 你也可以用颜色或形状来表示“沉重”. 例如, 在色彩鲜艳的页面中使用深色元素可能会突出深色元素与其他内容的区别. 你可以在几乎所有网站的书面内容的标题和标题文本中看到这一点.

有利于强调的设计原则

作者/版权所有人:Mya Jamila. 版权条款和许可:CC BY-NC-SA.0

皇冠官网登录已经看到了如何打破设计元素的流程可以帮助您创建重点. 现在让皇冠官网登录看看breaking是怎样的 设计原则 也能帮助你达到创造焦点的目的. 是的, 皇冠官网登录要违反一些法律, 但别担心——你可以从中获利很多,而且不会受到惩罚!

平衡 -平衡或对称的使用赋予设计中使用的物体同等的重量. 然而, 通过使用不对称的元素排列来打破这种平衡,可以让人们注意到不平衡发生的地方. That point of imbalance is useful for you as a designer; it’s w在这里 you should think about inserting your most valuable image or message.

接近 -根据格式塔心理学, 接近定律 就是说皇冠官网登录把彼此接近的元素视为一个群体. 如果您可以从该组中分离出一个元素,就可以引起对它的注意. 这是你把聚光灯对准“叛逆”元素的方式. 你为什么想让它与众不同? 是因为它承载了你的设计要点或点睛之笔吗? 好吧,现在是你的机会了:抓住这只很酷的个体,让它看看为什么它不随大流.

对齐 -在设计中对齐元素为眼睛提供了一个简单的流程. 皇冠官网登录对内容中的文本(例如)这样做. We like text if it’s aligned or justified; we don’t like having to jump around from line to line if the first and last words are poking into the margins. 如果您添加了一个未对齐的元素,则会引起注意. 请记住,人眼喜欢沿着所看到的道路、小路和河流进行追踪. 一旦你打破了这个顺序,眼睛就会想知道为什么! 而你已经有一群观众被你的突破俘获了, 你有一个绝佳的机会来表达你的不同, 出色的元素.

重复 -在设计中一次又一次地重复一个设计元素会让眼睛跟随这个元素. 这是一个很棒的工具, 特别是在你可以有一个元素的军队(注意,我试图鼓励你保持你的设计有序-皇冠官网登录不想要不守规矩的人群!). 用户的眼睛会追踪设计,接受有序的重复... 直到,慢慢地,他或她可能会注意到一些不同的东西. 发生了什么事? 你使用重复来吸引别人的注意力到屏幕的特定区域. 它可以是一系列逐渐结束于城镇广场的拱门, 有一个喷泉, 或者它可以是露天的,你可以把你的信息插入其中. 重复的同一性为你和他们建立了框架,产生了巨大的效果.

对比 -皇冠官网登录设计师经常在设计中巧妙地使用对比, 但是当两个区域形成鲜明对比时, 眼睛会被吸引到一个或另一个区域. 你可以用它来提醒人们注意两个特定的动作(其中任何一个都可能进一步实现网站创建者的目标). 例如,您可能希望某人创建帐户或购买产品. 这里的“诀窍”是了解哪些颜色能最好地相互衬托,以匹配你想要的对比强度. 行动号召需要一个更强烈的对比(比如黄色背景下的蓝色/紫色按钮),而不是更随意的“你知道吗??”区域.

空白 -皇冠官网登录记得皇冠官网登录的老朋友空白(有时被称为“空白”). 皇冠官网登录也可以用它来引起对某个区域的注意. 大多数设计都会使用一致数量的空白(记住,空白并不一定是白色——它可以是任何背景色),以使内容具有视觉流畅性. 通过增加一个区域周围的空白,你打破了这种流动,抓住了观众的注意力.

虽然这似乎都是常识, 记住,常识是所有感官中最不常见的! 皇冠官网登录常常为了寻找解决办法而走得太远, 让皇冠官网登录的生活变得艰难,因为皇冠官网登录对设计的理解太多了. 与此同时, 答案就在那里, 就在皇冠官网登录面前, 通过调整设计的特定元素或原则来实现. Don’t make it a problem; trust in the guaranteed eye-to-brain traits of your users: they’ll “get” it.

拿走

对于大多数网站和应用程序,皇冠官网登录设计师使用强调作为行动的呼吁. 皇冠官网登录可以使用工具来创造强调,例如:

  • 颜色

  • 形状

  • 纹理

  • 质量

此外,皇冠官网登录可以通过以下设计原则促进强调“打破”:

  • 平衡

  • 接近

  • 对齐

  • 重复

  • 对比

  • 空白

反过来,强调促进了用户与设计团队认为重要的领域的交互. 皇冠官网登录相信你可以很容易地描绘出这些类型的焦点, 比如“立即购买”或“此处订阅”按钮. 你可能已经注意到,这些通常都是醒目的颜色(红色, 橙色, 或黄色很流行)和有大, 按钮上醒目的字体.

作为一个 用户体验 设计师,你需要清楚地了解你想要强调的行动号召. 您还需要清楚可以使用哪些设计元素和原则来创建这个焦点,以充分利用它.

最后,还有一条常识需要牢记: 重点是相对的. 要让一个元素脱颖而出,就必须有另一个元素隐藏在背后. 没有什么是孤独的,也没有什么是在真空中发生的. 为了吸引用户的眼球,你至少需要两个元素相互衬托. 在早期设计迭代中使用重点是获得团队成员的好方法, 老板, 利益相关者, 或客户达成妥协. 不是所有的东西都能脱颖而出, 强调太多元素会让你的设计变得饱和, 稀释了重要的区域,同时使用户感到困惑, 谁不想留下来试着弄清楚呢. 这就是为什么在视觉上利用这个主导元素有助于让每个人都专注于重要的事情.

参考文献 & 在哪里了解更多信息

每周获取用户体验洞察

加入 312435位设计师 谁从皇冠官网登录的通讯中获得有用的用户体验技巧.
需要一个有效的电子邮件地址.