很多人一提起UI设计就会想到手机app,手机程序,代码之类的工作,其实这只是一小部分而已,UI设计包括很多东西,UI指的是用户界面,包括用户和界面之间的交互关系,一般分为用户研究,交互设计和界面设计,下面我就来给大家讲解一下三者之间的联系与功能。
用户研究应该很好理解,就是字面上的意思,简单的说就是研究与你设计的产品相关的人群,那么为什么要研究他们呢?我们做的所有工作都是为了更好地设计,我们需要知道我们的客户想要的是什么,它的需求是什么,什么样的设计会更容易接受,这样在设计产品的时候可以避免走很多弯路。产品是设计给人用的,往往那些很自信不做任何调研做产品,一般都不会有好下场。
交互设计值得是人和机器建立联系,然后通过这个联系达到目的。交互设计的工作内容就是了解产品的想法和布局,结合用研的数据结果,去做产品原型设计。不难发现,由于交互设计的性质,会发现其实它处在产品开发的中间位置,是一个承上启下位置。
界面设计相信也很好理解,就是产品的门面,界面设计可能是被谈得最多的,和交互设计一样,界面设计师需要不断地与交互和产品经理进行沟通。对于界面设计师来说,除了要画软件界面外,还要画logo,icon,配图,运营banner还有就是动效设计等等,然后就是标注、切图和视觉还原,其实远比我们想象的要难的多。
想学习了解更多的,UI设计相关知识可以戳我/
一.初步认识UI,了解UI设计师的角色定义和价值体现,UI的含义、UI设计师的含义
学习内容:
1.学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度,和绘画能力。
2.二维造型方法,二维简约图标绘制原理与技法,各种材质质感表现。
3.三维造型方法(物体的体积、结构、透视与光影表现)
4.色彩原理:色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系,色彩的装饰美感及色彩的表现方法
二.设计软件应用:
1.以Photoshop软件为工具,讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。
2.以矢量图形绘制软件Illustrator为工具,讲解标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。
3.字体专项设计:字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用
4.版式专项设计:版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。
5.平面项目设计:结合软件、色彩、字体及版式的学习,针对宣传单、折页、名片、海报及VI做专题设计,提升综合应用能力及平面UI设计能力。
三.WUI设计基础:
1.页面设计基本流程与设计规范的概念性讲解,重点了解WEB前端界面设计规范;网页配色技巧、色彩与构图的概念及技巧;网页导航与字版式设计
2.网页设计软件应用:以Fireworks为工具介绍软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。
3.以Dreamweaver为工具建立站点、添加页面元素、使用CSS样式及交互行为。 以Flash为工具了解动画制作原理与技巧,典型WUI商业广告中的Flash技术与实现。
4.网页设计要素:学习web网站设计基本要素,网站图标、按钮、广告banner、专题页设计等元素的具体设计方法 Web标准化布局:(X)HTML/HTML5语言:HTML语法与常用标签的详解,包括布局标签,表格标签,表单标签等。
5.CSS/CSS3层叠样式表:CSS语法与常用属性的详解,使用CSS对网站中各个模块进行修饰美化。
6.WUI项目实战设计:以企业网站、电商网站及专题网页做实战项目设计,经过全流程设计,达到网页界面设计要求
四.UE交互设计
1.手机主题、界面与图标设计;
2.拟物化与扁平化设计;
3.系统性学习苹果IOS设计规范;
4.系统性学习Android设计规范。
5.图标设计:图标设计要素与技法,图标设计中的色彩应用,图标创意思想与方法,2D图标设计方法,3D立体图标设计方法,图标在界面中的设计应用。
6.移动UI界面设计:手机APP的用户使用场景,手机界面的布局与结构,手机界面中的视觉语言与控件详解,手机交互中的手势操作。
7.APP产品的核心设计:导引设计,手机APP的色彩与情感化设计,手机APP整体视觉情感的提炼与传达,移动APP项目设计IOS端APP实际项目实战。