返回

柳州天琥设计培训学校

ui界面设计中的构图法则

UI设计学习网更新时间:2020-12-16 浏览:194

ui界面设计中的构图法则

1.什么是构图
 

构图(Composition)是指在有限的画面中合理布局和排列各种元素,以达到画面中图形和文字的*位置,产生*视觉效果。
 

构图是整个画面的骨架,它决定了视觉营销界面是否准确表达主题并吸引用户的注意力。
 

2. 构图的四个基本原则
 

均衡、对比、律动和视点。
 

主要从APP引导页设计,APP banner图设计说起,这四个基本的视觉构图法则适用于偏平面设计。当然,这也是大家学习APP ui设计的基本理论知识。
 

当然,一个完整的引导页界面包括:主题图、背景渲染图、文本、点缀图和动画元素。
 

1)均衡
 

每个元素都保持布局上视觉重量的平衡和对称,因此视觉界面有一种平衡感和稳定感。堆积是一种极端的平衡状态,具有强烈的平衡感和稳定性,它有很大的局限性,并且缺乏变化。
 

2)对比
 

在视觉界面中,通过大小对比、字体大小、粗细对比、疏密对比、曲直对比的形式突出和加强主题,吸引用户的注意力。
 

3)节奏
 

可以理解为节奏、规则、跳跃、动感等元素。
 

它在引导用户的视觉轨迹方面发挥着重要作用,研究表明,图片的右上角吸引的注意力最多,而左下角吸引的注意力最少。节奏可以给人一种视觉上有规律的节奏效果,从而吸引用户理解APP界面的内容。
 

4)视点
 

是视觉的中心点或焦点,也是视觉传达要素的核心点。
 

视点:画面的视觉中心,构图的视觉中心*须是界面最重要的内容,也是让用户理解的内容。视觉中心通常位于画面的八分之五的地方,作为视点构图的基础,可以更突出地显示视觉主题,将用户的注意力集中在主要内容上。
 

相关资讯

ui设计学习方法

ui设计学习方法
2020-09-11 7137
给大伙儿共享一些有关ui设计学习培训的学习的方法,期待每一个来学习ui设计学习培训的盆友都能有非常大的取货。有关ui设计学习培...
零基础怎么入门学习UI设计呢
2021-06-25 2087
对于基础薄弱的小伙伴们来说,学习UI设计的头绪是比较大的,虽然有很多的书籍和视频可以供参考,但是很多人缺乏规律性,缺乏自学精...
GUI、UI、UE、PM都代表什么意思
2021-01-21 1046
UI-UserInterface-操作界面-包含了GUI,可是彻底2个不一样的职位-广泛,能够是加工厂设备操控台页面,还可以电冰箱门上的溫度调整页面,或是是一个APP的页面,但大家如今通俗化了解是指网页页面或是APP的总体页面...
零基础学习UI该怎样学习
2021-11-10 824
能不能学好一门技术性自身较大的要素取决于你是不是对它有兴趣爱好,次之是方式和恒心。针对新手怎样学习UI这一件事儿,这也是许多新手最关注的点...
UI页面中的排版设计基础理论
2021-01-21 818
看起来仅有好多个简易的原素组成起來,全部原素的绘图可以说非常简单,殊不知当一个产品原型出去后,室内设计师假如单纯性按原形来开展设计方案而不考虑到信息化管理标准,那麼许多情况下便会出現不融洽的效果...
如何做出有格调的设计
2021-11-06 764
什么是情调?总之便是给人一种精美而高端的觉得。今日要带上大伙儿来扒一扒说白了情调感的设计方案有什么招数?根据科学研究很多...
UI的设计趋势
2021-11-10 748
作为一名技术专业的UI设计师,假如你能掌握UI设计的发展趋势,可能立即伤害的设计方案功能和水准...
UI设计师该怎么去练习
2021-11-05 744
美术家根据平常很多绘画提升自己,艺人根据很多影视剧造就自身,室内设计师呢,大家平常的新项目各种各样限定,难以放进个人作品集,那麼该如何去做训练...

相关课程

栏目导航