个性化阅读
专注于IT技术分析

分解设计原理(带有信息图)

本文概述

尽管有多少关于设计原则(甚至是什么)的争论很多, 但原则列表上经常出现12条设计原则。如下图所示, 这12条原则包括对比, 平衡, 强调, 比例, 层次, 重复, 节奏, 样式, 空白, 运动, 变化和统一(还有一些格式塔设计原则)。

这些原则通常会分开讨论, 但是在实践中, 它们会共同创造出外观吸引人并且对用户有意义的设计。专家设计人员了解这些原理如何相互支持, 增强甚至相互对照, 以产生所需的效果。

实施设计原则

设计师一旦了解了基本的设计原理, 便可以更有意识地将这些原理结合起来, 以创建美观且实用的设计。

例如, 对比度可用于创建重点。

设计原理:对比和强调

以对比鲜明的颜色突出显示”重塑行业”, 将读者的眼睛吸引到特定的文本上, 强调该文本并将其与周围的文本区分开。

可以实现强调的另一种方法是通过比例。

设计要素和原则:重点和比例

使”问题解决者, 创意制造者和宇航员”比页面上的其他文本大很多, 从而着重强调了该文本。

重复可以用来在页面上营造节奏感。这并不总是意味着规律或交替的节奏。如果有意进行重复, 则可以使用重复来创建随机节奏。

设计基础:重复和节奏

该网站背景中的重复形状因大小, 颜色和位置的变化而产生随机的节奏感。

空白不一定必须是完全空白或没有图案。实际上, 微妙的图案可以给空白空间增加视觉吸引力, 同时仍然允许其在设计中充当一种视觉”呼吸空间”。

基本设计原则:空白和图案

这种设计背景中的细微网格图案增加了一些视觉上的趣味, 而又不至于使人眼花w乱。

多样化可以根据设计的使用方式来营造设计动感。

平面设计原理:变化与运动

这种设计中的各种形状及其相当随机的布局营造出一种混乱的运动感, 将观众的视线引向了中心。

重复通常可以在设计中创造统一性, 而设计师无需付出任何额外的努力。但是, 如果有意使用, 则可以将这种统一性提升到更高的水平。

视觉设计原则:重复与统一

拍摄照片的白色背景, 一致的版式, 并在此设计中重复图像尺寸和布局。常见元素的重复会在各种产品类别之间建立统一性, 否则这些产品似乎会脱节。

设计原则不存在

结合设计原则不仅一次限于两个。真正最出色的设计至少结合了这些元素的一半, 有时甚至更多。

有效结合多种通用设计原则

本网站使用多种原则:粉红色和绿色之间的对比;重复使用的图案和一致的鞋子, 理发和太阳镜;各个服装之间的统一(通过重复的图案进一步增强);服装风格各异。这是一个强有力的设计声明, 它遵循多个原则来创建一个外观吸引人, 引人注目的网站。

结合多个设计规则

这是另一个有效利用多种原理的设计示例。大标题强调该特定文本, 而较小标题则因比例而显得不太重要。背景中的形状营造出随机的节奏感和运动感, 而它们之间的相似配色方案则创造出统一感。右侧更粗壮的形状平衡了左侧的文本和空白。

一些设计师遵循这些原则, 甚至没有意识到自己正在这样做。有时候, 设计师无法完全弄清楚设计为什么不起作用, 但是当他们参考这些原则时, 通常可以找到解决方案。

对于新手和专家设计师而言, 了解设计原理以及它们之间如何相互作用都是至关重要的。在设计项目中有目的地有意实施它们是创建具有视觉吸引力和功能性设计的关键。

设计原理图

下载此信息图的PDF版本。

将此信息图表嵌入网站。

• • •

在srcmini设计博客上进一步阅读:

  • 设计原理及其重要性
  • 探索格式塔设计原理
  • 如何在设计中使用强大的格式塔原理[信息图]
  • 设计原理:视觉层次结构简介
  • 设计基础–视觉层次结构指南(带有信息图)
赞(0)
未经允许不得转载:srcmini » 分解设计原理(带有信息图)

评论 抢沙发

评论前必须登录!