设计的原则
2011-08-10 阅读 110
本文是关于设计原则的一篇文章，看到了试着翻译了下，不足之处望大家多多指点。
### **从基础开始**
这个专栏是关于网页设计的，它有时真的让人感觉不是一点的遥远和让人心烦意乱。在我看来，任何一个好的关于设计的讨论都是从基础开始
的。几乎从被定义到主要原理在任何领域的基础都是相同的：他们用各种各样的方式应用于各种科目上。它能引起一些概念上的混淆，如在特
定的媒体原则运用与实际的特殊的约束。
由于网页设计方式的新颖，和其他设计方式比较起来时相当于新的方式。正如任何设计学科，在网页设计处理方面有着独特的方式，如分辨
率、色彩填充空间和图片压缩。但是太多独特的细节经常推翻我们在大图像的感觉。我们从事实出发，网页设计推向核心设计观念，这种观念
在不受未来更多工艺考虑的干预会使任何设计更强大。
### **如何适应网页设计**
我趋向于把网页设计解释成许多更大领域设计的一种学科（和打印设计，工业设计，室内设计等一样）。退一步说，我把设计看做一个艺术领
域的学科（像雕塑、绘画、插图等）关键是为了设计基础讨论，它们涉及到网页设计，而我们需要知道的是网页设计中是从多年以来我们所接
受的其他艺术形式继承好的那部分的。这些艺术形式，如演化了数个世界的微影、印刷、绘画/插图和工业设计，一些基本理念，已经成为任
何艺术设计的基本指导了。当谈论基础理念时，我们不可避免的看看我们的学科和采取一个稍大的观点。
在专栏的第一段我们以不同角度用来更好的认识我们的行业。在第二段，我们将采用更大的角度来建立一个基础。在第三段我们将把它们系在
一起，用真实世界的例子来告诉我们基础怎么实践成一个网站的。
### **设计规则**
在设计领域有很多基础理念。依据理念或者教学方式，它们被不同的分类。我们需要做的第一件事是整理它们，以便我们对这个讨论有个框
架。
我们将基础原理分为两部分：规则和元素。从这篇文章看来，设计的规则是一个设计的真理。它们描绘出基本的世界构想，引导设计实践，影
响整体的设计布局。通过这个比较，设计的元素是设计他们自己的组件，被安排的对象。
让我们开始聚焦于设计规则，我们行业的原理。我们将明确的看下面的原则：
- **平衡**
- **节奏**
- **比例**
- **支配**
- **一致**
### **平衡**
平衡是一种均衡，是观察图片的结果，判断他们不符合我们想象中的物理结构（如质量、重力或者页的两边）。在一个给定的设计中对象的布
置是会影响到构图的视觉效果的。平衡通常有两种形式：对称和非对称。
### **对称**
对称平衡存在于一个构图的中心均匀的分布在中央垂直或者水平轴上。在通常情况下它会在轴的两边采用完全相同的外形。当对称只是相似不
是相同时，称为相似对称。另外，也有可能建造一个构图是围绕一个中心点的径向对称。对称平衡以对称均衡为人们所知。
### **非对称**
非对称平衡存在于一个构图的中心不是均匀的分布在中心轴上。它包含在一个构图里对象不同尺寸排列，以至于他们各自平衡着自己的视觉重
心。经常会有主要方式会抵消很多较小的方式。总之，非对称的构图倾向于有一个更强烈的视觉张力。非对称平衡以不对称均衡为人们所知。
### **节奏**
节奏是重复或交替的元素，经常用来界定他们之间的间距。节奏能够创建一个动的效果，也可以建立模型和结构。有许多不同类型的节奏，通
常看到它就会引起一种感觉。
·规律：一个有规律的节奏出现在元素之间的间距，经常元素他们自己在尺寸或长度上相似。
·动态：一个动态的节奏能给于一种活动的感觉，在自然中经常会有更多的有机的节奏。
·先进：一个先进的节奏通过一个先进的步伐展示一个顺序形式。
### **比例**
比例是一个形状在尺寸或分配的比较。它是一个元素和另一个或者一个对象和他的一部分之间的比例关系。一个构图不同的比例会涉及到不同
的平衡或对称，能帮助建立视觉重心和深度。在下面的例子中，注意较小的元素似乎向后退而较大的往前。
### **支配**
支配涉及到设计里不同角度的重心。它决定了一个构图的视觉重心，建立空间和远景，经常决定当眼球第一次看到设计图时会看向哪里。有三
个关于支配的阶段，各自影响着构图中特别对象的重心。
·显性优势：事物会给出最强的视觉重心，主要中心的元素增长了构图的前景。
·下属优势：元素的次要重心，元素在构图的中间立场。
·再下属：事物给出的最小视觉重点，元素的第三个重点会减弱到构图的背景。
在下面的例子，树为显性优势的元素，房子和丘陵为第二元素，而山为第三元素。
### **一致性**
一致性观念描述了个别部分和整体构图之间的关系。调查给定的设计图方面，构图整体感是必需的，它能给出一个整体的感觉，分开它，会给
出一个意义上的变化。设计中的一致性是一个观念，源于一些视觉和心理的完形理论，特别是那些人类大脑如何处理视觉的组织或组。
完形理论本身是相当长和复杂的，处理各级抽象和概念，但是一些基础的想法源于这种想法是很普遍的。
### **闭包**
闭包是一种方法，当它意识到一个对象正在丢失一些细节的时候，就会趋于填写那些遗失的信息。对象会被拆分成更小的组，当一些细节丢失
时就会趋于添加关于这个对象的信息，来完成闭包。在下面的例子，我们强制填写丢失的信息来创建出一个模型。
### **连续**
连续是一个从你看的方向开始，会让你继续看，直到有更为重要的东西分散你的注意力的方法。远景，或者主导方向线的作用，就是成功的引
导观众的视线到一个指定的方向。另外，任何主题的视觉方向再设计本身能引起一个类似的效果。在下面的例子中，视线立刻转道路的方向一
直结束在右上方的参照物。没有其他强制分散并改变注意力的物体。
类似，结合和队列
由于大脑潜意识的语义关系，在项目组成时，把尺寸，形状和颜色相似的项目趋向于组合在一起。另外，用靠近或对齐的方式把项目分成组。
在下面的例子，注意到在左上方定义对象的形状比右下方分组要容易得多。
### **相关概念**
有许多额外的概念涉及到设计的原则。这些可以包含特别的术语和/或技术，在某些方面基于一个或多个上面的原理。最终，他们加入采集构
想工具被设计者有效的使用。
### **对比或反对**
对比动态张力概念的地址和冲突的程度存在于构想中一个给定的设计的视觉元素。
### **正面和负面的空间**
正面和负面的空间影响到构想中图形和背景的并列。在环境的对象带面正面空间，而环境本身是负面空间。
### **第三定律**
第三定律是一个构想工具利用这个观点，最有趣的构想是主要元素不在中央。基本上，让任何参考系分到三元素在构想线之间。
### **视觉中枢**
任何页面的视觉中枢在真实中心稍稍上面偏右点。这会倾向于自然布置的视觉焦点，有时会被作为博物馆高度被提及。
### **颜色和文字**
很多地方颜色和文字围绕着上面我提及的五个原则。我个人认为都是设计元素，所以我在下一个专栏给了他们一些注意点。另外，两个论题都
很强劲，我计划在以后写一个完整的关于他们的文章。
### **结论**
在网页设计中很容易专注于很多中间独特的约束，完全忘记一些潜在概念而加强一些设计。我们需要从我们特别领域退出看看领域的历史，为
了更好的谈论一些概念。所以在这我们找一些我们专业的原理。
在这篇文章中我们看到设计原则的一般原理。设计原则是我们专业的指导手册，基本概念的平衡，节奏，比例，支配和一致性。成功的使用这
些核心思想确保任何设计能够很好的实现。
在下面的专栏，我将讨论一些设计的元素-作为设计的基本组成包含点，线，形状，结构，颜色和文本。评价或建议是被欢迎和感激的。
### **更多的资源和参考**
关于文章中所有的主题有很多可用资源，在线和离线的。下面的小列表是可参考的一些资料，但不是很全。
原文地址：[http://www.digital-web.com/articles/principles\_of\_design/](http://www.digital-web.com/articles/principles_of_design/)
设计 原则
更新于 2023年03月28日
