当前内容位置:平面设计,网页设计和UI设计的区别有哪些
【提交留言】让老师联系您! 想学: 姓名: 手机: 微信: 城市:

平面设计,网页设计和UI设计的区别有哪些

发布时间:2022-03-07|点击:0

  经常会有很多同学问到关于设计的问题,问的最多的是关于未来能做什么?其实深入去了解大多数同学是因为不了解设计几大类的划分,现在市面上常见的关于设计的几个职业为平面设计网页设计UI设计。当然如果现在打开招聘网站去看的话,招人招的最多的是UI设计。至于是什么原因造成的,说白了,还是因为三个设计专业没有分清楚。

  那今天就从载体,用途,所需技能三个方面简单的介绍一下平面设计,网页设计,UI设计的区别,也希望通过这个分享让大家对于设计有个基础的了解。

  平面设计介绍:

  平面设计是这三种设计里最“古老”的专业了,可以说平面设计是一切设计的鼻祖,学任何设计都绕不开它。因为所有的设计理论比如配色,排版,字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的,因为除了要了解基本的设计技巧以外也要了解材质,工艺等,不同的工艺和材质出来的效果也是千差万别,甚至在预算上都会差出好几个层级。

  平面设计载体

  平面的载体在三类专业中算是比较多的,最常见的就是纸了,当然纸也分为了很多种,最常用的是铜版纸。铜版纸又根据克数的不同用途也有所区别。用到纸质的设计有画册,单折页,海报,杂志,名片等。这里关于名片多说一句,很多人说名片那么小的尺寸,如何才能有设计感?加的内容和装饰多了会显着很乱很拥挤,加的内容少了又给人的感觉没有设计感,这个问题如何解决呢?最简单的方法就是简约的设计+高档的纸+恰当的印刷工艺。不过这里所说的名片是比较高档的名片了,在公司里也是处于中高管理层的,一般的业务员因为分发的名片量比较大,所以就用最普通的纸就可以了,控制成本。

  


  


  


  


  平面设计中还会用到的载体是喷绘和灯箱片用到的一种类似塑料的材质。此类材质的设计手法与其他设计无异,关于此类材质多说一句就是设计时的分辨率设置。一提到平面设计的分辨率很多人的第一反应就是300,这是个绝对的误区,其实在平面中也会用到150,72,甚至30。那这是如何划分的呢?最简单的一种解释方式就是阅读距离。一般捧在手上看的设计分辨率为300,比如杂志/单折页/画册等,因为阅读距离很近,如果分辨率比较低,会出现很明显的不清楚情况。

  


  再有海报的设计一般是挂在墙上的,我们阅读时是有一些距离的,所以分辨率设置为150到200即可,很多人会问设计成300可不可以?当然可以,但有几个前提,首先你能找到那么大尺寸同时是300分辨率的素材图片,再有就是你的电脑是不是都能够带起来这么大尺寸同时分辨率又很高的文件,还是建议大家不要尝试了,结果一般比较惨。

  


  再有还有72和30的分辨率,此类分辨率会用在阅读距离更远的设计上,比如马路上的大型围挡,商场大厦外面的五六层楼高的大型海报。

  


  最后要提的一个材质是最近几年流行起来用的比较多的就是电子屏,在商场大厅,电梯墙壁,写字楼前台等地方现在都会用到电子屏来展示一些海报/通知/活动等。此类材质的好处就是更新内容方便,节省印刷成本,最重要的是没有印刷后果。印刷的风险比较大,因为印刷不可逆,印刷出来后出现了问题,基本没有补救的措施,而电子屏则没有这个风险。当然它的缺点就是没有很强的流通性,一般只能在固定的一个地方进行展示。

  


  平面设计用途

  平面设计包含的品类是比较多,常见的画册/海报/单折页/名片/书籍装帧甚至包装等传统设计基本都是平面设计师的工作。除了这些印刷品以外还有logo设计,VI设计等工作。平面设计的品类就是比较多,所以想做一个优秀的平面设计师没有个几年的历练是很难达到的,这也是最初平面设计师转UI设计师和电商设计师比较容易比较多而网页转平面不容易的原因所在了。

  平面设计师设计出来的内容很多,刚才提到了logo,VI我们统一称为品牌设计。画册,海报,包装我们统一称之为物料设计。两类设计统一归放到平面的名下一定是有原因的,品牌设计是用来宣传企业品牌的,规范企业的设计视觉,统一企业的宣传口径。

  


  


  


  画册,海报,包装等物料是用宣传企业产品的,使自己的产品在原有的基础上更具商业价值。最具代表性的就是包装,我们经常会看到很多普普通通的产品包裹上漂亮的包装后,价格就会成倍的增长。所以不管是品牌也好还是物料也好都是用来做“宣传”的。这也是平面设计师最鲜明的特点,设计出来的东西用来做宣传。这个东西本身并不是产品,也不具备什么商业交易价值,都是为了公司为了产品服务的。

  平面设计技能

  因为平面设计师需要做的内容涵盖的比较多,所以对于技能方面的要求也比较全面。比如除了最基本的ps/AI/ID等设计软件以外,还有了解到排版印刷工艺,材质使用,字体设计等。如果各位将来是做平面设计的话,印刷材质是关键,就像刚才说名片时提到的,同样的设计,如果材质不同给人的感觉也是完全不一样的。所以这一块除了看书学习以外,更直接的方式就是泡在印刷厂里,跟着老师傅走几遍流程,学到的东西会受益匪浅的。

  


  网页设计介绍:

  网页设计在现在的工作中又分成了两个工种,一种就是常规的网页设计师,设计企业的官网,或者是一些具备功能性的网站。另一种是电商设计师,在五年前,这个工种依然不被人看重,即便是现在也有很多电商企业称自己家的设计师为美工,这也就造成了很多设计师会不愿意来做电商设计,更不想承认自己是美工。但实际上做的好的电商设计师工资也是非常可观的,尤其是在一些大型的店铺,此类店铺的视觉自然也是能够在圈里数一数二的了。

  网页设计载体

  网页的载体比较单一,在之前就主要是在PC端运用,后来移动互联网的流行与普及,使得网页在手机上也流行起来,还有平板等。为了保证能够多端正常显示,在HTML5和css3的帮助下流行开的一个名词叫着“响应式设计”,也就是使我们的网页能够在任何平台上都正常显示。

  


  网页设计用途

  刚才我们说平面设计时提到了一个名词就是“宣传”。如果给网页也用一个名词概括的话,我觉着就是“载体”。没错,网页本身就是载体,企业站乘载了公司的产品信息,企业文化,品牌宣传等,是普通人了解一家企业的最基础入口。而类似于天猫淘宝此类的功能性网站,也是将网页作为了一个平台一个载体,来进行产品的销售的。网页本身是一个“容器”,里面“装”的内容决定了一个网页的价值。

  


  


  网页设计技能

  在说平面时我提到了平面设计师转网页设计师是比较好转的,因为网页设计师同样需要具备对于色彩,排版和字体的敏感度。软件除了要会PS和AI以外还要需要了解Html和Dw。这里一定要跟大家强调的是网页视觉设计师不用对代码有非常深入的研究,因为在一家健康的运行公司里网页视觉设计师和前端工程师是两个工种。对于代码的态度是了解基础即可,深入了解如虎添翼。如果是做电商设计的话,从现在的趋势和2016年双十一的店铺设计来看最近一年是3D轻质感的天下,所以有心的设计师一定要会一款3D软件,市面上很多,3D MAX/Maya/C4D等,给大家推荐的是C4D,出效果易上手。

  


  UI设计介绍:

  UI设计是最近几年非常流行的一个名词,打开一家企业的招聘信息,大大小小的公司都在招这个岗位,在经历了几年的爆发式发展后,现在这个岗位又在趋向于平稳发展。UI的英文全称是user interface 翻译成中文是用户界面,也就是说我们平时用的任何有交互界面的设计都能称之为UI设计。比如容易忽略的ATM提款机上的界面,地铁站的自助购票机界面,每天都在使用的手机上界面都是属于UI设计的范畴。所以由此可以看出最近几年流行的很热的UI设计师这个名词并不是这几年才刚有的,只不过因为移动互联网的普及将这个工种提升到了一个人尽皆知的地位。

  


  UI设计载体

  提到UI设计的载体首先想到的是手机,没错,手机确实是目前社会中最常用到UI设计的载体。正如刚才提到的只要有交互界面的都是UI设计,所以除了手机以外还有电脑/平板/电视/取款机/购票机/游戏机等。如果不太严谨的来说的话,只要有屏幕的地方都会用到UI设计。比如容易忽略的一个就是汽车上的显示屏的设计,无论是高档的汽车还是低端的汽车,无论是商务车还是跑车。无论汽车外观好看还是难看,操控区的屏幕显示的UI设计都是“持之以恒”的丑,丑到会认为那不是UI设计。对于这块没有深入到研究,也许这个行业的审美有自己独到见解吧。不过偶尔也能找到凤毛麟角的。

  


  UI设计用途

  我同样用一个词来概括UI设计师设计出来的东西就是“工具”。之前在知乎上看到一个问题是UI设计师和传统设计中的哪种设计比较接近?当时我说的是和工业设计师比较接近。这里的疑问会比较多,更多人会以为会和平面设计师更接近,其实不然。刚才我们说平面设计师设计出来的东西是用来做宣传的,而UI设计师设计出来的东西是给人使用的。比如我们用听歌这个行为来解释。在十年前十五年前我们如何听歌呢?磁带机,CD机,后来又有了MP3。

  


  现在我们是如何听歌呢?绝大多数应该是使用的手机来听。那手机和前面的磁带/CD有什么共同点呢?没错,就是按键,十五年前就是用三角形代表播放,双竖杠代表暂停,方块代表停止,时至今日,甚至再过二十年,依然用他们来表示。

  


  CD机的工业设计需要考虑人体工程学,使用感受;手机上的听歌APP需要考虑交互逻辑,用户体验。无论从哪个方面你都会发现工业设计与UI设计都有着千丝万缕的联系。

  


  UI设计技能

  再说技能之前还是要进行一下说明,一个完整的APP开发需要用到产品设计,UI设计,前端,后台等一系列的配合才能完成。在这几个工种里容易混淆的就是UI设计和产品设计,很多人认为产品设计和UI设计是一个人。其实不然,这完全是两个不同的工种,而且对于思考问题方式都有着很大的区别。产品设计需要有非常强的逻辑,时刻考虑交互的准确性,交互是否合理等问题。

  


  而UI设计师是制作视觉设计的,在尺寸,按钮,间距等方面需要做到像素级别的准确度,而在做一些banner宣传图时又需要有天马行空的表达。有点像平面设计与网页设计的结合。

  


  那么UI设计师需不需要了解交互技巧呢?还是那句话,了解基础即可,深入了解如虎添翼。软件方面依然还是PS&AI,交互设计还要会Axure等。

  这里给大家简单介绍了市面上常见的三个设计工种的区别与共同点。作为一个扫盲贴希望大家看完后会比以前有更深刻的理解,也对以后的择业有一些帮助。设计这个行业是一个充满了很多无奈的地方,表面光鲜,后面因为客户、资金、想法等所经历的坎坷只有自己体验了才知道。之前说过一句话,如果是因为看到了这个行业挣钱就来这里做的话,可以,没有问题。但是如果你很难使自己喜欢上设计的话,那还是奉劝各位需要慎重啊。因为如果不是真心喜欢的话,挣在再多钱也很难坚持下来,半途而废虎头蛇尾的事在这行里很常见的。

  最后我一直跟人分享的一句话就是师父领进门 ,修行在个人。作为设计师你需要了解的是这个世界上最新的东西,紧跟时代,任何新东西的产生没有设计师是出不来的。所以无论是科班出身还是专业培训,一直都要做的就是自学。不要想着通过喷几句大品牌的设计来凸显自己的逼格更高,你自己的专业度和审美是无法和苹果几百人的团队来比拼的。喷Instagram的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品,找出好处加以学习使自己进步。

  最后说一句设计这个行业对于学历没有特别的门槛,你可以没有学历,但不能停止学习。


