【设计干货】UI界面的构成法则！

UI界面设计需要合理地布局和安排各种元素，使文字、图形在平面构成中达到最佳的位置，产生最优的视觉效果。

①秩序的美感。有秩序的美是一种主要的表现形式，符合人们的欣赏习惯。从心理学的角度来说，这种美给人一种平和、安全、稳定的感觉。在UI界面构成中表现为对称、比例、连续、渐变、重复、放射、统一等，是创造形式美最基本的方式。

秩序产生的美感具有简洁、直观的特点，例如：UI界面中线条、色块、图形的规则排列等。UI界面设计中的各种构成元素及它们之间的关系都可以体现出秩序。文字的排列方式、色彩的搭配与变化、图形的分布，都能够以秩序的方式表现设计的美感。

②打破常规的美感。打破常规的美不是主要的，却又是不可或缺的。这种美更具有个性，给人们带来新奇、刺激、有趣、活跃的感觉。变化是UI界面设计活力的体现，变化有助于UI界面具有不同的审美倾向，使其更加具有个性化的色彩。

在UI界面设计的过程中，采用以下构成的思维方式有助于美化界面视觉效果，增强用户体验。

平衡

平衡指从视觉反映到心理的一种心理活动，即通过视觉在心理上所达到的一种力的平衡状态。平衡是根据力的重心，将多个形象加以重新配置和调整，从而达到平衡的效果。平衡又可分为绝对平衡和相对平衡。绝对平衡也称为对称、均衡。

①对称。对称在UI界面设计中表现为以中轴线、中心点为基准，各个元素在大小、形状、排列上具有相对应的关系，形成同形同量的结构。

②打破对称的平衡。与具有统一构造的对称平衡不同，打破对称的平衡，通过对形象大小位置的精心配置、重组得到预想的平衡，可以表现出有动感的空间。在UI界面设计中这种构成比起完全的对称，更富有活力。

【武汉全链路网页UI/UXD交互设计系列培训课】

http://www.yanguosheji.com/h-col-105.html

对比

将不同的质或量形成的强和弱、大和小等相反的东西放置在起时，产生的区别和差异。由于互相刺激产生了大的显得更大、小的显得更小的视觉效果，起到了使形象更加突出的作用。

调和

调和即是和谐，指构成画面的各个要素之间的关系，能够适合、安定、和谐一致地配合。和谐强调的是形象的近似性，即两个或者两个以上的元素同时出现时，相互之间有共性。UI界面设计中需要处理好元素造型特征、色彩、方向的调和。

节奏

在音乐中节奏表现为节拍的清晰、高低、强弱、长短，以及优美和谐的曲调，给人愉悦和美感的体验。节奏产生的美感即是韵律。节奏和韵律在UI界面设计中表现为具有一定的秩序性，既有等距离的连续，也有渐变。明暗、形状、高低等的排列构成具有循序渐进的态势。

变异

变异是对旧秩序的一种突破，在相同性质的形象中，有个别异质性的象，打破原有的单调格局，立即显示出来。在UI界面设计中，变异的类型有位置的变异、形象的变异、方向的变异、大小的变异、色彩的变异。变异的应用使界面更加活跃，异质造型元素的出现在整体中最具有动感，也称为视觉焦点。