大家都知道创意思维对于UI设计师的重要性,却也不能忽略基本功和工具对于设计师的必要性。
设计的基本功只有坚持不断的训练,扎实美术功底,才能在日后的商业实战中轻松驾驭各种风格。设计工具也是一样,学习工具需要不断练习使用,才可以熟练的通过工具去表达设计理念与思维。
那么,转行UI设计或从事UI设计,到底需要学习哪些工具呢?
设计工具很多,我们不可能将所有软件全部学完,每个设计师也都有自己习惯使用的软件。我们只需在每类设计工具中选择精通一两种即可,工具都是相通的,遇到类似的工具,设计师一般都会很快上手。
一、软件1、PS-AdobePhotoshop,一款由AdobeSystems开发和发行的图像处理软件。
相信不是设计行业的小伙伴也对它久仰大名,它是设计专业人员必须掌握的设计工具。Photoshop主要处理以像素所构成的数字图像,其重点在于对图像的加工处理。
图片来源:PS启动页
那如何学习这么工具呢?
其实大家都知道,用实用的案例去学习一个工具,能让学习带有目的性,才能更快的掌握工具的使用方法,所以对于Photoshop的学习也是一样。
学习的途径一般有两种:看书、看教学视频。
在这里先给大家推荐两本PS的学习书籍,《AdobePhotoshopCC2019经典教》、《AdobePhotoshop国际认证培训教材》,这两本书都是权威认证的官方图书,针对Photoshop初学者深入浅出地讲解了软件的使用技巧,并用实战案例进一步引导读者掌握软件的应用方法。
视频的学习可能会比图书更生动形象,如果想要系统的自学PS,可以到某宝几块钱买一大堆视频,当然你也可以到我们官网,学习免费视频,该视频可以帮助你循序渐进、由浅入深的带着实际案例学习PS。视频链接:/course/215
2、AI-dobeillustrator,是一款应用于出版、多媒体和在线图像的工业标准矢量插画的软件。
它的功能强大,用户界面体贴,是大多数设计师选择矢量编辑软件的不二选择。
图片来源:AI启动页
关于AI的学习,也和PS的雷同,先了解软件,再通过实际案例去学习,在操作中熟练使用该软件。视频链接:/course/52
3、XD/Sketch,AdobeXD被定义为Photoshop的原型工具,是一款轻量级的矢量图形编辑器和原型设计工具,它常常被拿来和Sketch做比较。Sketch是一款轻量、易用的矢量设计工具,让UI设计的工作更加简单高效。
那你肯定会问这两个工具到底哪个好?
这完全取决于个人习惯和爱好。如果你已经习惯并喜欢使用一个工具,则无需切换其他的同种类工具。
4、AE-AdobeAfterEffects,Adobe公司推出的一款图形视频处理软件。
现如今动效设计在UI设计界面中越来越常见,国内很多互联网公司也开始重视动效设计了。产品中的动效设计可以给用户带来很好的视觉感受,更好的表达产品特色,让产品操作体验更加流畅。
5、C4D是UI设计中一款非常重要的工具,只要是涉足三维场景、产品、视效制作的地方,C4D都可以胜任。
C4D常常和AE这两款软件配合使用,协助我们完成3D渲染工作。它们好比一根麻花,是分不开的,同时也是互补的。
当C4D中画面做的过大,重新渲染的话,要老命一条,这个时候就可以打开AE调节一下;在C4D中颜色无法达到预期,那就打开AE重新润色一下;在C4D中这个灯光不好,效果不对,那就打开AE重新补光一下。
一旦你都会,并且掌握得行云流水,那么它俩合作呈现的视觉效果不仅狂拽酷炫炸翻天,同时也会为你的作品增添很多的质感,作品高大上加分很多!
最重要的是这俩软件会极大的缩短你工作的时间,却能收获极佳的效果。视频链接:/course/213
图片来源:阿多比设计学院学生作品
6、AXURE-AxureRP是一款专业的快速原型设计工具,它可以快速创建应用软件或Web网站的线框图、流程图、原型设计图。
作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。Axure不仅是UI设计师需要掌握的工具,在互联网行业也要求产品经理熟悉该工具的使用。
当然也有很多类似的工具,比如墨刀、Invision等,他们的优点各有不同,这些原型设计工具额优点不同,依据自己的习惯和爱好选择使用。
图片来源:Axure启动页
二、软件应用场景上面说了这么多,可能你还是觉得这些工具很抽象,这些工具到底有什么作用,用在哪些地方合适,接下来小阿再给大家详细介绍。
1、字体
在设计工作中,可能会找不到满意的字体,又不想侵权,这时候就需要自己设计字体。
那用什么工具可以设计字体呢?PS、AI可以帮助大家解决这个问题,在这里我可以分享几个关于字体设计的视频,更直观的感受如何设计字体。视频链接:/video/BV12C4y1872f?p=2
图片来源:字由
2、Logo设计、电商设计等
目前将插画运用于Logo、Banner、电商等可以让产品的页面更加生动,像店铺首页及专题页设计,就可以利用C4D和插画,丰富画面视觉效果。
图片来源:阿多比设计学院学生作品
淘宝电商需要大量的修图,修图用到的工具用到最多的肯定就是PS,如:电器修图、首饰修图、化妆品修图、服装修图。电商设计有专题页、详情页等,这些设计会根据不同的效果使用不同的工具。视频链接:/video/BV1xZ4y1u73G?p=6
3、Banner设计
图片来源:阿多比设计学院学生作品
4、动效设计
AE交互动画设计,增强界面交互操作体验感,跳转交互、加载动效、点击效果等。除此之外,AE还可以和C4D配合使用,协助我们完成3D渲染工作,让页面更立体。
三、其他能力以上只是分析了工具的使用,要想通过工具表达设计理念,需要懂设计基础、理论,才能设计出符合设计规范的优秀界面。依据市场需求,我们总结出了当前市面上需求量最高的全链路UI需要具备的能力。除了设计软件、全链路UI设计还需要会手绘插画、设计基础、UI设计相关知识、了解其他相关知识以及综合软实力。
1、会插画:设计师可以通过手绘去了解线条、明暗关系、结构关系、基本造型、透视关系等,有这样的思维,在设计工作中可以帮助我们快速抓到绘制图形、图标、拟物风格作品的要点。
从各个招聘要求可以看出,UI设计越往后走越是要求从业者有丰富的美术功底,将插画和设计灵活运用,相辅相成才可以顺应目前用户的视觉体验。
而且好的创意和想法一定不是先来自于电脑,而是先来自于本上,手绘是创意和灵感最好的表现及表达方式,养成手绘的习惯和会手绘这件事能够更加拓展设计师的思维,把你对图形的需求快速呈现草图上进行快速的演变图形尝试对比,进而提高工作效率。
图片来源:阿多比设计学院学生作品
2、设计基础:UI设计也属于设计专业,所以必须掌握设计原则、平面构成、色彩构成、立体构成(即三大构成)等设计理论。
有了这些才可以灵活的去怎样根据不同行业不同人群去定位品牌色彩,分析Logo图形的形式与气质、图像抽象化变形正负型结合、字母和图形结合等等。
图片来源:阿多比设计学院学生作品
3、UI设计规范:每个行业都会有一定的规范,掌握了设计基础以及工具使用,还需要掌握对行业内网页设计、移动端设计的规范、方法、流程等才能真正开始做UI设计。
4、其他技术:所谓的全链路UI设计师,就是全程参与整个产品的生命周期。
从需求分析到需求评审,用户调研、情绪板梳理到交互设计,视觉设计到视觉评审,UI审查、验收到用户调研,这一系的工作需要设计师都懂,设计部分全会。
5、综合软实力:一个项目从来也不是一个人能独立完成的,与他人合作团结有效的完成目标才可以让自己的工作得到真正的认可。
在UI设计参与的项目流程中,UI设计需要和产品、交互设计师、开发、测试等项目中的各类角色沟通,所以一个合格的UI设计应该善于沟通,有良好的团队合作精神。
产品不断迭代,这也需要UI设计善于总结和分析问题的能力。在每一次产品上线后,收集用户、测试的问题,然后不断去完善自己的设计。
说了这么多,学习UI设计,不能只关注设计工具,应该有个整体的学习路线,让学习内容更加全面。
你再熟悉工具,没有设计基础支撑,也无法设计出一个好的产品。但是工具的学习也是必要的,因为只有通过工具才能将我们的设计理念更好的表达。
希望这篇分享对你学习UI设计有所帮助。
本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。
免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com
学UI设计培训好还是PS好
学ui设计好就业吗?学ui设计好就业吗
想从网页页面设计转手机UI设计,好转吗?
网站定位为企业级营销展示型网站,网站采用全新整站UI定制设计开发搭建而成。
进入12月,似乎离曾经遥远的2020年只剩下眨眼间的距离。新的一年,新的设计趋势出现,相较于2019年,平面设计界又有哪些新趋势出现呢?
app开发的UI设计需要考虑哪些方面?(二),通常在中文app中一般都以一种中文字体作为默认字体,因此在此不讨论不同字体搭配对于app中视觉效果的影响。
前端是做什么的,前端和UI设计有什么区别?
HTML5开发与UI设计有区别吗?
UI设计需要学习用到哪些软件
网页是如何实现的,WebUI设计理论入门教程
UI设计未来发展前景怎么样?
UI设计都需要学会什么软件?
什么是UI设计?一般用什么软件制作?
如何让移动端ui设计实现动态操作
学UI设计都是要会哪些软件?
UI设计需要学习用到哪些软件
UI设计主要是做什么工作啊?美工吗?
视觉传达设计和UI设计有什么区别?
从事UI设计需要具备哪些技能