完全匹配和完美匹配 完美匹配机制( 二 )


完全匹配和完美匹配 完美匹配机制

文章插图
你更愿意住进哪个房间?
一、设计原则在审美完整性中的作用苹果的人机界面指南(Apple’s Human Interface Guidelines)几十年来一直在谈论“美学完整性” 。它也可以被称为“设计完整性”或“审美凝聚力” 。
苹果对美学完整性的定义是“当一个设计的外观和行为与其功能完美匹配时”(彩云注:我的理解就是所见即所得,符合用户的心理预期) 。换句话说,设计的构成是产品的一个组成部分 。我们将研究决定设计组合成败的设计原则——更多的是关于 UI,而不是关于 UX 。
美学完整性不仅仅是关于设计有多好看 。它指的是具有明显连贯性的设计:有效的结构和布局,是什么让它产生效果 。换句话说,它的元素在视觉层次、对齐、间距、平衡、对称、重复、比例、强调、接近、对比、统一、一致性、配色、排版、负空间等方面都有出色的运用,这里仅举几个例子 。
这与“黄金比例”无关,黄金分割不能解决问题 。斐波那契数列螺旋没那么玄乎,给设计师带不来惊人的设计 。
设计师们在安吉丽娜·朱莉或蒙娜丽莎的脸上画出金色螺旋形时惊呼道:“果然是黄金比例” 。当然,自然界中确实有神圣几何学(黄金比例,又称斐波那契螺旋,是基于此),但依赖“黄金螺旋”作为设计原则是一种谬论,它已被多次暴露在其赤裸裸的荒谬中 。
完全匹配和完美匹配 完美匹配机制

文章插图
这是我的洗衣机,上面叠加了斐波那契螺旋 。
“审美的完整性”不是没道理的 。这个概念是基于基本的设计原则,是有成就的设计师实践他们的艺术作品的经验总结 。
让我们来看看一些设计原则,以及它们为什么会使得你的设计更能更加有效 。通常情况下,真正优秀的设计会结合这些设计原则 。
我们将探讨以下这些最底层的设计原理:
  • 视觉层次感
  • 间距、对齐和网格
  • 平衡
  • 对比
  • 对称
  • 重复
  • 几率原则和三分原则
  • 引导线
  • 比例
  • 强调
  • 整体性
  • 亲密性
  • 一致性
  • 颜色
  • 排版
  • 负空间

二、视觉层次感视觉感知的基本规则对任何视觉设计都是至关重要的,因为它们指导着如何尽可能快地传达信息 。视觉层次是设计中信息的结构和优先级 。它决定了人们接受和处理信息的顺序,因为它以一种视觉方式引导他们 。
视觉层次感重在打造视觉优先级 。通过巧妙地使用颜色、形状、大小、间距、比例和方向,创造性地使用决定层次的视觉元素来传达构图的意义、概念和情绪 。
核心关注点是什么,你希望用户首先注意到或开始阅读的设计中最重要的元素是什么?我们想让它成为焦点,然后其他部分的设计从这里展开 。
完全匹配和完美匹配 完美匹配机制

文章插图
一个具有良好视觉层次的网站会引导用户关注重要的部分
视觉层次对于每一种视觉设计都是至关重要的,无论是需要引导访客眼球的首页还是移动端UI的导航入口 。用户对每个元素的理解取决于组合中的其他元素及其上下文 。建立视觉层次的一些技术是:位置、大小和比例、颜色和对比、间距和亲密性、负空间、纹理、引导线和高度 。在一个元素周围使用丰富的负空间可以使它看起来更有意义 。使用引导线可以创造移动,就像一个人的眼睛在设计上移动一样 。排版的层次结构也扮演着重要的角色,通过不同的大小和权重,我们可以让更重要的文本元素脱颖而出并建立秩序 。


特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。