页面设计中的排版四大原则

　　四年夜本则：密切性、对齐、反复、比照

　　设想页里最根本的便是排版规划了，假如您以为本人设想的页里老是那里不合错误劲，为何他人的页里看起去那末舒适，或许那篇文章能解问您部门的迷惑。

　　UI设想中，除我们夸大的配色计划，字体，UI元素以外，借有一面是很主要的，那便是-设想规划的四年夜本则。(对齐，比照，密切性，反复)

　　-本文拿APP-MONO做为解说范本。

　　1、对齐

　　对齐(Alignment)：任何工具皆不克不及正在页里上随便安顿。每一个元素皆该当取页里上的另外一个元素有某种视觉联络。那样能成立一种明晰、精致并且清新的中不雅。

那个页里是一个保举存眷的列表页，到处能表现设想者的对齐方法。最右边的取屏幕边沿的对齐，列表的保举名字的对齐，左边的“存眷”按钮的对齐 等等。那个页里看上来一切的元素皆同一，有联络并且相互相干，各个零丁的元素之间存正在着某种视觉纽带，固然出有距离线，可是经由过程同一对齐的方法，使页里看起去更简单且美妙。 

　　2、比照

　　比照(Contrast)：比照的根本思惟是，要制止页里上的元素过分类似。假如元素(字体、色彩、巨细、线宽、外形、空间等)没有不异，那便痛快让它们判然不同。要让页里有目共睹，比照凡是食最主要的一个果素，恰是它能使读者尾先看那个页里。

那个页里是内容保举列表页，从笔墨的比照阐发去看，文章的题目取简介的比照，面赞数批评数战文章题目的比照，了如指掌，使页里更容易读。

　　3、密切性

　　密切性(Proximity):相互相干的项该当接近，回组正在一同。假如多个项互相之间存正在很远的密切性，它们便会成为一个视觉单位，而没有是多个伶仃的元素。那有助于构造疑息，削减紊乱，为读者供给明晰的构造。

上里那个页里白色框框出部门属于两个内容块，中心有一个间隙，那便是属于密切性的使用，使得统一块内容正在一个地区内。

　　4、反复

　　反复(Repetition):让设想中的视觉要素正在全部做品中反复呈现。能够反复色彩、外形、材量、空间干系、线宽、字体、巨细战图片，等等。那样一去，既能删减层次性，借能够增强同一性。

　　那个页里是内容列表页，多个内容块是属于统一种设想情势-做者+图片+题目+简介+操纵，每一个内容的设想情势皆是一种反复，有了反复，读者能够更浅易的浏览，不消进修本钱便晓得是怎样的展示情势。很易设想一个列表页有多种设想情势(上里做者中心图片上面题目or上里图片中心题目上面做者or接纳左中左的情势)，那样不只没有美妙，也会给用户形成进修本钱，设想者战开辟者也得花更多的工夫正在页里上。

　　小结：页里更多会接纳上里四种排版混淆的设想情势，认真不雅察上里每个页里便没有易发明四种设想本则皆有效到。

　　念更深化进修四年夜设想本则的读者能够来看看《写给各人看的设想书》，会有更多的启示。

　　无以端方，没有成周遭。