浅谈我的UI/UE设计
手把手教你玩儿转UI—动效参考
时光匆匆,进入大学学习UI/UE设计已经快一年了,这段时间过得很充实,因为有压力才有收获。还记的刚刚学习手绘的时候,对于这个行业只有一个初步的认识,知道自己喜欢,但是真正学习的时候才发现,我要学习的东西还有很多很多,转行并非易事,但是既然决定,就要坚持。下面是我对我的专业的一些认识与一些经验。
一、什么是UI/UE设计UI/UE设计,那到底什么是UI/UE设计呢?
UI设计直译为用户界面(User Interface)。很多人认为图形设计或者视觉效果制作就是UI设计,其实这只是UI设计中的很小一部分即图形界面(Graphic user interface -GUI)的环节。UI的概念其实很系统,而且很大。它分为用户体验(User experience-UX), 人机交互式设计(Human computer Interaction-HCI),图形设计(Graphic user interface -GUI), 可用性(Usability),规范(UX-Guideline),及技术支持(User Technology-UT),甚至到人体工程学,心理学和商业模式等等。其中还包含了很多决定性的研究阶段(例如场景设计Scenario,典型用户设计Persona等等)。UE设计一般指游戏设计或游戏相关设计,还有网站的ue设计,其实就是UserExperience的缩写。是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享受,是否还想再来/使用,他们能够忍受的问题,疑惑和BUG的程度。简单的说UE多一个动效,UI就是图标。
二、 UI 与 UE 的联系和区别 那么两者有着怎样的联系和区别呢?
UE 和 UI 在一定程度上是有所不同的, UI 重视的是为用户提供良好的感观,而 UE 重视的是对用户行为的引导。两者应该是互相包含,互相影响。 UI 是使用界面, UE 是使用感受,就拿京东和中国亚马逊来说, UI 设计各有千秋,但是按照中国人的使用习惯京东的 UE 感觉更好,或许外国人的使用感受亚马逊更好, UI 是客观的 UE 较为主观。在产品开发中,尤其是手机或者网站的开发过程中,最关键的是 UI 和 UE 。英文就可以解释出来啦。 UE 是用户体验设计师, UI 是视觉设计师。用俗话说,用户体验设计师就是管产品好不好用,是不是人性化。视觉设计师就是产品的美观。 三、 UI/UE 设计需要学习什么软件 我自己学习经常用到以下软件: photoshop 、 AI 、 AE 、 Axure 、 Fireworks 、 CorelDRAW 、 Flash 。
接下来我逐一解释各个软件:
1 、 photoshop PS 可以在 UI 设计中,绘制界面设计,图标设计等。 ps 有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及 .Adobe 家族的顶梁设计软件、想从事设计工作 PS 软件一定要精通, PS 的强大,只有你想不到没有它做不出的图。
2 、 AI 全称 Adobe Illustrator 是一款多媒体、在线图像和出版的工业标准矢量插画的软件。在生产多媒体图像的艺术家、专业插画家还是生产印刷线稿的设计者、或者是互联网页、在线内容的制作者,都不否认 Adobe Illustrator 不仅是艺术产品工具。也为线稿提供了无与伦比的控制以及精度。矢量图方大放小不会变形这是 ai 的优势,很适合扁平。劣势是 ai 不能切图,对于虚拟化的图标处理不是很好。
3 、 AE Adobe After Effects 在视频特技和设计的机构,如动画制作公司、电视台、多媒体工作室以及个人后期制作工作室。 AE 是动效这块效率最高的软件但是劣势是不能用 AE 画图标做界面。属于是一款层类型后期软件。
4 、 Axure 是负责定义规格和需求、界面与设计功能的专家能够快速创建应用软件和 web 网站的流程图、线框图、规格说明文档和原型的一个专业的快速原型设计工具。
5 、 Fireworks 是 Adobe 推出的一款网页作图软件,通过软件可以加速 Web 开发和设计,是一款优化与创建 Web 图像和快速构建网站与 Web 界面原型的理想工具。
6 、 CorelDRAW 出自加拿大 Corel 公司的平面设计软件;这款软件是 Corel 公司出品的矢量图形制作工具软件,这个图形工具给设计师提供了页面设计、矢量动画、位图编辑、网页动画和网站制作等多种功能。也就是我们本学期学习的主要软件。
7 、 Flash 是 macromedia 公司推出的交互式矢量图和 Web 动画的标准,由 Adobe 公司收购。做 Flash 动画的人被称之为闪客。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。
四、学习 UI/UE 设计的感受
学过了 PS 之后,感觉这款软件最主要的是要做到细心,灵感,耐心。所谓细心是因为很多处理都是要很小心的,有的地方很小,有难进行处理,只有细心的人才能做的更好,就比如套索的使用,那种工作就要十分的细心,不然就是丑化人物而不是美化人物形象了。而灵感是对于那些想设计一些作品来说的,做一样东西是很简单,但是想做得漂亮,却要有一定的灵感。就比如设计一张组合图像,如何选取两个可以组合的对象,这两个对象组合在一起又要显得协调。我觉得这一点很能考验一个人的艺术想象能力。当然,这个也可以在平时多观察、多参考,多思考等。而耐心就因为想通过这款软件做东西时是要比较长的时间的,并不是三分钟的热度,那样是完全不行的。如果做了一下就不想去做了,那样的一份东西是不可能有多漂亮的。也是不能让观察者形成共鸣的。比如在做作业时,当你初步完成后,再打开做好的图片,会发现许多不足之处都需要不断地修改,不可能一蹴而就。
接触了 CorelDRAW 之后,起初我认为没有 PS 灵活,但是经过一段时间,我发现它是很强大的,用着很方便的。它的主要功能有两个,一是绘画,二是设计。其中绘画功能:我们可以使用 CorelDRAW 来绘制 2D (平面)、 2.5D (平面 + 三维)、 3D (三维)的图形;其次是设计功能:使用 AI 进行字体设计、图形 / 图标设计(包括 UE/UI 图形及图标设计、平面图形及图标设计等)、 UE/UI 设计、标志设计( LOGO )、平面排版设计(包括杂志、卡片、画册、 DM 、广告海报等)、产品包装设计、产品外形设计、以及建筑类的辅助线性设计等。其实两个软件各有利弊,比如 PS 处理图层更灵活,但是遇到设计图形时还是 CorelDRAW 比较好,当你了解CorelDRAW 的贝塞尔等工具后,你便可以很方便的用CorelDRAW把所需要的图形画出来。同时,你也可以用CorelDRAW进行图标、界面的设计等。总而言之,软件是我们的工具,我们需要灵活运用,充分利用其优点,来完善我们的设计。






































