Date 2025-12-10 16:15:32
接下来的一篇文章《超全面的底层设计理论，优秀设计的背后离不开这些(上)》。今天我们来谈谈底层设计知识的下半部分。这是我在 Medium 上面看到一个工作超过了 17 国外设计年 leader 为什么设计能有效地写一篇关于设计原理的文章？非常透彻。强烈建议您将其与上下相结合 2 总的来说，一篇文章一定会有收获！
Hi，我是彩云。
阅读文章 >奇数法则意味着奇数元素在设计作品中比偶数元素更有趣。偶数元素在图像中对称，可能过于正式和不自然。例如，在一行中排列三张或五张卡片将比在一行中排列更多 2 个或 4 效果更好，作品会让用户感觉更舒适、更自然。
Iskos Design 就是利用奇数原则来做网页设计
三分法构图(又称黄金网格规则)在画面中分为水平和垂直方向 3x3 的网格和 4 一个十字路口。这一规则可以很好地帮助设计师将最重要的元素放在网格的十字路口，这样就可以很容易地设计出令人满意的构图。
为什么会这样？因为三分法构图创造了斐波那契数列(黄金比例)等不对称美，产生了更有吸引力的构图。
你想让用户关注什么？高级设计师非常擅长引导用户的视觉焦点，可以通过可见和不可见的引导线来完成。这些线条也可以在构图中创造动态，并为图片增加视觉冲击。
这种效果通常由特定的形状和线条或它们的组合形成不可察觉的导线来实现。使用透视、颜色、对比度和正负空间也有助于达到预期的效果。
不易察觉的曲线从左到右引导用户的视线到页面文本
大小（scale）它是设计中一个元素和另一个元素的相对大小。元素通过不同的大小创建视觉水平，其中最大的元素首先会吸引用户的注意，所以它似乎是最重要的。传统的设计策略是将最重要的元素制作成最大的元素，然后逐步减少。
比例(Proportion)不同于大小，相似但不同。比例原则是指整体设计中各部分的尺寸关系。设计中的元素可以有不同的尺寸，但它们之间的尺寸差异总体上是比例。
熟练使用尺寸和比例是实现设计统一的关键。当某些元素的尺寸过大或过小，或比例不平衡时，设计组合就会失去统一。这种错误可能发生在排版和其他元素上。例如，标题比子标题和文本太大了。当设计元素不平衡时，设计就会“感到不平衡”。
当尺寸和比例做得不好(左图)时，看起来处理得很仔细，但还是做得不好，正文和标题在尺寸上分不清(右图)。
强调原则用于突出某些设计元素（使用对比、接近、比例、空白等）或不突出，即弱化强调（例如，页面底部有一个几乎看不见的“小字”）。强调是层次之母，因为没有层次。
和其他设计原则一样，“强调”是用来引导人们关注设计的第一、第二和第三点。主页和电子商务转型页面在 这一原则在99%的情况下使用。
利用这一原则，在购物网站上强调口号和产品，转化效果非常好
统一是指设计元素如何很好地结合在一起，形成“视觉凝聚力”。它指的是设计的连贯性，让人觉得所有的部分都在一起。每个元素都应该有一个清晰的视觉关系，以帮助传达清晰和简单的信息。良好的完整性设计比完整性差的设计更有组织，质量更高。
采用统一配色、重复、平衡、对称等原则，将有助于在设计中形成和谐感，即一致性。设计中良好的一致性就像歌曲中的歌曲被和谐地唱出来，形成一个完美的整体。
在蒂芙尼的网站上，一致的颜色、重复的图案、平衡和对称创造了一种统一的感觉。
格式塔的接近原则允许设计师分组相同类型的相关元素。把它们分开得越远，元素就越不相关，它们之间的关系就会减弱。一般来说，人们认为远离的元素是无关的。
用户在设计中不应该区分哪些元素是相互关联的。正如美国邮政服务的例子所示，缺乏对邻近性的关注会导致直接的认知紧张，损害用户体验。
接近原则不好的案例。由于字段标签更接近它们下面的字段，人们可能会感到困惑
以下是一个很好的邻近原则案例。我们可以看到相关元素是如何通过邻近关联的（分组元素用紫色表示）。
一个网页设计案例，用好接近原则。
一致性原则使数字产品的使用更加可预测，满足用户的期望。设计中的一致性可以培养熟悉度，提高用户体验、可用性和效率。另一方面，不一致的设计会产生更多的认知负荷/脑力劳动，导致混乱和挫折。这相当于在用户的路径上设置障碍。让用户的心突然停止！
做好一致性可以增强“审美凝聚力”。“我们都知道，当我在使用应用程序时，如果应用程序的导航位置经常发生变化，或者像“加入购物车”这样的主按钮在不同的屏幕上从红色变为绿色，那将是多么令人沮丧。
除了视觉一致性和易用性外，品牌一致性在产品设计中也起着重要作用。如果没有一致的元素，如排版、配色和图案，高质量的品牌体验将无法传递。
一致性意味着在设计中使用类似的用户体验 UI 完成类似任务的元素，即在整个产品中具有类似的功能和行为。一致性对用户体验的可用性有很大的贡献，因为可用性是评估用户界面易用性的质量属性。
一致性是通过使用相同的配色、排版、间距、模式和交互来实现的。
色彩在设计中非常重要，几乎是设计中最具影响力的创意元素。仔细考虑的配色可以使设计从普通到惊人，而平庸的配色可以降低用户体验，甚至阻碍他们使用产品的能力。
明亮而丰富的颜色比柔和的颜色更引人注目，因此具有更大的视觉冲击力。柔和的颜色可以提供愉快而微妙的配色方案，但必须有适当的比较，特别是文本，以确保可读性。
颜色甚至可以用来呈现 UI 结构感并指向可用的交互，但设计和制作配色方案并不是一项简单的任务。除了品牌，我们还必须非常小心地创造颜色的和谐和耐用性，这样它就可以在每个场景中正常使用。
色彩心理学不容忽视。色彩承载着意义和情感，可以向人们的潜意识传递信息。在品牌方面，人们对颜色做了大量的心理学研究，因为颜色会在人们与品牌互动之前产生本能的反应。例如，蓝色通常被认为是可靠的、安全的和平的。想想银行；红色是令人兴奋的，被认为是为了增加人们的心率，想想饮料包装。
极简主义的深色主题设计传达了一种特定的品牌气质，并使用了少量的颜色。
排版在设计中起着非常重要的作用，不管它有多重要。在构图中，字体风格对人们感知设计的影响比其他任何元素都大，除了颜色。
由于我们的大脑以闪电般的速度运行，字体会影响设计，因此它可能会在不到一眨眼的时间内改变用户的印象。与颜色一样，字体甚至会影响我们的情绪。高级设计师可以通过字体传达情感和风格。通过选择合适的字体，我们可以传达稳定、优雅、舒适、可靠、强大的信息。
排版层结构可以快速建立视觉层结构，并通常在其中发挥重要作用。因此，不同的字体和字体大小通常用于设计，如标题、副标题、文本和参考。
“除了确保文本清晰易读外，排版还可以帮助您理清信息水平，传达重要内容，表达您的品牌。” ——苹果的人机界面指南
兰博基尼的网站巧妙地利用排版风格和比例来赋予其设计力量。
Claude Debussy 曾经说过，“音乐是音符之间的空间”。同样的观点也适用于设计，元素之间的负空间强调、平衡和统一。
元素周围适当的负空间关注元素本身。它强调内容，并提供必要的呼吸空间，以确保布局不混乱。没有呼吸空间，人脑就不太可能扫描兴趣点，更容易感到困惑。
苹果官网提供了一个利用负空间创造强烈焦点的突出例子。
人们已经开始期待所有平台和设备的优化和无障碍的用户体验。理解设计原则及其交互方式对所有设计师来说都至关重要。使用专业技能设计是创建视觉吸引力功能设计的关键。我们不应该忘记，审美的完整性会严重影响用户体验。
基于原则的设计是设计师在感到有点失落或耗尽创造力时可以依赖的黄金标准方法。在不理解和实现设计原则的情况下，也可以实现可接受的设计。然而，这可能需要大量的尝试和错误来创造好的内容和最好的用户体验。
产品的审美质量离不开它的实用性，因为我们每天使用的产品影响着我们和我们的幸福。但只有精心制作的物品才会美丽。— Dieter Rams(迪特尔·拉姆斯)
当我们不关注设计原则驱动的设计质量时，我们可能会忽略品牌质量及其所代表的一切。当某些东西设计不好时，品牌就会受到伤害，产品也会受到影响。这就是为什么伟大的设计师在他们的工作中非常严格， 他们知道“你永远不会有第二次机会给人留下好的第一印象。”
设计的细节造就了设计本身。—— 查尔斯 伊姆斯（Charles Eames）
欢迎关注作者微信微信官方账号:「彩云译设计」
热评 番茄锅无敌美味！