(5/5)自学平面设计,快速入门教程:设计的基本原理

用户头像
成都/平面设计师/8年前/12408浏览
(5/5)自学平面设计,快速入门教程:设计的基本原理
用户头像
酷coo豆

无数令人惊叹的设计作品,都离不开线条、图形、形态、肌理这些最为基础的视觉元素。接下来,我们就从0开始,学习其中的门道。

560959b0e3a9a801211d2570147d.jpg

本文经“GCFlearnFree.org”授权,由@酷coo豆 翻译中文,首发于「平面设计学习日记网」和「站酷网」,如需转载请联系“GCFLearnFree”取得合法授权。


一、艺术设计的基本原理

The basis of art, design, and more

-

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

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

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


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

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


二、线条

Line

-

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

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

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

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

778959b0e815a801211d2548137f.jpg

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


三、图形

Shape

-

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

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

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

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

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


四、形态

Form

-

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

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

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

de1859b0f1aba801211d25d28e5a.jpg

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

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

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


五、肌理

Texture

-

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

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

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

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

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


六、平衡

Balance

-

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

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

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

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


6.1三分法构图

The rule of thirds

-

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

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


七、总结

Putting it all together

-

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

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

快速提升平面设计实战能力,实现升职加薪,请参考进阶教程:http://t.cn/RqRcUk9


最后

@酷coo豆 希望你能享受学习平面设计的乐趣!当然,不要忘了学习我整理的其它「平面设计自学入门」系列文章,包括:字体排印、色彩理论、排版构成,以及图像篇。


(1/5)平面设计入门:字体排印篇

原文地址:http://www.zcool.com.cn/article/ZNTQ5OTQ4.html

(2/5)平面设计入门:色彩理论篇

原文地址:http://www.zcool.com.cn/article/ZNTUwNTA4.html

(3/5)平面设计入门:排版构成篇

原文地址:http://www.zcool.com.cn/article/ZNTUxMTYw.html

(4/5)平面设计入门:图像基础篇

原文地址:http://www.zcool.com.cn/article/ZNTUxMjYw.html


262
阅读原文
|
举报
|
126
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
水蜜桃和李子的平面水果图案
金色颗粒质地的平面
平面人物插画
城市园林平面布局航拍
课程海报,平面素材
城市园林平面布局航拍
城阙凡花
空的平台平面和自然景观
金色颗粒质地的平面
平面设计 吊牌设计
空的平台平面和自然景观
学习,优惠券,平面,海报
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
金色颗粒质地的平面
海底世界插画
牛奶乳液层次梯田平铺平面
平面插画设计女孩喝咖啡
平面男孩喝咖啡插画设计
平面书法字手写
倒计时,海报,平面
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
古风平面仕女与瓷器
中国传统纹样创新图案设计
你可能喜欢
大家都在看
登录注册