网站首页 网站导航 课程中心
新闻中心
您所在的位置:UI培训 > 新闻中心 > 【UI设计培训】如何构图提高设计品质

【UI设计培训】如何构图提高设计品质

来源:中软卓越 日期:2018-04-20 09:33 人气:
标签:
中软国际教育集团Python+大数据课程入驻大武汉啦!!!
不管是UI还是日常的活动的页面,还是广告平面设计等等,我们每天都会看到无数的画面,每个画面都给人不同的感受,首先都会给人不同的感受,然而在看到吸引你眼球的成品的时候,你是否在思考,为什么它能够吸引到我,我为什么一眼就可以看到它。

在整个设计过程中,除了色彩的搭配重要以外,首先是需要构图的,构图的重要性是很强的,就像我们经常所说的黄金分割线,为什么黄金分割线会给人一种美感呢?


那么我们先看一张照片。



这张照片会给你什么感受?你在画面上会注意哪里?可能很多人都会注意到天地相连处。我们来分析一下这个画面的构成:

这幅画面的视觉中心是天地相连的区域,大家可以看出视觉的中心线虽然放在二分之一处,但是透视线是倾斜的,避免了画面的呆板,视觉线有近到远,形成一个延续的形式,会给人一些联想的空间,这就是构图的重要性,可以将平凡物体塑造出不凡之处。

下面再看这张图: 



看到这张图后你有什么感觉?是不是感觉很压抑,有种压迫感?那么你第一点会注意到的是哪里?应该是感觉马上要抓到你的大手。之后第二视觉应该是模糊的人物。不同的画面会给人带来不同的感受,这就是画面通过构图来传达给观众的感受,这些传达出来的信息正是我们日常设计需求需要表达的。

怎么样,研究起来是不是觉得很神奇?一个图的构图角度,给人展现的感觉就不一样的。

下面我们就来了解一下几个构图的方法:

(一)中心构图法

这种构图是把主体放在画面中心,观众第一注意力肯定对焦到画面的中心主体物上,中心位置是相对饱满的设计,将核心内容直接展示,在配色上也会和四周的颜色形成对比,拉开距离,给人最直观的视觉引导(在日常banner中非常适用,我们可以观察日常的营销活动banner大部分都是采用中心构图,主要是为了凸显主题,主体物绝对是独一无二的,不会在有其他的信息超过中心位置的面积,背景以及周围元素也是要围绕视觉中心展开,都是辅助和凸显中心)。

 

 

 
(二)九宫格构图法
 
此构图方式也叫井字构图或三分法构图(在相机里经常出现,又称为拍照辅助线),就是将水平竖直方向分别把图片分成相等的3部分,把主体物放在几条线的焦点上。只要遵循这样的构图原则,一般的画面构图表现都会很舒服。有的画面主体物会在焦点的线或者周围,其实也不要紧,只要保证大体位置在相交点上就可以了,这个构图是可以利用在一些人物类场景插画中,在场景中这样安排人物会让画面更加具有灵性,在UI界面中经常会有产品介绍或者人物出现,采用中心式的构图就会有一些呆板,但是采用九宫格的构图方式,可以增强画面的形式感以及灵动性。
 




(三)对称构图法
 
对称构图就是,左右或者上下对称的构图方式,但是这类构图的会结合大的透视角度去表现,营造空间感,在沉稳的构图中创造更强的视觉冲击力。画面中首先要确定一个主体,根据主体进行丰富,此类构图的重点就是大的透视关系,透视关系决定了画面视觉张力,如果透视角度换成平视的角度,画面的视觉冲击力就会变得平均分散。
 
 

 
(四)对角线构图法
 
 这种构图方式是将主体物沿对角线来展现。会给人不稳定的活力动感,增强动态视觉表现力。也会给人饱满和延伸感,对角线构图的方式一定要注意不要做成了对称构图,对角线的两侧的物体造型应该是不一样的,这样才会产生碰撞感,两部分的物体要通过比重和颜色的产生差异,这样才可以塑造画面的视觉冲击力。





(四)三角形线构图法
 
 

设计也是需要很多的小窍门,在处理不同的需求的时候去调用不同的方式方法,这样才可以事半功倍。

中软卓越是中软国际有限公司投资的大型人才服务机构,是中软国际人才战略的核心组成部分之一,承担集团发展过程中人才储备和培养的任务,是软件及外包业务快速发展的重要人才支撑平台,是集团保持高速增长动力之一。

中软国际教育集团专注IT教育36年,一直秉承“用良心做教育”的理念,是中国移动互联网研发人才一体化服务的开拓者,全力打造移动互联网研发人才服务优质平台。

公司总部位于武汉,目前已在深圳、上海、郑州、广州、大连、武汉、成都、西安、杭州、重庆、长沙、合肥、无锡、南宁、厦门、南京、南昌等全国22个省成立了60多家分公司。拥有全国的移动互联网教学就业保障团队,做到了毕业学员业内高薪水,成为学员信赖的IT培训机构。

营业执照 版权所有©Copyright 2008-2020,武汉中软卓越科技有限公司 , All Rights Reserved. ICP备案号:15018648号-1

sitemap | 来校路线 | 分类导航 | 关于我们