热门相关搜索

过滤器

重复、模式和节奏

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

皇冠官网登录来看三个科目, 乍一看, 可能会给你留下难以置信的基本和不言自明的印象. 然而,尽管他们可能 似乎 就像他们不需要介绍一样,皇冠官网登录应该研究他们. 通过理解这些概念, 您将能够更有效地应用它们来吸引用户的注意力,同时使您的设计更有效.

说“重复你可能会想到有人一遍又一遍地说着同样的事情. 然而,它在设计上有所不同. 重复事情并不一定是无聊的! 事实上,它可以 授权 一种设计,如果使用得当. 它还可以确保更好地理解消息. 作为设计师,皇冠官网登录有三种重复方法: 重复, 模式, 节奏.

重复

重复就是在设计中多次重复一个元素. 例如,你可以画一条水平的线,然后在它旁边再画几条线.


重复在网页和应用设计中很有用. 例如,您希望企业的标志在每一页上和同一位置重复出现. 菜单项也经常在页面的同一位置重复出现. 这有助于提供一致的 用户体验. 通过重复元素, 作为设计师,皇冠官网登录不仅以这种方式根据用户的期望进行交付, 但皇冠官网登录也改善了他们的体验. 皇冠官网登录的一致性让用户更舒服. 记住,眼睛的工作方式是默认的. 使用重复来保持眼睛熟悉皇冠官网登录的设计元素意味着皇冠官网登录正在利用这种趋势. 皇冠官网登录也可以使用形状、颜色、纹理、字体等. 通过重复来保持这种一致性.

您还可以通过使用重复的消息来实现重复. 如果你想让你的客户知道你是行业中最便宜或最快的, 如果你想让他们记住这个信息,你会想要不止一次地告诉他们. 在这种情况下,皇冠官网登录使用重复 强化. 你可能还记得,皇冠官网登录乘法表的方法是不断重复,直到把它们硬塞进脑子里. 这里的原理是一样的. 皇冠官网登录越频繁地接触并内化信息,就越能更好地记住信息.

模式

模式只是多个设计元素相互配合的重复. A 无缝模式 一个设计中的每一个元素(不管它重复的频率有多高)结合起来形成一个整体吗. 这是最常见的背景在网页和应用程序页面. 在地毯和壁纸设计中也很流行. 看看你周围:你的床罩,墙壁,笔记本封面. 如果你看到一个无缝的模式,仔细观察. 你看到这些元素(圆、螺旋、锥体、菠萝等)是如何形成的吗.)以同样的方式反复出现? Sometimes, they touch; sometimes, they have space 之间的 them.

作者/版权所有人:Dirk S太p. 版权条款和许可:CC BY-NC.0

正如你所料,设计师们大多是根据颜色、纹理和形状来设计图案的,而不是文字. 皇冠官网登录识别形状的速度远远快于皇冠官网登录必须阅读的文字,无论速度有多快. 您也可以在体系结构中找到这样的模式. 建筑师倾向于在建筑物的内部和外部包含一个统一的主题,以增强 审美 上诉. 这不是什么新鲜事. 想想古希腊的建筑,比如帕台农神庙. 古代的设计师在使用线条和螺旋等元素的图案方面很有独创性.

当你考虑在网页或应用程序设计中使用模式时, 您需要考虑模式的复杂性. 虽然平铺单个图像作为背景似乎是个好主意, 这可能会使阅读位于模式之上的文本变得更加困难. 如果你想为一个皇冠老牌网站希腊旅行的网站设计, 你可以用古代柱子的顶部来做你的设计. At first, it looks great; you’ve got a beautiful design that features circles and grape leaves.

但是,您仍然需要添加文本. 所以,写到这里,你很快就会发现一个问题. 深色文字有时会落在图像的深色线条上. 你可以用亮色的字体, 比如白色或黄色, 但是你会发现灰色的石头很难辨认, 太. 阅读困难,你的用户也一样. 他们想要参与到你的设计中,而不是试图阅读文本. 简单 如果你想保持用户体验,留住用户,微妙是关键考虑因素 on 你的页面.

节奏

当你重复元素时, 这些重复之间的间隔可以在观众中创造一种节奏感和运动感. 音乐家在音符之间的间隔中创造节奏,有效地制造出这些“无声”的间隙 玩了 每一个音符. 设计师在元素之间插入间距来创造节奏. 广义上讲,视觉节奏有五种类型.

作者/版权所有人:Eden-Lys. 版权条款和许可:CC BY-NC-ND.0

随机的节奏 -没有特定规则间隔的重复元素创造随机节奏. 间距可以是1毫米, 一厘米, 而元素可能无处不在. 想着飘落的雪花, 沙滩上的鹅卵石, 交通运动:它们都是随机节奏的例子.

同样值得注意的是,节奏可能 出现 随机的,如果你检查 小段的节奏. 然而, 如果你退一步看更大的部分, 这可能是有一个规则,但复杂的节奏应用于设计. 记住,你有积极和消极的形象, 你可以使用这样的元素和它们之间的空间使你的设计难以“预测”. 通过使用一系列更大的元素,你将有无限的可能性来玩. 艺术家René Magritte特别有趣地使用了随机节奏.

