定义与创造力:造型元素之定义——PM学Ui笔记(1)

用户头像
广州/UI设计师/6年前/312浏览
定义与创造力:造型元素之定义——PM学Ui笔记(1)
用户头像
望月wy

<简介:平面设计是Ui设计的基础,平面设计的造型3元素,其定义有矛盾的一面,为何使用这种矛盾的定义呢?>

工作中,身为产品经理(Product Manager,简称PM)与Ui(User Interface)设计师总有各种对接,视觉设计稿看多了,觉得Ui设计也不太难,时常会想:如果我来设计,会怎么样?


想多了,也就准备试试了。(这样的心态,打脸自然无可避免)


1.1、造型元素定义

ASO图 from:《Design Elements: A Graphic Style Manual》

logo怎么会是“点”呢?


以我的认知,平面设计,可以视为Ui设计的基础。平面设计处理的对象:造型(Form),造型即信息。


所谓造型,通俗一点理解,就是形状(shape)。利用材料,赋予对应的外观,帮助观者理解其所见,明晰其传递的信息。是以,造型包含:形状,条纹,文字、图片等。


造型构成元素,只有3个:


点(Point):最小的记号单位,与形状无关。


线(Line):点在运动中产生的轨迹。


面(Plane):线在运动中留下的的轨迹。(这里会有个空间的概念,后面会有详细论述。)


一言概之,“点、线、面”的定义,都取自数学中的几何学。三个元素的定义,和我理解的不一致。


1.2、不可见与可见


点,就是一个小圆点;

线,细细的一根线条;

面,无非是一块平整的面。


视觉上,不是如此吗?


日本“朝仓直巳”在其《艺术·设计的平面构成(修订版)》讲:“在数学上,线与线相交的交点是点的位置。点不具有大小,只具有位置,但在造型上点如果没有形,便无法作为视觉表现,所以造型上的点具有大小,当然也具有面积和形态。”


我所见平面设计材料,造型构成元素定义,均是采用抽象数学定义,无一例外。


可是,“数学定义”与“现实”有矛盾。


点与线,定义上不可见;可实际运用,视觉上必须可见。为什么要使用这么矛盾的定义呢?背后的用意是什么?


1.3、良苦用心

明明是矛盾的定义,为何是行业共识?


为了解决这个问题,寻到了康定斯基的《点线面》,里面的种种艺术论调,变化灵动,各种“匪夷所思”,书中很多观点都分外有力量,例如:


“内在被外在蒙蔽了。如果不能跳出日常及传统习惯,只能是死寂。”(所谓雷同、抄袭,都是指外在)


同样论述“点线面”,我所看平面设计书,则是另外的路数:匆匆忙忙给出定义,解释一番,然后举例证明。明显示是:讲规则,不谈“设计”,一副呆板相。


可心中疑惑,依然无解,继续折腾了一段时间,直至偶然撞上一书,“阿历克斯·伍·怀特”的《平面设计原理:全新修订版》,其中一句话:


“ 对这些术语重新进行定义是开启创造力的通道,否则创造力会被遮蔽。”(Redefining terms opens avenues of creativity that would other wise remain hidden)


恍然大悟,看来“点线面”的定义,有一历史过程,定义貌似矛盾,实则另有良苦用心:采用抽象定义,为了开启创造力。


什么是创造力,怎么样才算是开启了创造力呢?平面设计书对此着笔不多,或许,应该从艺术中开启。


不得不说,康定斯基折腾人真是有一套。


附:平面设计简史


好玩的是,回看历史,才发现:平面设计竟然脱胎于艺术,而艺术,恰恰格外注重创造力。


现代意义上的平面设计(Graphic Design),从“艺术”范畴中诞生。


平面设计之历史,Timothy Samara在其《Design Elements: A Graphic Style Manual》所讲(国内译本:《好设计的造型元素》 [美] 蒂莫西·萨马拉 ),与我查到的维基百科资料,截然不同。前者只讲美国之资料,后者侧重于英国之资料,这里暂时采用维基百科的史料。


19世纪中晚期,欧洲的诸多国家中,特别是英国,“平面设计”逐渐从从美术(fine art)领域中分割出来。皮特·蒙德里安,被誉为“平面设计之父”,他本身就是一位艺术家,他在格子(grids)上的使用,启发了现代网格系统(modern grid system)。(真没有想到,现在的网格系统如此之古老 )


1849年,亨利·柯尔(Henry Cole)成为英国平面设计教育界的重要人物,他在自己创办的《设计与制造杂志》(Journal of Design and Manufactures)中向政府传达了“设计之重要”。


(1849年第1期封面)

photo from 

http://digicoll.library.wisc.edu/cgi-bin/DLDecArts/DLDecArts-idx?type=turn&entity=DLDecArts.JournDesv01.p0007&id=DLDecArts.JournDesv01&isize=M


封面运用了居中的设计手法,杂志名为:Journal of Design and Manufactures,似乎着重强调了“Journal of Design”。


1892年至1896年之间,威廉·莫里斯的凯尔姆斯科特出版社(Kelmscott Press),出版的多本书籍被视为工艺美术运动中最重要的平面设计产品,视觉观感精致,出售给生活富裕的人们,给出版社带来可观的收益。  


1892年Kelmscott Press出版的图书

photo from:

https://www.pirages.com/pages/books/ST13832/kelmscott-press-william-morris/a-dream-of-john-ball-and-a-kings-lesson


莫里斯以及其他的私人媒体(Private press)运动作品,直接影响了之后的新艺术运动,也间接促成了二十世纪初期平面设计的快速发展。


以今日眼光,这样的书籍设计,显然过于繁复了,形式大于内容。(有人不同意这观点)


此前平面设计只在香港、台湾得到发展,中国大陆现代意义的平面设计正式确立,以一场“展出”为分界线。1992年,王粤飞、王序、陈绍华为代表的中国大陆设计师,在深圳举办“平面设计在中国”展,标志着“平面设计”第一次登上了中国的历史舞台,后来也有人把这称为“中国平面设计的启蒙运动”。



1992年,深圳,平面设计在中国展

photo from:

https://www.zcool.com.cn/article/ZNDg1MjQ0.html



1
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
金色颗粒质地的平面
平面书法字手写
金色颗粒质地的平面
平面插画情侣/矢量
城市园林平面布局航拍
平面插画设计女孩喝咖啡
平面花卉图案扁平简约无缝拼接插画
水蜜桃和李子的平面水果图案
平面男孩喝咖啡插画设计
空的平台平面和自然景观
平面设计风格的粉色草莓味马卡龙
倒计时,海报,平面
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
中国传统纹样创新图案设计
海底世界插画
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
金色颗粒质地的平面
城阙凡花
你可能喜欢
相关收藏夹
大家都在看
登录注册