【课程简介】
UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计,也叫界面设计。UI设计分为实体UI和虚拟UI,互联网说的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。
好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。
【课程内容】
阶段:平面图形界面设计
设计工程师要求
1、用户界面设计概述
Ui设计流程的基本内容与项目分析
掌握UI设计基本制作流程内容理论、拥有基本概念分析能力,对UI设计流程有一个基本的思维了解
2、用户体验设计概述
UE知识在ui设计中起到的作用及用户体验基本概述等
掌握用户体验中眼动模式、操作逻辑、以及指尖触控合理区域布局
3、项目管理规范
如何对搜集到的各种信息进行分类和整理,以符合各种不同项目的需求。
了解项目管理规范的意义;理解UI行业项目管理规范;掌握相应的文档管理、命名技巧。
设计思维基础
1、商业设计流程以及要求
企业形象识别系统建设流程
以视觉识别系统设计的基本理论为基础,结合4A公司及展览展示行业的项目流程,讲解商业项目的设计过程。
平面设计与后期印刷
印刷种类、纸张开度、印刷色彩、印前设计、制版印刷和印后加工。
2、平面构成
本课程学习,使学生掌握平面构成的概述以及形式美法则,平面构成的形象要素,骨骼,形与空间的关系。
3、立体构成
立体构成是用一定的材料、以视觉为基础,力学为依据,将造成要素按照一定的构成原则,组成美好的形体的构成方法
4、色彩构成
色彩的构成概念,色彩的基本知识,色彩构成的形式法则,色彩的同时对比构成,色彩的调和理论,色彩心理效应。
掌握设计的三大构成模式是设计思维的基础,构成是设计的灵魂,一个不懂设计构成的人,在设计师根本不知道如何面对画面布局与如何用色。
图形设计基础
1、标志设计
标志的概念及分类、标志的特点和作用、标志的构成形式及表现技法、标志的发散思维及草图画法,标志的正稿制作
2、字体设计
汉字的演变及绘写特点、字体设计的重要性及技巧、框架式字体设计及网格造字、自由式字体设计。
掌握标志与字体的设计是所有企业传达企业文化的视觉元素,不管是户外媒体与IT形象传播都需要这两种视觉元素。
平面设计软件
1、lllustrator
矢量图形绘制软件的界面与工具;矢量图形绘制的技巧。
2、coreldraw
矢量图及页面设计;图像编辑,强大的交互式工具
3、InDesign
页码设计、文本和样式、图形图像、表格工具、印前与输出的相关应用,书籍与长文档的制作。
了解GUI常用工具,软件的使用;理解位图图像、矢量图形的处理技巧;掌握深入挖掘工具背后隐藏的技巧,应用软件教学规范化设计。
案例项目
第二阶段 独立平台的UI设计
界面设计
1、图形设计、交互设计、用户测试
了解产品对项目的外观做设计
设计项目的操作流程,树状结构,软件的结构与操作规范等
测试项目用户体验的合理性以及图形设计的美观性
项目的设计流程
掌握项目开发制作流程,掌握项目常用设计手法、项目设计流程及常用的思维导图软件与交互软件使用方法
图标设计
1、启动图标(AI/PS/3Dmax)
使用lllustrator、photoshop进行细致的启动设计
跨软件结合相互配合设计启动图标
掌握AI矢量绘图软件与Ps图形软件绘制图标的中级技巧
2、工具栏图标
工具栏图标设计风格类别讲述
图标功能讲述、图标不同形式的设计风格
图标符号化和简化方式、图标手绘技巧、如何使系列图标保持风格的一致性
剪影图标设计
掌握不同应用产品中不同的工具栏图标
掌握不同应用产品中图标设计的思维技巧
逻辑思维交互软件
1、Mindmanager思维导图
思维导图运用图像、线条、色彩、关键词等刺激大量思维和记忆的要素,把大量枯燥的文字资料或大堆纷繁复杂的思路和线索,整理成为一目了然、重点突出的放射状思维导图
2、Axure Rp交互原型图工具使用技巧
Axure如何使用基本空间布局
Axure RP动态曾连接方式
了解思维导图的概念,提升思维能力、开发大脑潜能;理解思维导图的使用方法,激发创意、提升时间管理效率;掌握思维导图工具,提升生活品质
用户体验
1、人体工程学
眼动模式的视觉热区分布及分析能力
合理的指尖触控区域等
掌握学习用户体验在ui设计中的作用及眼动等用户体验详细内容
掌握软件
1、lllstrator
矢量图形绘制软件的界面与工具;矢量图形绘制的技巧
掌握制作图表元素
课程项目
第三阶段:商业WEB /移动设备界面设计
网页设计案例分析
1、web界面设计预料
网站设计的内容和纲要
定位网站主题
定位网站CI形象及网页美工设计趋势
网站页面布局
网站焦点图与按钮的制作
新浪、搜狐等案例和板块制作
2、色彩心理学
网页用色使用技巧
3、用户感官学
网页眼动模式布局
4、不同企业的色彩搭配
不同企业的设计风格案例讲述
帮助同学们彻底了解网站设计流程、布局、色调搭配、了解企业网站建设的色彩和用户体验、了解不同企业色彩搭配原理。
Web界面
1、web界面设计流程
Web界面设计
Pc客户端软件界面设计
了解WUI标准设计规范及风格;理解企业客户对设计的需求和期望值;掌握网站及软件界面设计的技能和技巧。
2、web标准化布局
HTML/HTML5
CSS/DIV/JAVACSRIPT
布局技巧与浏览器的兼容
了解网站布局的三大核心部分:结构标签,修饰语言和行为语言;理解CSS修饰的用途及意义;掌握基于WEB标准的网站结构搭建、WEB界面外观美化和主流浏览器兼容。
必备设计软件
1、Dreamweaver
建立站点、添加页面元素、使用CSS样式及交互行为。
2、Fireworks
软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。
了解WUI常用软件工具、功能的使用;理解企业及客户的基本要求;掌握WUI界面模块的设计
图标设计
1、2D彩色图标
当当网彩色图标,大型应用软件中用到的彩色图标。
2、3D彩色图标
图标的设计流程;3D彩色图标实际案例。
3、写实图标
写实图标的材质表现;写实图标的发展历程;写实图标实际案例。
4、剪影图标
小米主题设计
了解几何形体的基本形态;理解几何形体的结构; 掌握形体的重组与空间表现 。
界面设计案例
1、Android界面设计
Android应用交互界面设计原理案例:浏览器,工具类APP实例讲解。
2、iphone应用界面设计
ios交互工具使用X coder
ios拟物化书架界面设计热身案例
ios苹果手机界面设计规范及布局标准
3、windowsphone应用界面设计
windowsphone的设计规范与磁贴的设计规范
色块配色与大小布局分析
大型项目案例制作
了解色彩三要素及基本色彩原理;理解色彩的空间组合;掌握色彩辨析能力与色彩分解技巧。
项目案例
第四阶段 游戏UI界面开发/拓展课程
前期材料准备
1、如何将我们用到的信息进行归纳整理
游戏风格介绍与功能分析
1、手游设计风格概述
2、手游设计风格概述
软件工具的使用
1、游戏ui图形绘制技巧
2、camtaisa studio录制剪辑工具
3、3D动画虚拟演示
游戏风格与类型介绍、各款游戏风格的使用技巧、平台类游戏设计模式、、3D动画展示表现技巧、游戏空间设计制作
如何对设计素材合理整合、游戏页面项目案例布局及制作项目、手机游戏真机演示
掌握ui设计风格,素材动画的采集,素材背景的修改及不同风格游戏的功能交互与风格设计
拓展课程
1、跨平台设计
跨平台设计知识铺垫、如何跨平台设计、平板电脑的设计
2、个性化设计
如何在规范内进行个性化合理改造个性化设计案例技巧展示
3、使用Axialis IconWorkshop进行图标设计
Axialis IconWorkshop使用技巧、真机演示
熟悉游戏设计风格,素材动画的采集,素材北京的修改及不同风格游戏的功能交互与风格设计
【教学风采】
【学校简介】
思途教育科技(青岛)有限公司是一家集软件开发和IT教育实训为一体的科技实训学校。
2009年思途正式成立;
2012年成立软件实训基地;
2013年1月得到欧洲教育团队先进技术支持;
2014年1月获得工业和信息化部的考试认证资格,成为山东省内屈指可数的考试认证中心之一;
2015年被青岛市高新区评为:佳高新技术人才输送教育机构。
截至目前,思途已与2000余家软件企业和120余所高校达成合作,为企业输送超过11000名高新技术人才。随着知名度、学员口碑和教学实力的逐年攀升,思途已逐渐成为国内IT教育行业的品牌。
【学校优势】
思途主营业务包括软件企业人才内训、大学生职前教育实训、面向软件企业的软件工程师实训;主设课程包括Java+Android实训、HTML5+Web全栈工程师实训、以及全能UI设计师实训。
思途致力于高新技术人才的0费用学习,0基础入学,项目经理一对一教学,建立与用人企业“有效人才”输送链,签订就业协议,确保学员高薪就业,为学员未来10年职业发展奠定基础,搭建平台。
思途,让高薪就业更简单!
【师资力量】
JavaAndroid讲师
8年软件开发经验,五年外企工作经验,曾参与手机Office办公软件,美国通用车载系统,海尔智能投影系统等项目的开发。
精通Android,J2EE,Java,Python, Linux,Git等各主流系统和开发技术。擅长项目管理和系统架构。
JavaAndroid讲师—杜鲜
七年企业级研发经验,先后就任于外企国企从事软件研发需求分析项目管理等工作,曾参与HADOOP云计算大数据项目,定时任务调度等核心技术研发。
精通JAVA核心与主流J2EE技术,主流数据库设计经验,WEB前端脚本开发,多种操作系统与项目研发管理工具,IT团队管理经验,企业信息化建设等。