课程详情2020-08-04 16:49
UI交互设计越来越火,近几年大家都非常重视这个领域,成果也非常棒(爹妈们几乎不玩电脑且声称讨厌电子产品,但自从有了ipad之后...)。将来我们需要更多的交互设计师,因为我们有了越来越多的设备,越来越多大大小小的屏幕,成为一个交互设计师,你将会有直接的改变人们和设备之间进行交互的机会。
UI/UE设计就业班
阶段一:UI设计原理培训
学习美术观察能力,了解光和影的概念,及构图、比例、虚实、明暗等关系,提高赏的艺术素养和审美能力
学习形式美法则,提高其艺术处理能力,增强平面作品装饰性;培养学生的色彩感知能力,使其构成元素的角色及材质与创意相符合,包装结构、包装容器科学合理。
阶段二:软件基础技能:
学习Photoshop、Illustrator平面设计软件操作、能熟练使用平面软件设计创意作品。
阶段三:UI设计培训
设计入门:
行业基本概念的了解,交互式软件(XMind或Axure)的认识与学习。界面中色彩及搭配,图标质感的表现,图标的规范及应用
设计提高:
iOS与Android的特点及规范,控件案例及(APP)界面设计。交互设计基础及设计流程,产品分析方法及用户体验交互设计案例介绍。
阶段四:UED交互设计:
UED案例综合分析与探讨:用户体验、交互设计、视觉设计、用户研究等概念阐述,以及体验设计的商业价值和行业现状。剖析从研究、设计到验证的体验设计全流程,了解相关的角色及合作方式,学习常用的研究设计方法。
UI设计师必备的那些能力
1.排版规范
从平面转行过来的UI设计师,附带一定的排版能力,好比创建角色的时候,系统默认给你的技能属性,比起其他的UI设计师,是有着一定的优势,当然,只是刚开始的阶段,设计是一条漫长的道路,能力都可以靠自己后期训练出来。
排版的能力,可以说是UI设计师基础,也是重要的一个能力,移动终端涉及到的所有界面,都是需要排版。排版四原则"亲密性、对齐、对比、重复",必须灵活应用。
2.色彩的搭配
一个合格的UI设计师,必须拥有良好的色彩搭配能力。要多研究好的配色,也需要知道一定的理论知识,什么互补色、对比色、色相、饱和度等各种参数调节也必须得都知道,你要是一直处于红配绿的水平,那玩完了。要把颜色研究的,确实很难的,要不停的试错,还要抓住流行。就算做了十年设计的大佬,也还需要一直研究颜色。颜色给人的感觉是直观的,颜色用的好不好,也直接反应了UI设计师的专业程度。
为什么有些设计师搭配出来的颜色就看的很舒服,也能通过颜色给一个产品定性,比如"微信绿"、"网易红"、"美团黄",都是一些深入人心的颜色。而有些设计师搭配出来的颜色,就不通透,显得有点脏,有想过其中的问题么?不太会色彩搭配的设计师,建议选一些自己喜欢的插画、界面等,研究其中色彩,一定要具体到色值,多一点研究,自然能总结出自己的一个配色方法。
3.图标设计
只有文字排版,没有图标的界面,显得很苍白,就好像家里装修,除了油漆、地板、瓷砖等常规的硬装,没有任何灯具、窗帘、沙发等软装。就像微信这么简约的产品,也是需要图标支撑的,不然就是一个不完整的产品。App界面不像书籍,只需要文字就行。看书是沉浸式的,不需要过多的附加元素干扰,而界面,是为了能快速让用户知道该功能的作用,此时图标就发挥作用了。
图标的形式有线性、面性、断点等,图标的风格有扁平、拟物、2.5D等,图标的使用还是要根据产品的调性和使用场景定义。比如现在很流行的暗黑模式,面性的图标更能适合使用场景。
4.动效
动效是UI设计师的加分项,一些基础的动效需要掌握,不然在如今的局面,太没竞争力了,移动互联网的红利期已经过去了,现在公司对UI设计师的招聘要求也越来越高了,技多不压身,有精力的可以学一下。大多App中必要的动效也就加载动效和刷新动效了,其他的动效我感觉都可有可无,只能说其他的动效是对产品的优化,在产品体验上会更有趣。某些场景,动效的触发也会给用户带来一点惊喜,也会提高一些点击率、转化率。典型的比如要做一个活动,在app的首页,就会弹出动效的浮层,吸引用户去点击。
5.插画
在app中,经常会被提到情感化设计,在空白页、异常页会应用的比较多,其中插画就立了很大功劳,通过一些有趣的场景画抵消产品给用户带来的失落情绪。要是插画中有品牌形象的融入,也增加了产品的品牌感。作为UI设计师,插画的能力虽然比不过专业的插画师,但是一些基本能力需要掌握,比如构建场景、场景具象化、提炼品牌元素等。至于技法,能懂一两个方便有效的就行(PS:想深入研究插画的除外)。
6.制定与规范
制定规范是UI设计师很重要的一项工作,我们设计概念稿可以天马行空,无关具体规范,但是在项目中,我们就必须制定规范,因为我们的设计是需要落地的,而不只是欣赏。
规范包括文字规范、颜色规范、状态规范、卡片规范、异常规范、图标规范、动效规范、切图命名规范等,可以说所有的设计输出,都需要我们制定规范。这里简单阐述一下各种规范。
文字规范:字体、字重、字号、字色、行间距、字间距、段间距。
颜色规范:主色调、副色调、颜色使用场景。
卡片规范:比例、圆角、不同卡片使用场景。
异常规范:单行文字限制字数、文字多显示行数、网络异常、加载失败
图标规范:主要是指可点击的图标不能小于小可点击尺寸
动效规范:动效参数,什么贝塞尔曲线、时间、位移等等
切图命名规范:需要和开发代码库里的切图命名一一对应
制定规范是为了项目更好的进行,也方便*之间的沟通。我在制规范的过程中,会反问自己,"我这样制定规范合不合理"?这时候我就会跑去问开发,他们是怎样实现我们的设计稿的,你会发现,你制定的某些规范,可能开发看都不看。小朋友,你是否有很多问号?这里建议制定某些规范的时候,好还是和开发沟通一下,看看开发到底是怎么样实现的,我们制定的规范是给他们用的,是为他们服务的,所以不要沉浸在自己的思维里。