有哪些值得推荐的平面设计自学视频教程,或平面设计培训班,尽在平面设计学习日记网。
当前位置: 首页 > 学习日记 >

平面设计自学入门:设计的基本原理(5/5)

@酷coo豆-头像 酷coo豆 2017-09-05 浏览次数:-
平面设计自学入门:设计的基本原理(5/5)_平面设计自学教程,0基础到精通。系统学习,并掌握平面设计软件,色彩搭配,版式布局。实例包含印刷设计,户外设计,包装设计等平面设计自学视频教程。

小编:无论是纯粹的艺术还是平面设计,都离不开:线条、图形、形态、肌理、色彩等,这些最为基础的视觉元素。将这些视觉材料有机的构成叠加在一起,创造满足运营需求、以及视觉平衡的平面作品,这一过程便是设计。接下来,我们就从0开始,一起学习设计的基本原理。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

本文经“GCFlearnFree.org”授权,由@酷coo豆 翻译中文,并首发于平面设计学习日记网(xxriji.cn)与知乎网。如需转载请联系“GCFLearnFree”取得合法授权。本文地址:http://www.xxriji.cn/diary/139.html

推荐阅读

想要自学平面设计,但又不知从何下手?@酷coo豆 推荐你参考:《十万学员好评,平面设计自学路径》,以及本站的「如何自学平面设计?」系列文章。

 

一、艺术设计的基本原理

The basis of art, design, and more

-

设计基本原理是每一种视觉媒介的基础,从纯粹的艺术品到现代的网页/平面设计作品,设计基本原理一直存在于一些看似不重要的细节当中,比如组成一幅完整设计作品中的字体。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

它们有哪些共同点?一些非常基本的元素,包括线条图形形态肌理平衡。它们单独看起来可能并不常见,但把它们聚在一起,就成为了大多数设计作品的主要构成部分。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

初次听说设计原理可能让人感觉很神秘,尤其是你觉得自己不是艺术家时。不过没关系,只要你保持开放的心态,这些设计基本原理可以轻松地教会你如何处理不同的视觉元素,从零开始创造简单的视觉效果。

>>观看下面视频,以学习设计基本原理。

Tips:本文的翻译相对字幕更加贴切,大家不要忘记阅读哦。

 

二、线条

Line

-

连接两点或多点的形状称之为“线”。它看起来有粗、有细,呈弯曲或锯齿状等等,每一种可能都会让线条本身呈现不同的姿态。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

线条经常出现在设计作品中,比如:一些绘画插图作品。同时,线条作为图形元素也十分常见,比如用作材质肌理、花纹模型、以及背景图片。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

线条还可以用来划分区域、组织内容,甚至是引导读者视线。线条也可以用在更简陋的作品中,用作强调或装饰内容。在下面的示例中,使用线条创建流程图,将读者的眼睛从一个元素引导到下一个元素。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

当你需要使用线条时,要考虑到线条的粗细颜色、纹理以及特殊风格。这些微妙的特质会对你的平面设计产生巨大的影响。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

寻找画面中隐藏的线条是显而易见的。比如在下面的文本里,乐于尝试不同的线条,也会给你带来截然不同的结果。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

 

三、图形

Shape

-

一个图形是任何具有可识别边界的二维区域。这包括圆形、方形、三角形等等。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

图形可分成两类:几何图形(有规律的)和有机图形(形状更加自由)。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

图形是视觉传达的重要组成部分。它们赋予图像重要性并使其可识别。我们之所以能理解街道标志、符号、甚至抽象艺术,很大程度上是因为图形不分国界

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

在日常设计中图形有着惊人作用和用途。它们能够帮助人们识别和区分信息,或者设计简单的插画,来让你的设计画面更加有趣。看看,你能否在这下面的图片中找到一些例子。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

图形之所以重要,是因为它们是构成许多复杂事物的基础元素。在任何设计中你都会发现图形的存在。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

 

四、形态

Form

-

当基础图形转变为3D时,我们称其为“形态”。在现实世界中,形态构成了各种各样的事物,包括雕塑、建筑和其他三维物体。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

然而,形态并不一定非得是三维的形状。它们也可以通过插图来描绘,使用光线、阴影和透视等技术来创造视觉深度。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

在二维平面中,三维立体形态可以通过光影来塑造真实的观感。就像下面这个小球,如果没有高光和阴影,它看起来只是一个干瘪的圆形

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

