构成设计是以对事物进行分解组合为主线来研究形态的再创造。具体地说是将自然界中的现象、规律经过理性的概括、抽象归纳出的一整套系统理论,也体现了从具象形象到抽象形象变化的过程。

界面设计元素的搭配(界面设计构成法则)(1)

构成设计是现代设计基础理论的重要组成部分,它的形式法则也是现代设计的理论依据。UI界面设计需要合理地布局和安排各种元素,使文字、图形在平面构成中达到最佳的位置,产生最优的视觉效果。UI界面设计的平面构成是UI设计人员首要考虑的内容。

界面设计元素的搭配(界面设计构成法则)(2)

界面设计元素的搭配(界面设计构成法则)(3)

爱美之心,人皆有之。自古至今,人们从来没有停止过对美的追求,艺术和设计的形成与发展是人们的一种文化和创造性的审美活动。目的是通过艺术或设计作品传递美的信息。任何艺术设计作品都离不开形式美。失去形式美就失去感染人的魅力。现代设计有时并不完全依赖内容,却常以视觉形式为主体。

界面设计元素的搭配(界面设计构成法则)(4)

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

界面设计元素的搭配(界面设计构成法则)(5)

秩序产生的美感具有简洁、直观的特点,如U!界面中线条、色块、图形的规则排列等。UI界面设计中的各种构成元素及它们之间的关系都可以体现出秩序。文字的排列方式、色彩的搭配与变化、图形的分布,都能够以秩序的方式表现设计的美感。同时,UI界面设计强调视觉效果的整体性。构成UI的诸多要素相互依存、彼此联系,表现出不可分离的统一性。

界面设计元素的搭配(界面设计构成法则)(6)

界面设计元素的搭配(界面设计构成法则)(7)

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

界面设计元素的搭配(界面设计构成法则)(8)

界面设计元素的搭配(界面设计构成法则)(9)

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

界面设计元素的搭配(界面设计构成法则)(10)

对称在UI界面设计中表现为以中轴线、中心点为基准,各个元素在大小、形状、排列上具有相对应的关系,形成同形同量的结构。与具有统一构造的对称平衡不同,打破对称的平衡,通过对形象大小、位置的精心配置、重组得到预想的平衡,可以表现出有动感的空间。在UI界面设计中,这种构成比起完全的对称,更富有活力。

界面设计元素的搭配(界面设计构成法则)(11)

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

界面设计元素的搭配(界面设计构成法则)(12)

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

界面设计元素的搭配(界面设计构成法则)(13)

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

界面设计元素的搭配(界面设计构成法则)(14)

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

界面设计元素的搭配(界面设计构成法则)(15)

,