关于网站建设的一些重要原则总结（一）

        网页视觉设计中总会遵循一些基本的设计原则，不论你是经验丰富的行业大牛或是刚进入网页设计领域的新手，巩固容易忽略的设计原则将会极大地改善你设计工作的质量。于是网站建设小编较全面总结了网页设计中一些视觉设计要点原则，并将它们大致分为以下几项：
 

　　· 统一

　　· 对齐

　　· 连续

　　· 强调

　　· 主体及背景关系

　　· 层级关系

　　· 一致性

　　· 相似性

　　· 留白

　　· 平衡

　　· 邻近关系

　　· 闭合
 

　　什么是网页界面视觉设计？

　　视觉设计能帮助我们将文字等信息经过定制处理然后传递给观众，我们可以通过视觉上的设计和观众沟通。你的文章传递信息包含你画面的形状、文字、符号、图片、留白、材质、色彩甚至运动（画面上的动画以及相关的运动效果）。你的目标是成为一个通过设计来引导用户的向导，引导他们去你想要他们去的地方(也是对他们最好的地方)，一个好的UI(用户界面)将会认真对待这个问题并提供适当的解决方案。
 

　　下面你会发现一些设计原则和一套你应该意识到的、有用的格式塔原则。它们应该被当作指导方针，而不是一成不变的，从而帮助你做出更大的凝聚力和质量的决定。
 

　　网站建设小编认为一个共同的主题将带领我们学习我们今天讨论的所有原则：关系。好的视觉设计来自于成功地在你的工作中创造出与众不同的关系。然而,请记住,这些要点内容相对容易学习和理解，但是，我们需要不断地练习，将这些碎片拼在一起，并取得成功的结果。
 

　　我们列出的许多原则（比如邻近关系和主体背景关系）可以被归类为格式塔原则。这些要点原则在于我们作为旁观者应该如何将一系列原则融为一个整体。我们如何寻找正确的工作模式，正如我们已经提到的，关系。与其他视觉设计概念类似，这些原则可以应用于印刷品、网络、视频和摄影等设计领域。
 

　　那么，让我们从我们来看第一个视觉设计原则开始！
 

　　统一

　　设计最能发挥综合整体的作用，当所有的元素都放在一起时，它的目标是实现统一。尝试建立统一的结构。接近、对齐、连续续和重复可以帮助在元素之间实现感观上的统一。这还可以帮助您在不使用额外的边幅或其他设计元素的情况下将这些难题分开。作为观众，当我们看到新事物时，我们首先感知整体结构。

　　（Dropbox关于我们页面样式上的统一）
 

　　Dropbox网站做了很多规范的设计处理，很好地利用了我们应该遵循的一些设计原则。“关于我们”页面是统一的一个很好的例子。注意，在页面上只有几个元素就可以轻松地实现可视化的统一。他们甚至可能再删除多余的边框后，统一感仍然有效。
 

　　统一需要稳固地建立起来，它不会在一瞬间发生。把它看作是宏观和微观统一的组合;当你建立一个整体的统一印象时，较小的元素也需要传达凝聚力。
 

 

　　（GitHub界面统一性设计）
 

　　GitHub在建立统一性方面也做得很好。在这样一个内容丰富的页面中，所有的小细节构建成一个一致的整体，所有的部分都是一致的，没有什么是负面的视觉效果。
 

　　统一和凝聚力强的界面让观众更舒服。建立信任和理解用户应该如何阅读内容是免费的良性副产品。如果没有什么能妨碍用户的注意力，那么用户体验将会更加顺畅。
 

 

　　（GitHub界面统一性设计）
 

　　上面的插图是另一个很好的使用统一原则的例子。显示内容列表的图块不需要更多其他元素来建立统一。
 

　　对齐

　　对齐方式可以减少视觉上的混乱。想想凌乱的办公桌和有条理的办公桌。即使你喜欢你的新潮但凌乱的办公桌，你的听众或客户不认同你的办公桌，你也会欣赏到一个有序的外观，而不是一个混乱的桌面。如果您能够通过对齐建立某种类型的流，那么导航和找到相关的信息就更容易了。作为一个副作用，层次结构（我们稍后会看到）更容易建立，如果没有元素在这个位置上浮动。
 

 

　　（Dropbox界面中对齐的应用）
 

　　这张来自Dropbox帮助中心的截图展示了使用清晰网格来正确对齐元素的视觉效果。
 

 

　　（themanyfacesof.com，一个来自帕拉维尔的有趣的副业项目）
 

　　上图是一个包括非常棒的伯特雷诺主题网站，它有大量的例子可以说明好的对齐方式是正确的。这种排列非常微妙，主要是通过声音的排版和清晰的网格，以及每隔一段时间就能熟练地实现对齐。
 

 

 

　　（Dropbox的功能列表）
 

　　Dropbox的功能列表是另一个值得研究的例子。简单、朴实、有效的设计工作，利用对齐到最大效果来组织内容。