平面设计与UI设计的关系及重要性

  • A+
所属分类:设计杂谈

本文来源: 酸梅干超人(公众号:超人的电话亭), 共 2013 字

在近年的授课中,越发觉得如果 UI 设计师完全没有平面的基础,视觉表现能力上就会极度匮乏,是无法应对实际工作需要的。这种匮乏表现在方方面面,做一个字段多的组件排列得非常奇怪,设计项目展示的时候内容十分局促,做作品集封面的时候放飞自我……

平面设计与UI设计的关系及重要性

首先我们要具体定义一下,平面设计是什么。平面设计( Graphic Design )也叫做“视觉传达”,是大学设立的平面专业名称。它是一个囊括非常多细分类目的综合学科,主要包含字体、版式、广告、品牌、包装、运营等类目。是经历数个世纪的发展和洗礼扩充而成的,所以我们用一个时间线来简单做个扫盲。

在 “上古时期” 印刷和造纸术普及后,书报的印刷就需要对字体、版式进行功能性的设计,满足阅读的需要,这就是平面设计的雏形。

平面设计与UI设计的关系及重要性

工业革命时期,平面设计的任务就是满足资本扩张的需要,提高信息传播效率,应用更多元的视觉元素,减少文字数量,增加用户对所传达信息的理解和兴趣。

平面设计与UI设计的关系及重要性

随着资本主义的升级,企业开始进一步追求对消费者的影响力,而这种影响力被抽象成 “品牌” 的概念,于是平面设计开始注重更抽象的标识、视觉系统,也就是现在我们所说的品牌视觉设计。

平面设计与UI设计的关系及重要性

二战结束以后,美国经济的腾飞和全球化的热潮,使得消费主义兴盛,厂商和企业开始更注重商品的外观和样式,除了工业设计以外,包装和图形的设计也得到飞速的发展,成为一个重要的门类。

平面设计与UI设计的关系及重要性

最后,进入20世纪末尾,互联网的发展使得平面内容的载体发生根本性的变化,从三维空间的实体转变成由数据转化成的像素点阵图。平面广告的多媒体化,甚至可以让消费者参与到信息传达的互动过程中,我们也叫它 —— 运营设计。

平面设计与UI设计的关系及重要性

上面提到的这些类目都是平面设计的一部分,你既可以只专精一个领域,也可以雨露均沾。平面设计只是一个泛指,我们学习平面设计,就是作用到其中的某个类目中去。

值得关注的问题是,平面设计的发展是完全伴随着商业社会的发展而兴盛的,用一句话来描述它 ——  平面设计就是通过编排内容元素去传达语义信息的商业行为。传达语义信息,就是它和摄影、涂鸦、插画、图案艺术的本质。

比如下图是应用了 Gary Oldman 的海报和他的摄影照片,具备了语义信息,那就是平面设计而不是摄影了。

平面设计与UI设计的关系及重要性

平面设计与UI设计的关系及重要性

我们都知道 UI 设计和平面设计也是有区别的,最大的不同点是 UI 元素设计出来是和用户互动的,并且它的载体完全在电子屏幕和系统中。所以 UI 的设计需要比平面多考虑关于交互、规范、体验、开发边界等问题。

平面设计与UI设计的关系及重要性

但是!除了一些思考方式的不同以外,UI 在界面视觉设计上使用的技能,还是包含在平面设计的体系之内。比如上方 UI 界面的案例,使用的排版、配色技巧,都只是平面的知识点内容。

如果平面的基础排版能力过关,掌握 UI 的相关规范以后就可以很快上手,在不考虑交互的前提下设计出类似追波主页的界面是信手拈来的。所以优秀的视觉设计师偶尔做做 UI 界面会造成一种对UI 设计师 “降维打击” 的错愕。

平面设计与UI设计的关系及重要性

好的平面视觉能力,不一定能做出体验优异的界面,但良好的体验中一定包含优秀的平面视觉。学习 UI 的界面设计其实就是在掌握平面基础的一个过程,它是我们做出优秀产品的必要非充分条件。

再者,UI 设计师的职业输出内容并不仅仅只有 UI 界面而已,虽然它最重要,但围绕项目展开的输出成果还包含项目的评审展示、规范文档、PPT 等等。

平面设计与UI设计的关系及重要性

没有基本的平面能力,这些工作就会做得一团糟,甚至粗糙得让开发同事觉得你担不起设计师这个称号,叫美工都嫌是赞誉了。

还有,在目前 UI 的职业发展中,在转成管理岗脱离一线之前,基本不可能只负责 UI 有关的设计而已,还需要处理大量的运营设计需求,以及企业的日常需求。比如最让 UI 设计师深恶痛绝的 Banenr、H5 页面设计。

平面设计与UI设计的关系及重要性

再到让我们无法回避的企业内部物料的设计,比如名片、纸杯、折页、展架等。

平面设计与UI设计的关系及重要性

除了实际和工作内容,对于设计师身份最重要的证明,就是作品集了。但无论是哪个行业要设计作品集,本质上都是通过平面技巧来完成的。

在室内、建筑、服装等行业,高级设计师或工作室的作品集通常会制作成一套画册,通过外包给平面设计师来完成,比如下面这种。

平面设计与UI设计的关系及重要性

但对于 UI 设计师来说,让我们的作品集经他人之手产出是不可能的,需要我们自食其力。所以如何来完成作品集基本页面内容的设计,对项目的包装,就成为每个 UI 设计师都需要面对的问题。

而作品集中,对项目的包装(Zhuang B),会对自身水平的展现起决定性作用,无论是在 Behance 还是站酷,能上首页的先不论实际界面专业度如何,展示的高大上是必不可少的。

平面设计与UI设计的关系及重要性

平面设计与UI设计的关系及重要性

这种现象的形成,好坏的影响都有,但不管怎么分析,实事摆在那里,不能将自己的作品、业务能力通过良好的平面技巧输出,那么对面试官来说就是 “弱鸡”、“菜鸟”、“新手” 还是别的什么不好的身份。

设计师终究是以 “色” 示人的行当,视觉效果太差,就没人在意你的想法和实际成果,这时别埋怨马老板们只看得上花枝招展的妖艳JH,而忽视你有趣的灵魂(前提是你有的话)。

学习 “茶艺”,刻不容缓呐!知道平面能力对于 UI 设计师来说有多重要了嘛?



发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: