UI设计美术基础功!聊聊点线面

作者&投稿:弭阁 (若有异议请与网页底部的电邮联系)
~ 点线面 是 平面设计 中的基础,基础知识对设计师后期的成长是起到至关重要的。再好的表现技法、形式,如果有没有了设计的基础和准则,都是有问题的。设计中实用形象作为激发人们思想感情、传递信息的一种视觉语言。它是一切视觉艺术不可缺少的组成部分。 平面构成 是以知觉为基础的。人们在长期的实践和认识过程中发现,构成视觉形象的造型元素是点、线、面。

下面我们就一起来了解下吧!

一、 点线面 的基本作用

点——点是点缀、丰富画面气氛的元素(下图左1)

线——线是连接页面、引导视觉、丰富画面(下图中)

面——面是信息的载体、分割画面(下图右1)

二、点有哪些特征?

体积小、分散的、远的、大空间对比下小的、密集的。

看看生活中的点:

(围棋、星空)

(雨滴、铃铛)

三、点的变化-1

点的形态特征不同,给人的视觉感受也不同。

点太大太小都会引起视觉感受不同。点越大就成了面,面越小就成了点。

点的变化 -2

点在画面中的位置和方向很重要,它影响的画面的视觉感受和走向。在对比下相对小的就变成了点。

点在画面中存在,它的数量多少都会影响视觉感受的强弱。整齐的点越密集就变成了线。

点发生一定的变化可以是线也可以是面。

四、点的设计应用

图中的橘子面包的实与虚、物体的明与暗对应了点的浓与淡。点不单单是一个原点,有时候实物也可以是点。

即使同为文字在大小的对比下,越小的就是点。利用点的灵动特征让单一的画面灵活起来。这就是点的对比。

即使没有绿点的情况下页面也依然高大上,当时加上小小的绿色亮点之后,让画面提升了视觉感受,让页面更透、层次更丰富。

活跃气氛的飘絮去掉之后,画面的氛围感失去了。即使还有一些线条带动画面,但是氛围感弱化了。

说一说

有对比就有点

点不是单独存在的

点用来丰富画面和层次

点可以让你的页面轻飘起来,也可以让你的页面有速度感

除了这些点的作用还有很多,多观察会看到更多。

五、 线有哪些特征?

细、长、弯曲、斜

生活中的线:

平面设计 中的线:

六、线的变化

△ 点线面之间的过渡关系

线是具有位置,长但不宽不厚。它是点的移动轨迹,是面边缘面与面的交界从造型的含义上面讲,线只能以一定的宽度表现。点线面三者可以用过自身的变化切换为对方。

当线在画面上加粗一定程度,那么我们就会把它看成面。点线面不是绝对存在的,是相对存在。

七、无形的线和有形的线

我们先来看看排版中的线,很明显3个案例中都没有几何线。所以我对它们的定义是无形的线。

看黑色条,我们不难发现。文字的长度、高度、也对应了几何线的变化。为什么我们经常排版起来难看,因为没有粗细、长短的对比。线可以是单独的一条线,也可以是某个元素。点可以是文字,线也可以是。

看到其中的线了吗?如果没有看到,看下图。

通过白线不难发现,画面中的线——视线。人物的视线引导我们把视觉转向文字

△ 画面中有形的线

从案例中,清晰的线条让画面有速度感、层次感、丰富板式。

八、线的常见应用

信息分类(左1);引导视觉(中间);强调重要性(右1);

线是对设计的补充、装饰丰富画面,可柔美、可速度、可静止,千万不要为了加线而加线,这样无疑是画蛇添足。

还有很多线的应用就不一一举例了,只要仔细观察就明白了

九、面有哪些特征?

不规则、几何形、偶然性

生活中的面:

面的变化

面在几何学中是线的移动轨迹,点线面是相对存在的。

面的种类 -1

△ 直线形的面

具有直线表现的视觉感受特征,列如:正方形安定、有序简洁。

△ 曲线的面

给人随意、舒适、柔美的感受,正圆过于完美则显得呆板,而扁圆呈现出一种变化的曲线,美感更好。另外残缺也不失一种美

面的种类 -2

△ 自由曲线的面

个性鲜明、随意,带给人优雅、柔美和温暖的感受。

△ 偶然的面

用特殊的方式构成的意外的形态,非常独特的视觉效果。例如墨迹、水花、泼洒的咖啡等

十、无形的面和有形的面

找到面了吗?没有、看下面。

从案例上面画的黑色块中我们不难发现,人、物体将我们的画面一分为二。面积超过页面的50%,这些物体、人、或者某个元素在画面中的面积比例超过了50%,则为面。并且不像几何面那么的清晰,所以我把它称之为无形的面。

十一、设计中有形的面

从案例上面画的黑色块中我们不难发现,几何的面把我们的画面分割,得到层次感。另外面也可以作为信息的载体,让文字在画面中更清晰的表现。

十二、一起看看优秀设计中的点线面

用彩色铅笔排成的线,太美。如果彩虹一般。所以当某个元素变成线,也是一个不错的创意。