【提交留言】让老师联系您! 想学: 姓名: 手机: 微信: 城市:
【平面设计,网页设计,UI设计】相关培训课程展示
  • 精品商业视觉品牌设计实战班
    2022-08-22 课程简介:课程优势:理论知识+项目实战课程内容包含:logo设计、VIS应用、包装设计、字体设计、提案技巧、画册设计
  • 平面设计进阶培训班
    2022-08-18 课程简介:平面进阶课程内容包含:合成/电商/板式/色彩/字体/包装/LOGO/VIS课程适合学员群体:品牌设计师/电商美工/零基础/图文印刷专员/转行/非科班出身/宝妈/...
  • 游戏UI进阶培训班
    2022-04-29 课程简介:就业方向本套游戏UI提高课程您学会之后,可以在北京、上海、深圳、广州等大城市谋得一份很好的薪酬,也可以自己创业做游戏UI类项目。课程简介丝路游戏UI创作提高课程...
  • Ai软件培训班
    2022-03-15 课程简介:Adobe Illustrator是一款非常好的矢量图形处理工具,主要应用于印刷出版、海报书籍排版、专业插画、图像处理和网页制作等,作为全球最著名的矢量图形软件...
  • PS后期培训班
    2022-03-08 课程简介:丝路教育深耕CG行业培训十数年,在深圳、南京、武汉相继设立三大教学基地。依托丝路集团十几年国内外大型CG项目制作实战经验和前沿技术成果,以就业为导向开展企业实训...
  • uid高级界面培训班
    2022-03-07 课程简介:uid是什么意思?uid英文名称:user interface designer 中文名称:UI设计师UI设计师从事对软件的人际交互、操作逻辑、界面美观的整体设...
  • UID超级就业培训班【vip班】
    2022-03-07 课程简介:课程简介提供“互动式课堂教学+名师亲自辅导+综合能力培养+推荐工作”学习方案,掌握交互、图标创意、界面设计、适配和包装,了解 Axure交互思维、用户体验知识,...
  • 入门UI设计培训班
    2022-03-07 课程简介:今天给大家分享一个PS制作金属字效果的案例教程,主要是运用图层样式来实现,在PS中,图层样式一个非常强大的功能,这个功能不仅能够制作图标,还可以对文字添加各种不...
  • 平面设计学习班
    2022-03-07 课程简介:学完平面设计一般能胜任的工作岗位有:网页设计、包装设计、DM广告设计、海报设计、平面媒体广告设计、POP广告设计、样本设计、书籍设计、物设计、VI设计、照片修复...
  • VI设计培训班
    2022-03-07 课程简介:课程简介本课程分为LOGO设计/海报设计/单页设计/墙报设计等一套设计V设计课程。系统的讲解VI在企业文化中的重要性以及宣传公司影响的作用;是每个正规公司必不可...
  • 预约试听
    想学:
    姓名:
    手机:
    微信:
    城市: