168体育20张设计图解一次性掌握这些UIUX设计准则!
栏目:168体育 发布时间:2024-01-27
 。例如我们将相似的对象分组并连接起来,168体育能够轻松地区分出不属于该组的对象。  大脑在处理和组织看到的信息时会使用一套快捷方法,了解这些方法是设计成功的关键要素。  在UI设计时,我们应该有意识地运用感知力,用足够的事实来验证设计,有依有据地解释为什么这个图形元素要这样设计?背后的原因是什么?  提升感知力有助于清晰地解释设计方案,避免常见的设计错误,引导我们将设计做得更好、更容易理解!

  。例如我们将相似的对象分组并连接起来,168体育能够轻松地区分出不属于该组的对象。

  大脑在处理和组织看到的信息时会使用一套快捷方法,了解这些方法是设计成功的关键要素。

168体育20张设计图解一次性掌握这些UIUX设计准则!

  在UI设计时,我们应该有意识地运用感知力,用足够的事实来验证设计,有依有据地解释为什么这个图形元素要这样设计?背后的原因是什么?

  提升感知力有助于清晰地解释设计方案,避免常见的设计错误,引导我们将设计做得更好、更容易理解!

  彼此靠近的元素会被自动理解为一组。把它们的位置放得更远,会给人一种这些元素是完全独立的个体的印象。

  在UI设计中,可以利用邻近原则将相似的界面元素组合在一起,把控总体布局。邻近规则适用于主导航、卡片、按钮、内容和图标等。我们还可以使用适当的留白将不同的元素进一步分开,创建一个层级更清晰的界面结构,以此来帮助用户浏览和理解不同类型的信息。

  邻近原则是直接影响界面可用性的基本规则之一。如果随意控制元素的位置和间距,有可能会让整个产品变得混乱和难以理解。

  视觉上相似的元素会被视为同一组,视觉上不同的元素,大脑会下意识将其视为单独的元素。

  利用相似性可以来定义界面的特征,例如颜色、形状、尺寸、纹理或空间位置等。最容易区分的是颜色相似,其次是尺寸和形状相似。

  如果一个元素和界面中其他的元素都不同,无法融入到其他元素组中,那么这个元素就会变得非常显眼。我们可以利用这种差异化的效果来突出一些具有引导性或者功能性的元素,例如登录按钮或者加入购物车按钮等。

  一组不相连的元素组合在一起,168体育我们会下意识地自动补充这些元素之间的空白,得到一个完整的、可识别的形状。

  闭合原则有多种不同的用法。168体育例如一个虚线箭头,我们会填补空白并把这些点连接在一起,得到一条完整的线段。

  闭合原则还有助于识别抽象的图标形状并赋予更多的含义。在图标设计中,为了避免信息过载,大多数图标的设计都很简洁,更方便用户理解。

  运用闭合原则的经典案例包括用不同虚线构成的IBM标志、利用正负形空间组合而成的WWF熊猫标志。

  UI界面中的元素一旦有对称性,就会产生秩序感,我们很快就能看到并理解这种形式。

  我们天生喜欢对称的物体。对称排列的元素在视觉上更令人舒服,也更美观。可能有人觉得对称设计过于呆板,这种想法在平面广告或视觉设计中可能正确,但在UI设计中对称布局是相当重要且实用的界面排版形式。

  对称布局让设计更容易理解,也更友好,缺乏对称会导致界面混乱,不知道该关注哪个元素。当然,如果想让某个模块突出展示,也可以尝试打破对称性,这样不对称的元素就能在界面中脱颖而出。

  界面中沿着同一条线对齐的元素会被认为属于同一组。在浏览界面时,视线会第一时间寻找最顺畅的视觉动线。这也解释了为什么在使用连续性原则时,需要确保直线(或曲线)是均匀和可预测的。

  连续性有助于界面保持上下垂直滚动时的节奏,相似的内容应始终保持对齐。如果某个元素打破了这种连续性,我们的浏览节奏会被打乱,浏览速度也会变慢。

  当下的UI设计中,流行带有圆角的卡片和按钮效果。其中的一个原因是我们对于直角的处理速度稍慢,视线度,而更圆滑的导角效果能帮助我们的视线) 共同命运原则

  界面由不同类型和样式的图层组成,每个图层都有不同的层次结构。为了避免层次结构混淆168体育,我们需要清楚地定义界面的所有元素。背景不需要设计设计的太花哨,有可能会抢夺用户对主要内容的注意力。