即使是扁平化设计,也可以使用类似的技术来增加图形的深度。比如下面这个例子中,心形上的高光和阴影即使经过了扁平化的风格处理,但仍能表现出形态的特征深度

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

在日常小规模的设计中,形态的表现方式是相同的。例如,一个简单的阴影可以产生层次分明的错觉,给一个物体带来立体感

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

在你的设计中,适当的运用这种表现技法,去归纳物体的基本形态,这将给你的作品带来一种真实感。

 

五、肌理

Texture

-

肌理就是物体表面的物理材质,也就是我们常说的纹理或材质。有了肌理的加持,图像的视觉观感,就会充满现实世界的真实触感。肌理是三维物体的一部分,比如下面的例子(陶罐中的小小仙人掌)

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

也可以通过插画来表现,如果它存在于现实生活中,它就会有纹理。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

在设计中,纹理给原本平面的图像增加了深度和触感。加上肌理的影响,物体看起来会有:平滑、粗糙、坚硬或柔软的感觉。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

对于平面设计初学者来说,纹理可以很好的用于背景设计,同时可以给你的设计增添很多趣味。仔细观察,纹理时常会出现在很多你意想不到的地方,比如充满质感的字体,或光泽靓丽的图标。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

但是在你的一个设计页面中,对于纹理的使用千万不要太过放纵,大面积的肌理填充,会给你的设计作品带来毁灭性的灾难。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

 

六、平衡

Balance

-

平衡是视觉重量的均等分布(更具体地说,就是如何合理分配每个视觉元素,去引导用户的视线)。平衡会受到许多事物的影响,包括颜色大小数量负空间

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

掌握平衡对于初学者来说可能很棘手,因为它需要一些直觉。幸运的是,设计世界中有很多示例,可以帮助你了解平衡的不同展现形式。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

对称设计,是指在中心轴的两端都是相同的或相似的。它们在视觉上感觉是平衡的,因为两边的视觉重量相同(或相似的)。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

不对称设计,虽然中心轴两侧的内容有些不同,但视觉重量仍然平衡分布。这个组合构图是平衡的,因为它能引起正确的视觉关注。(在这个例子中,人名和公司Logo左右分布,视觉依然是平衡)。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

 

6.1三分法构图

The rule of thirds

-

许多人,包括设计师和摄影师,都使用一种叫做“三分法构图”的策略。首先,将你的画面区域划分为3行3列的九宫格,然后将图像的焦点放置或靠近在一个网格线上,与其余的空间部分创建视觉平衡。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

我们发现这种构图组合,具有非常好的吸引力,因为据研究表明:人眼在观察一副设计作品时会自然而然的按照这个路径去浏览。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

 

七、总结

Putting it all together

-

无论有多大画幅的艺术或设计作品,都离不开上述提及到的设计原理。换句话说,学习设计的基本原理,其意义在于学会欣赏构成每一副作品中的诸多细节。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

无论你是创建自己的图形,还是寻找一个简单的方法来提升你的作品质量。这种细微的观察力,几乎可以应用到各种类型的项目中。积小致巨,说的便是这个道理。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

 

最后, @酷coo豆  希望你能享受学习平面设计的乐趣!

当然,不要忘了学习我整理的其它平面设计自学入门系列文章,包括:字体排印色彩理论排版构成,以及图像基础篇。想要快速提升平面设计实战能力,实现升职加薪,请参考进阶教程:http://t.cn/RqRcUk9

 

关于本网站(www.xxrij.cn)

本站将坚持为热衷于为自学平面设计的同学,提供优质学习资源。聚合推荐国内优秀设计导师,以及平面设计视频、书籍、经验教程。让自学有路可循,成长更加高效。

平面设计自学入门:设计的基本原理(5/5)_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

更多有关“自学平面设计”的话题,请持续关注本站,或关注我们的微信公众号:followdesign。

>>关于平面设计学习日记网
平面设计学习日记网xxriji.cn)”是一个发布分享平面设计自学教程和分享设计经验的学习平台。为零基础自学平面设计的小伙伴提供快速入门的资源参考。让学习有路可循,成长更加高效。
>>平面设计教程资料推荐
平面设计自学视频教程:市面上最为系统全面的平面设计自学教程体系:http://www.xxriji.cn/career/9.html
设计师必备的阅读书单:百万设计师热心推荐的设计类图书目录。http://www.xxriji.cn/books
职业路径