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

用户头像
广州/UI设计师/7年前/323浏览
定义与创造力:造型元素之定义——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
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
空的平台平面和自然景观
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
城市园林平面布局航拍
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
中国传统纹样创新图案设计
你可能喜欢
相关收藏夹
大家都在看
登录注册