用线引导视觉,点也有若隐若现的变化。层次关系明显。

斜切面分割画面,打破传统的面,使画面动感足并且符合页面主题。

十三、回顾点线面

点——画面的气氛点缀、丰富层次,有对比大小就有点

线——引导视觉走向、链接信息

面——画面层次分割、信息的载体

点线面是互通的,是相对存在的。也不失单独存在的。

最后需要自我提升

多观察、多思考、多做

观察——观察优秀作品中的点、线、面、色、光、质、排版等要素

思考——理解为什么要这么做,这么做的好处

多做——做好和做了是2个选择,取决于自己

不知道大家看了本次美术基本功--点线面,有没有了解多一些呢?需要更系统学习UI的话可以加Q1289916063,从零基础手绘开始。

小白想学习ui设计,应该怎样入门?
答:另一方面,通过手绘,能突出自己创作的与众不同,甚至能够从“乱涂乱画”中得到灵感。没有美术基础的小伙伴也不要太担心,这些后天可以勤加练习弥补的。5、学会寻找灵感 找灵感其实也就是培养审美的能力,这点建议大家可以多逛一下设计网站。当你能知道什么好看,什么不好看,会排斥那些不好看的设计的...

UI设计难学吗。需要什么基础???
答:在最近科学技术的发展中,UI设计也成为IT行业越来越不能缺少的环节。对于很多同学来说,UI入门是比较简单的,但是一定要注意选择适合自己的学习路线,一条合适的学习路线才能达到有效学习的效果。那么UI设计需要什么基础呢?1. 理论基础 对于UI行业基础理论知识有了大概的了解后,在学习过程中也会更加有思路...

UI设计要怎么自学?
答:1、UI设计常用的软件只有几种,大同小异。掌握设计工具,结合理论知识反复练习和使用,相信这一点对于系统学习UI设计的小伙伴来说并不难。2、零基础的小伙伴可以从这些基本点出发进行学习,循序渐进。3、后期主要是靠小伙伴们对于设计的敏感度,也就是审美和创意的培养。当然了,我们可以在后期的工作过程中不断加强,形成...

UI设计师要学什么
答:成为一名优秀的UI设计师,不仅需要设计能力,还需要其他很多种能力,那么学好UI设计到底需要掌握哪些技能呢?一、 软件能力 学习UI设计最基本的就是软件的学习,目前UI设计需要学习的软件主要有:PS,AI,AE、DW及原型图软件和一些极少用到的辅助软件,比如Sketch,即Sketch-A-Etch,是一款素描绘画类的软件...

ui设计初学者如何入门?
答:新手学UI设计要学多久,主要看你想学到什么程度,想通过什么方式去学习,学习能力怎么样。如果你只是因为有兴趣想学着玩,只需要学习UI设计软件的基础操作,基础操作的话一般时间会是在1-2个月左右。但是你会软件的基础操作,并不代表你已经学会了UI设计,最起码你得要有就业能力才能说学会,那要学多久才能到就业的程度...

零基础学UI设计,需要美术基础吗?
答:首先看看这个画家,传说中的一代大师,毕加索,多年画画经验,顶尖画师。那么很多人会问一个问题就是。我们做UI设计难道也要成为这种人物,苦练几十年画功吗,其实是不需要的。其实,简单来说,我们学习美术基础,只是为了辅助UI设计做图,所以呢我们美术这块,大家可以用低重心自动铅笔加交互原型尺加画画...

ui课程都学啥?美学功底重要不?
答:ui设计并不是在很短时间之内可以学好的,ui设计行业是一门艺术,也是需要长时间的日积月累长可以。其次:ui设计的学习内容包含了手绘,对于有美术基础的人来说,学ui设计很有优势的,没有美术基础在学习过程中,你多花点时间认真学习。然后:学习ui设计都是从零才开始的,没有美术基础也是可以的,有...

ui设计要求美术功底么
答:UI设计需要美术功底:对于设计来说,创意想法是一方面,想到能否准确的表达出自己的想法又是一方面,就比如说有美术基础的会有更多的表现形式,常用到的技能有手绘,写实图标等,优势更多的体现在技能上。UI设计对于视觉表达只是其中的一个方面,只要是被广大用户认可接受的表达都是可行的,这样说的话,做U...

ui设计学什么?
答:目前游戏端UI设计在近几年发展并以前没有那么好了,主要是因为现在腾讯网易这些大公司已经把游戏的市场站领了,其它的都是一些小公司,所以这个行业发展没有之前那么好了。而且游戏UI对美术基础要求也比较高。这就是类似游戏的界面,这里面的按钮就是游戏UI设计师用手绘板画出来的,做这个工作的话必需要...

UI设计师需要有很深的绘画功底吗?
答:创意想法对于UI设计来说是很重要的,但这只是一方面,能通过不同方式与途径准确地表达出自己的创意想法又是另一方面。对于有美术基础的设计者来说就会有更多地表现形式来表达自己的想法,比如常用的手绘、插画、写实图标等。那有美术功底的UI设计师会有哪些优势?1、有美术功底的设计师了解线条、明暗关系...