HOME 首页
SERVICE 服务产品
CASE 服务案例
NEWS 热点资讯
ABOUT 关于我们
CONTACT 联系我们
创意牛
让品牌有温度、有情感
专注品牌设计15年

    APP设计基础!UI界面的构成

    发布时间:2021-05-13     作者:创易牛    阅读:

    UI界面设计需要合理地布局和安排各种元素,使文字、图形在平面构成中达到最佳的位置,产生最优的视觉效果。UI界面设计的平面构成是设计师首要考虑的内容。 7.0.jpg一、APP设计界面构成法则

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

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

    同时,UI界面设计强调视觉效果的整体性。构成UI的诸多要素相互依存、彼此联系表现出不可分离的统一性。7.1-1..jpg

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

    二、APP设计界面构成形式

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

    1、平衡

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

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

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

    2、对比

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

    3、调和

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

    4、节奏

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

    5、变异

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