常规的节奏 -就像心脏的跳动一样,有规律的节奏一遍又一遍地遵循着相同的间隔. 你可以很容易地创建一个规则的节奏,只要创建一个 网格 或者是一系列垂直线. 用户的眼睛会立即识别出有规律的节奏, 扫描过程中是否有异常. 记住,眼睛“喜欢”被吸引到突出的元素. 因此, 当你在设计中使用有规律的节奏时,它可能会变得单调(就像水龙头的滴水声)。.

交替的节奏 你可以在一个设计中重复多个元素. 在交替设计中,您使用1-2-1-2-1-2模式. 想想棋盘上的黑白方块:这是一种交替的节奏. 事实上,交替节奏是一种更复杂的规则节奏. 它可以像皇冠官网登录的棋盘一样简单,或者皇冠官网登录可以想象一些更复杂的东西. 一些奇妙的交替节奏包括一排排的鱼、鸟或其他动物. 以鱼为例,皇冠官网登录可以看到每条相同的鱼都在跟随另一条鱼. Below, the sequence is repeated; however, the 负空间 之间的 这些行显示了鱼类 其他 color (皇冠官网登录认为这是背景)游向另一个方向, 它们鳍和尾巴上的细纹与最初的鱼类纹路相连. M.C. 埃舍尔的 蜥蜴 (1942)是另一个很好的例子, 结合三种颜色的蜥蜴,每一种颜色的蜥蜴对彼此背对, 尾对尾. 简单或复杂,皇冠官网登录想做一个交替节奏, 这是打破常规节奏单调的一种简单方法.

流动的旋律 -流动的节奏显示了弯曲、曲线和波动之后重复的元素. 在自然界中,你可以在海滩或沙丘上的波浪中看到这一点. 作为设计师,皇冠官网登录可以模仿大自然,用流畅的节奏制作美妙的元素图案. 皇冠官网登录可以在水下展示一簇簇的海藻,它们的一缕缕轻柔地朝向一系列的方向. 用户想象他们互相洗.

进步的节奏 -皇冠官网登录可以通过在重复的过程中改变主题的一个特征来创造一个渐进节奏. 皇冠官网登录可以画一系列的圆,一个在另一个上面,让下面的一个变大. 你看到下面最大的那个看起来离你最近了吗? 皇冠官网登录可以使渐进式节奏发生微妙或戏剧性的变化. 你可以逐渐给小圆圈加阴影,这样顶部最小的圆圈就会变黑, 中间的部分有阴影, 最大的那个只有一点点阴影. 进步的节奏围绕着皇冠官网登录. 如果你要拍摄一个跳舞的人,然后逐帧检查视频, 你会有一个渐进的节奏.

使用重复、模式和节奏进行设计

使用重复的视觉元素是设计师经常使用的技术 网页设计. 例如,您可以重复设计元素,以提供一致的视觉体验. 这将使用户更容易专注于内容,因为他们知道在哪里可以找到特定类型的内容或 导航 选项.

您还可以使用重复来吸引人们对内容或设计的特定区域的注意. 您也可以使用它来显示内容块之间的关系.

也, 你可以使用图案作为背景来增加纹理和一致性, 并且您可以部署它们以在相同的页面之间提供一致性 类型.

作为设计师, 皇冠官网登录可以用节奏来创造兴奋感(随着时间的推移逐渐形成)或安慰感(心跳在面向准妈妈的页面上可能是完美的, 例如). 或者,皇冠官网登录可以用它来影响其他情绪.

拿走

作为设计师,你有三种类型的重复:

  • 重复

  • 模式

  • 节奏

你可以使用这些来塑造你的网页或应用程序的用户体验. 通过重复、模式或节奏,你可以设定主题的“情绪” 用户界面 并使用这些元素来强化你的信息和/或创建你的产品的外观和感觉.

重复是你可以使用的最简单的元素. 模式是重复元素的组合. 节奏包括在元素之间使用间隔或空间,给用户一种节奏或运动的印象. 皇冠官网登录可以使用五种节奏:

  • 随机的节奏

  • 常规的节奏

  • 交替的节奏

  • 流动的旋律

  • 进步的节奏

还有一个模式的概念来自建筑师克里斯托弗·亚历山大. 皇冠官网登录将在后面的文章中对此进行研究. 节奏, 就像音乐一样, 帮助你在设计中建立节奏, 用各种有趣的变化吸引用户. 仔细想想, 你可以通过在你的设计中运用正确的节奏来最大化你的信息的影响.

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

  • 英雄形象:作者/版权所有人:Jonas Bengtsson. 版权条款和许可:CC BY 2.0

  • 艺术设计: 重复、模式和节奏. 索菲娅皇冠官网登录. (2014年8月)

  • 斯文本科技大学. 基本设计原则. (2014年8月)

每周获取用户体验洞察

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