设计有一些原则是共通的，不管是产品设计、平面设计、还是服装设计，设计的形式美法则都是通用的 。今天跟大家分享对齐原则在网页当中的运用 。对齐，是很重要却很容易被遗忘的一点 。有四大原则：对比、重复、对齐、和亲密性 。书中提出：任何东西都不能在页面上随意摆放，每个元素都应当与页面上的另一个元素有着某种视觉联系 。这样能建立一种清晰、精巧而且清爽的外观 。那就开始今天的网页设计中对齐原则课程之旅 。
【网页设计中对齐原则有哪些作用？】
视觉上遵从保持尺寸和边缘的一致性 。
对齐可以让一个网站页面看起来比较规范整齐 。对齐一般有三种方式：左对齐、居中对齐、右对齐 。
在网页当中运用比较多的是居中对齐和左对齐，大篇幅的右对齐可读性上比较差，所以出现的频率不高，小部分的出现还是有的 。不管是哪种方式的对齐，网页中对齐后的文本一定要考虑可读性的问题，千万不要本末倒置 。
对齐在网页中的运用无非还是上面那三种对齐方式，正常情况下我们要注意的对齐有这些：元素的对齐、文字的对齐、图片的对齐、区块布局的对齐 。
1、元素对齐
元素的对齐指的是网页中的一些按钮、图标、搜索框等网页中的元素统一采用一种对齐方式对齐 。
用主页来举例，可以看到图标部分都是居左对齐的，元素上的对齐分布让整个界面看起来整齐简洁，内容划分也变得比较明确，可读性强，方便浏览者浏览 。
一个网页当中，会有很多元素，而元素的对齐可以让整个界面变得井然有序，元素过于随意摆放没有规律，会让界面杂乱无章 。
2、文字的对齐
文字的对齐方式也不外乎上面三种，左对齐是最常见的，居中对齐常出现在文章详情的标题部分，右对齐文字出现的频率小一点，不会以大篇幅出现，大部分在登陆注册或是产品详情界面中常见 。
左对齐的方式适合人们的阅读习惯，在网页中也比较常见，这里不多讲了 。
居中对齐是进几年随着html5流行起来，越来越多设计师用居中对齐作为一些区块内容展示的方式 。
可以看到，苹果官网在产品介绍页面，文字用得比较多的是这种居中对齐 。这样的对齐方式有个好处就是让浏览者的视线集中在该区块内容上，其次从样式上的不对称感可以增加界面的层次感和设计感 。但是文字居中对齐不适用于文字内容太多的区块 。
右对齐常见到的是在一些小的细节中，比如登陆注册界面、底部导航区块等，仔细看看还是可以发现有一些地方用到了右对齐 。
3、图片的对齐
图片对齐也不外乎上面说的三种方式，图片对齐好处理一些，主要根据网页想表达的内容去做对齐，以达到好的视觉展示效果 。所以在不同的情况下，可以采用不同的对齐方式 。
4、区块布局的对齐
上面讲的小元素对齐重要，那大的区块对齐也很重要 。视觉上的对齐，可以让浏览者快速的浏览到相应的内容 。小元素不对齐会显得乱，大区块不对齐会让整个界面没有秩序感 。
说到区块的对齐，不得不提的栅格系统，栅格系统可以让一个网站看起来有秩序感 。很多人不喜欢栅格系统，觉得限制他们自己的创意 。
事实上，栅格的运用可以很灵活，分多少栏全看设计师的设计 。
因此可见，对齐也是有层次的，不同层次内容可以采用不同的对齐方式 。
对齐相比较之前的其他设计原则来说，会比较简单也好理解，但是在具体的实践过程中，还需要设计师们去思考和设计 。对齐，不仅可以在信息层级上一致，而且会更有气势 。
推荐阅读
- WPS中一键排版具体操作方法
- 网页设计的技术要点是什么？
- CECT9898中文电话本快速查找姓名全解
- 这几种过时的网页设计方式就不要再用啦
- 2018最实用的网页设计技巧
- 创意网站设计中首页设计主题明确方法
- 创意网站设计中的视觉设计应用
- HTML网页设计有什么原则？
- 什么是网页设计？网页设计有哪些注意事项？
- 小建中颗粒的功效 小建中颗粒的功效与作用及禁忌