如题所述
想知道UI交互设计需要学什么,首先得需要对交互设计有个大致的了解。
交互设计,并不是字面意思这么简单,它包含了很多的分支,用大家通俗易懂的并且常见的一些字眼来说:
第一个就是UI方向,像APP,网页之类的设计都会被当作UI设计,但是其实UI设计是平面设计专业的分支,只有涉及到设计的内容与人产生联系的时候,才会被划到交互设计这个专业。
第二个就是常见的UX/UE方向,这个强调的是用户体验设计。一切的设计都是以用户为中心,以用户的需求为主,所以这个方向不止是交互设计、会信息建构、用户调查及其他学科领域的内容。
第三个是 HCI方向,也就是常说的人机交互,这个是最难的。这个主要研究的是系统与人的关系,更具体一点说,是研究各种大大小小的机器甚至是更难一点的带有计算机化的系统和软件与人的关系。所以这个方向需要有扎实的计算机理论,超强的逻辑思维,理科思维,也要对用户心理有所研究。
关于交互设计的学习,当你确定要专注那个方向后,那就去找相应的课程,针对性的学习。而市面上设计UI方向交互设计的课程也有不少,可以根据自己的需求对比不同机构的课程内容和教学,看谁才是适合你自己的。
除了绘画等基础知识,你可能还需要学习以下工具:
一、线框图和原型设计工具
1、Sketch:为用户提供简洁易懂的设计功能,它也可作为原型工具用于创建图标和插画。
2、Adobe XD:Adobe XD是一款专为UX设计师创建线框图,交互式原型以及完成矢量设计而开发的设计工具。作为Photoshop和Illustrator的替代品,在UI和UX设计师群体中的评价都很高。
3、Figma:一款基于web的专业设计工具,允许设计团队在线实时协作,完成页面设计。该款设计工具适用于多种操作系统。
4、Lunacy:在流程图创建的各个阶段,Lunacy都能让整个设计过程更加高效。
二、交互原型设计工具
1、Mockplus:Mockplus是一款更快,更简单的交互原型设计工具。图标库、组件库、样式库非常丰富。为提升设计效率, Mockplus提供了8种演示和分享方式,包括Android和iOS设备预览,方便设计师根据具体情况分享,测试和迭代设计想法,及时收集设计反馈。
2、摹客iDoc:更快更简单的产品协作设计平台。主要用户人群涵盖产品经理,设计师和工程师,其核心功能点包括:智能标注、一键切图、多样批注、快速交互、全貌画板、团队管理。
3、Marvel:一款基于云端的交互原型设计工具,无需任何编码即可创建逼真的移动App或Web原型。
4、InVision:一款免费的交互原型创建工具。
5、Principle:Principle是一款简单且旨在创建动态界面的设计工具。、
6、hype 3:hype 3号称无代码动效神器,像AE一样使用时间轴就做可互动的动画。PC、手机、pad端都可以直接访问(以web的形式),也可以导出视频或者GIF。
以下是UI交互设计要学习的内容:
阶段一:造型训练基础课程
1、基础素描与造型2、色彩基础与彩铅画
阶段二:设计工具与品牌形象设计
1、PS软件基础设计2、PS软件进阶设计
3、AI软件基础与logo设计4、Vis企业形象手册设计
阶段三:Web与运营设计
1、Banner运营设计表现2、C4D轻三维设计表现
3、网页设计流程与规范4、网页设计项目实训课程
阶段四:网页静态布局
1、HTML网页重构与页面美化
阶段五:移动端全流程设计
1、图标icon设计与主题表2、UE、UX用户体验与交互原型
3、iOS&Android设计规范4、移动端界面设计项目实训
5、智能可穿戴设备项目实训6、交互动效表现设计课程
7、H5页面推广设计与发布
阶段六:作品润色与整理
1、平面作品与作品集整理2、作品集展示与表现课程
3、作品与模拟真实面试
UI设计入行门槛低,就业前景好,现在学习正是绝佳时机,想让自己能在就业中更有优势?
交互方面,则要熟练使用Sketch的基础操作工具,具备独立完成界面临摹能力。熟练使用(图标、卡片区域、Banner、启动页、引导页、空状态、弹窗)多页面设计方法及设计风格,具备参数精细化设计能力。了解并熟练使用企业站的分类、构成、开发流程以及整站设计方法。熟悉PC端及移动端整套项目开发流程,了解需求的获取、管理、转化及优先排序。具备使用产品分析能力分析同行产品(竞品)、梳理全局的交互文档、使用情绪版定义视觉设计风格、制定设计规范、制作iOS、Android和小程序界面设计的综合能力,可以与前端开发人员无缝衔接。