全部新闻提供最新行业动态,分享前沿设计理念
你知道平面设计和UI设计的区别吗?
时间:2024-06-04 来源:朝夕友人 点击:

平面设计和UI设计的区别是什么?先来看这个表:

对比项平面设计UI设计解决问题让信息准确的传达让人机交互更加自然连贯应用场景书刊、户外广告、品牌设计电子、数码产品的操控界面软件工具PS、Ai、二维为主...XD、sketch、PS...硬件工具电脑、纸笔、相机...电脑、手机...实现工艺印刷、油墨编程</code>承载媒介纸张...电子屏幕文档色彩CMYK为主RGB为主创作自由度中低

平面设计?UI、美工?排版、PS、AI,这TM都什么啊?初学设计时,总是会这样的术语、软件弄得晕头转向,接下来,希望我用大白话,能给你阐述清楚。

一、各种各样的设计

学设计,就跟学开车一样,有小轿车、货车、客车、推土车...等不同类型,虽然都是车,但显然其各自的用途、载客量都不相同。而要取得驾驶资格,你需要熟悉他们的特性状态,所要训练的内容也不尽相同。

同样的,平面设计、UI设计、淘宝美工(电商设计)...虽然他们都同属于「视觉设计」这个大范畴,都是用来看的,用来传递信息的,但由于他们各自不同承载媒介的差异,其执行细节、经验方法还是有所不同哦。

既然同属「平面视觉设计」,那自然就有很多相似共通的原理吧,比如版式、图形、文字、色彩,这些理论都是共通的。就像所有汽车都有刹车、离合一样,而且都大同小异。

但是要在各自领域把它们做好,那还是需要专业学习的,就好比你会开C照的轿车,但A照的客车,你不经学习,也未能奈何得了。

所以学习过程中,绝不能囫囵吞枣。更不要盲目自信,以为自己会做平面设计,就一定能做好UI设计。

二、设计岗位的输出物料

做视觉设计,通俗点来讲,就是撸图、作图的。但不同职能的设计岗位,其输出物料,也会有些差异。

1、平面设计

基本认知:以“视觉”作为沟通和表现的方式,透过多种方式来创造符号、图片和文字,借此传达想法或讯息的视觉表现。拓展阅读:

如何理解:是以视觉表现为手段,传播信息为目的,多种媒介为载体的一个学科,也指一份职业、一份作品!

输出物料:常见的输出物料,有名片、海报、书籍装帧、画册、DM单、易拉宝等。同时,还有品牌LOGO设计、VI设计。所谓 VI 就是一个品牌的视觉识别系统,用以规范品牌传播的视觉形式。

画册
海报
品牌VIS

2、UI设计

基本认知:UI = User interface,UI设计,本意是用户界面设计的意思。是指对软件人机交互、操作逻辑、界面美观的整体设计。拓展阅读:

如何理解:我们日常生活中,用到的手机软件、电视界面、银行ATM机取款的界面,都是属于UI设计范畴,他们以电子屏幕为载体。

输出物料:UI设计工作的输出物料,就是一个个App界面、以及各种图标、运营banner、H5专题设计等,也会涉及到一些LOGO、品牌形象设计等。

APP的用户界面
图标

3、淘宝美工(电商设计)

美工这个词,业内设计师不太太爱听,当然牛人爱用美工自嘲,也是喜闻乐见的事。美工之余设计师,就像「教书匠」之于「老师」。为了人际关系和谐,叫别人多用老师、设计师会比较好。

目前在业内的习惯,提到美工,一般会与淘宝美工、电商设计相关联起来。而电商设计,也是「平面视觉设计」领域里面,第三大的需求岗位。

基本认知:电商设计顾名思义,就是对网上店铺,进行视觉包装,对商品进行美化处理,以促进产品销售为目的。

如何理解:国内最大的电商平台淘宝、天猫、京东,以及一些转型电商销售的工厂,他们都需要电商设计师,来对产品进行塑造包装。

输出物料:产品精修图、产品详情图、运营Banner、店铺店招、宝贝图、钻展、直通车广告位、以及大促活动专题图片设计等等。

促销专题页面
运营banner
店铺录播图片(需要用到一些前端代码知识)

三、设计软件

题主在问题描述中提及到的「 Ai、PS」 他们都是设计软件,Ai是一款矢量软件,用作处理图形、LOGO、插画设计很方便。而PS,是一款位图软件,其调色合成功能强大,是视觉设计师必学的软件之一。

都说工欲善其事,必先利其器。当你面对不同类型的设计项目时,设计软件选取得当,其工作效率也会如虎添翼。从事平面、电商、UI,常用到的软件也会有些差异,他们分别如下▽

1、平面设计

AI、CDR、PS、InDesign。这几款软件,用得会比较多。想要详细了解这几款软件的用途范围,请移步我的这篇文章:

2、电商设计

PS、DW、C4D。这几款软件,出镜率比较高。

3、UI设计

XD、Figma、Sketch、PS、AE。这几款软件,出镜率比较高。了解更多UI设计软件方面的内容,请参考这个回答:

特别注意

当然,每个设计师都会有自己最擅长、或偏爱的软件,你用得顺手、用的开心就好,没必要相互鄙视。只要你的思维跟得上时代步伐,能够与团队保持良好协作,那都是OK的。

所以千万产生一种,我用过“啥软件”,就产生莫名的优越感。我想,真正能让你产生优越感的,是别人对你设计作品的认可,对你设计思维、理念的认可,而不是因为你用了「XX软件」别人就会认可你!

四、总结

以上我从类比设计,输出物料,设计软件,三个维度出发,给题主阐述了我对该问题的看法。当然篇幅原因,可能并不一定详尽完美,如果大家还有不清楚的地方,欢迎评论交流,共同探讨。

五、拓展阅读

1、平面设计简易入门,自学视频教程!

2、万赞推荐,30本适合平面设计师看的设计书单,豆瓣高分!

3、专业平面、UI设计师的笔记本电脑、主机、显示器选购指南

4、UI设计师职业路径领取7天VIP,免费学该课程!)

关于我( @酷coo豆

我是「平面设计学习日记网」站长,希望通过分享设计行业的基础知识,能为零基础同学理清学习思路,让自学有路可循,成长更加高效。

欢迎关注我的专栏:平面设计学习日记,以及同名公众号!

你的点赞,是我最大的创作动力,感谢 !

如果您也有此需求,欢迎咨询我们立即咨询