【设计干货】UI界面的构成法则!
作者:优漫动游设计部 2023-09-23 16:46 查看: 186

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


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


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

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

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

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

  平衡

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

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

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

  对比

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

  调和

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

  节奏

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

  变异

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

  广州UI设计培训全程大咖级讲师资亲授,多年教学经验,掌握最前沿的IT技术(移动端设计、UI设计、AI与品牌设计、产品交互、photoshop等),拥有实力雄厚、大型实战项目经验丰富的技术团队。用真实的工作体验让学员提前适应职场,4个月后直接走向工作岗位,避免工作后的水土不服。了解详情请登陆广州UI设计培训官网
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服