惠州UI设计培训班(4)

课程简介：与之相应，UI设计师的职能大体包括三方面:一是图形设计，软件产品的产品"外形"设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的"测试"，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。研究界面图形设计师Graphic UI designer国内大部分UI工作者都是从事这个行业，是了解软件产品、致力于提高软件用户体验的产品外形设计师。这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。人与界面交互设计师interaction designer在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范(spec)等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。交互设计师一般都是软件工程师背景居多，也有视觉设计师转行进入的。设计原则      1.简易性界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。2.用户语言界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。3.记忆负担最小化人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。4.一致性它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。5.清楚在视觉效果上便于理解和使用。6.用户的熟悉程度用户可通过已掌握的知识来使用界面，但不应超出一般常识。7.从用户习惯考虑想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如:书籍对比竹简。8.排列一个有序的界面能让用户轻松的使用。9.安全性用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。10.灵活性简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄、界面)。11.人性化高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面，并能保存设置。UI常见的手机UI设计流程一、确认目标用户在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如:对于科学用户和对于电脑入门用户的设计重点就不同。二、采集目标用户的习惯交互方式不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。三、提示和引导用户软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。四、一致性原则设计目标一致软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。例如:如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件(软件包)整体，而不是局部。元素外观一致交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。交互行为一致在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。五、可用性原则可理解软件要为用户使用，用户必须可以理解软件各元素对应的功能。如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。比如:删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。可达到用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。(参考简单导向原则)可控制软件的交互流程，用户可以控制。功能的执行流程，用户可以控制。如果确实无法提供控制，则用能为目标用户理解的方式提示用户。就业前景UI即用户界面设计行业刚刚在全球软件业兴起，属于高薪技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如:百度、腾讯、雅虎、中国移动、诺基亚、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。就业市场供不应求。如今，国内的UI设计日益发展，有了专门的职业分工也开始出现一些较高水准的设计师与UI设计交流组织。但总的来说，在这一领域，我们与西方发达国家间的差距仍是显而易见的。软件领域不像物质产品那样，存在工艺、材料上的限制，其核心问题恰在于人。因此，提高软件UI设计师的个人能力，真正提升软件产品的人性化程度，已成为中国UI发展的重中之重。UI设计工作的年薪基本保持在10到15万，经验丰富者可以达到20万，资深的UI设计人员年薪可以更高。设计方向UI是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是:用户研究、交互设计、界面设计。

适用人群：对此有需求的学员

课程简介：1、系统学习UI设计系统学习平面设计、网页设计、电商设计、UI设计，实力型UI设计师2、掌握C4D设计、UI手绘

课程简介：平面设计综合阶段PS1.介绍软件（应用领域、优势）/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图/选区自由变换/保存格式/文字（文字海报）/形状工具（绘制简单形状）/填充（前景色、背景色）2.色彩基础知识/色阶/曲线/亮度对比度等/色彩平衡/色相饱和度/可选颜色/画布大小调整/建立快速蒙版/LAB颜色模式 3.软件界面/软件基本设置/导入图片/视图的基本操作/调色命令/文件导出4.光影知识/涂抹、锐化、模糊工具/加深、减淡工具/消失点，液化滤镜、仿制源/渐变工具、吸管工具/肤色调整/色彩知识（色彩搭配训练）5.素描三大关系/色彩构成/透视/产品修图案例6.基础抠图工具/基本形状工具/钢笔工具/文本工具/字体排版技巧/变形变换 7.抽出命令/通道抠图/调整边缘抠图/插件抠图/抠图总结8.图层混合模式/合成基础知识/合成案例9.滤镜（下）扭曲，渲染/图层样式内阴影，斜面与浮雕，颜色，渐变，图案叠加/详情页 10.自定义形状工具/3D工具/直通车制作11.图层样式概念/图层样式分类/图层样式案例/APP界面12.网页设计基础/动画设计+总结AI1.介绍软件/新建文件设置/软件界面认识/文字工具/文字大小改变、旋转、复制 2.其他格式：制表符、文字属性复制轮廓/简历制作 3.选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具 4.钢笔铅笔工具、路径橡皮擦、美工刀、剪刀.群组与复合路径、对齐和分布 5.排列、锁定、隐藏、路径查找器（焊接、相交、修剪）、剪切蒙版 6.描边面板/对象/路径/内部填充（网格工具、实时上色）7.变形工具/封套扭曲/变换工具 8.画笔/符号/符号喷枪工具 9.混合工具（带过，CDR中详说）、透明蒙版（结合剪切蒙版使用） 10.外观面板、图形样式/描边、外观的使用/图层面板（多图层整理）11.图表/位图转矢量图/透明度面板（中叠加方式的使用）12.效果菜单（凸出和斜角、绕转、风格化）软件相互间格式的处理CDR1.软件介绍（应用领域、优势、缺点）/软件界面（调色板）2.基本操作（新建文件、设置文件大小、出血、保存、导出、再制等）3.排版需注意的事宜（字号、字体、出血、文字安全框等）4.文本格式：文字方向、字符格式、段落格式、段落文本换行（图文混排）、分栏 5.基础绘图（矩形、椭圆、多边形、图纸、螺旋线、完美形状、智能绘图） 6.移动工具、填色（内部、轮廓）/视图工具（抓手、缩放、显示性能）7.排列、锁定、造形/图框精确裁剪/群组与结合、对齐和分布8.手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具9.形状工具：A.直接编辑基本形状/文字；B.转换成曲线后编辑 10.涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色11.均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶 12.交互调和、轮廓 13.变形、阴影、透明 14.立体(立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)15.封套 16.位图处理/转换（跟踪位图）位图遮罩/滤镜效果（卷页）/效果菜单17.表格处理/插入条码、OLE对象（图表）/对象管理器/页面设置、打印品牌视觉研修阶段品牌电商1.学习美术黑白灰三大调设计原则，掌握人像精修技巧，方便易记，快速出效果。 2.学习电商设计中的阴影处理，熟练掌握护肤产品的设计风格与特性，使用检查标准提高页面效果。3.学习设计中的对比法则，对于画面的把控能力，得心应手。4.学习字体设计，掌握检查和修改自己作品的方法和技巧。5.熟悉天猫京东首页banner广告位的设计风格与规则。 6.学习设计轮方法，系统学习设计创意逻辑，让创意设计变得简单、快捷、轻松。7.掌握图像创意合成方法，快速出效果。8.通过独创方法分析电商各类优秀作品的标准，为自行创作提供有效的方法。品牌logo1.学习logo图形设计的基本原则、设计流程、思维方法和技巧要点，通过剖析多个案例提升logo图形设计实战技能。 2.通过中文、英文和数字阐述logo字体的设计原理，并提供五种捷径帮助学员有效快速掌握设计方法。3.熟悉VI设计效果图制作方法，快速出效果。4.熟悉VI手册设计规范，学习各项基础设计细节并明确了解其作用。5.通过天琥自创标志鉴赏十六字，检验标志对错好坏。深入解析有关logo品牌形象上抄袭和借鉴的区别。深入一层从含义、图形、文字、形态和色彩五要素进行创作，塑造优秀logo案例。品牌物料1.根据多个案例实战学习商业型和创意型海报设计的法则、规范与流程。2.掌握单张X展架的特点。包括尺寸大小、折叠打孔位置设定等设计规范，实战中快速制作出符合要求的宣传单张和展架画面设计。3.掌握宣传折页的特点，包括折法、尺寸、出血等设计规范，实战中快速制作出吸金无数的宣传折页。4.通过案例学习包装设计鉴赏、包装材料、包装纸盒结构设计以及包装印刷工艺。5.文案思维对于设计具有指导性的意义，学习广告语，可以给各类型设计作品加分。6.通过多个案例学习画册的版式类型和基本原理。通过点评作品，让学员快速掌握版式设计的技巧、原则和规范。7.天琥独创研发理论，结合实操，提升对设计的认知。8.天琥独创四大诀窍提升品牌设计文化深度，借以提升设计作品的价值和价格。9.运用品牌设计思维，实战操作整个品牌的各项设计，运用六尺评判标准，从看想写做说五种能力掌握项目设计的交付标准，让学员真正成为一名独当一面的全能型视觉创意设计师。网页电商研修阶段DW1.认识DW界面、工作区，熟练DW基本操作，学习表格，切片2.掌握超链接、锚链接、富媒体、框架网页、浮动框架的使用，建立简单的传统网页站点 3.html+css:学习CSS三种嵌入形式、选择符、盒模型、浮动等，熟悉页面布局方法 4.html+css:项目列表与导航，常用css样式、css3样式补充，居中等 5.掌握和熟悉横版网页的制作技巧和注意事项，让网站与众不同6.熟练掌握竖版网站的制作规范和技巧，不再做网站的“小白” 7.表单，表单创建与表单样式 8.下拉列表，dl、dt、dd下拉效果9.spry卡式、折叠式、工具提示 10.学会如何套用和调用已有的JS代码，让网站妙趣横生，引人夺目网页设计1.了解网站与网页的关系，学习标杆管理，与设计中标杆的应用。2.了解网站首页的组成部分，系统学习网站设计的组成。熟练掌握WUI设计的规范。3.了解网页的前世今生与设计趋势。分辨各种不同网站类型的设计风格。重点学习网站设计的内容布局。 4.了解一个网站诞生的过程。通过企业网站案例对网站设计进行梳理，了解网页设计流程。5.学习展示型网站、信息型网站、功能型网站、品牌网站、活动网站等网站类型的设计规范。6.了解整站设计与整站设计中不同功能的页面。通过实际项目案例学习了解电子商务网站。7.重点掌握整站设计中的不同页面元素与设计时该注意的规范重点。电商设计1.重点学习阿里/天猫/淘宝开店流程、装修流程、上架流程。2.学习钻展广告位的作用及规范。了解排版原则，信息传达原则，文字排版标杆布局，色彩关系的区分。3.学习直通车的作用及规范，重点掌握直通车广告设计方法与技巧。4.学习宝贝主图的作用及规范。重点掌握宝贝主图的设计方法与详情页的设计流程和技巧。5.了解品牌电商的设计思路，通过案例学习不同品牌电商的设计方法与技巧。6.学习店铺装修代码与淘宝代码生成平台的应用。重点掌握代码的修改与热点图。 7.学习淘宝页面的移动端设计转变形式。重点学习网站响应式设计。 8.了解实际工作中网页电商设计师的定位于发展趋势。指导简历的制作思路与毕业作品的设计。UI实战阶段 ICON1.学习Photoshop和Illustrator绘制线性和块状剪影图标的技法，达到能绘制不同行业图标的能力 2.学习图层样式初级使用，掌握扁平化，长投影等风格的图标绘制技法3.学习图层样式的高级使用，掌握图标颜色的搭配技巧，达到能绘制不同风格轻拟物图标的能力4.学习重拟物图标中的透视角度、光影关系、材质表现知识，掌握一些常见材质图标的刻画技法5.学习手机应用主题设计规范，做一套完整的手机应用主题，包括系统图标、桌面插件、锁屏界面Axure交互1.学习Axure软件基础知识，掌握低保真原型绘制能力，并学习条件判断语句使用方法 2.深入学习Axure动态面板元件，掌握动态面板的切换与循环。3.学习Axure软件高级知识，了解Axure软件中变量的使用，并能够做一些高级交互效果移动端UI1.学习iOS10人机界面指南，深入学习iOS设计理念，掌握iOS界面尺寸以及字体规范 2.学习APP界面设计配色技巧以及常见类型导航设计知识，并结合项目开始设计项目界面 3.学习用户体验理论知识，了解UED部门人员的配备以及各职能人员的实际工作，能够运用用户体验的知识重新审视自己使用的产品，并能在后期的设计中站在用户体验的高度去设计自己的产品4.学习产品开发流程，熟悉用户调研的方法、竞品分析的维度，了解产品经理的工作内容5.了解交互设计师的工作内容，熟悉移动端交互热区的范围，学习交互手势在设计中的应用，学会书写交互说明文档 6.学习并掌握移动端界面设计中的列表式布局方法，了解移动端界面设计意识。7.学习Google大力推崇的Material Design的设计语言，掌握MD设计规范，深入理解MD设计思想8.利用MD设计理念结合项目需求设计MD风格的界面 9.了解APP引导页的功能分类，掌握引导页的常见表现形式以及常见扁平风小插画的绘制技法10.学习移动端应用图标的6种表现技法，并制作前期项目的应用图标。 11.学习并掌握移动端界面适配法则以及切图和标注的方法，从而后期更好配合程序人员 12.学习微信公众号平台中微商城的知识，并学习微信新的小程序设计规范，深入理解微信设计理念 13.掌握H5场景制作平台的操作技巧，学会制作H5动态展示页面 14.深入学习H5场景制作平台操作技巧，按照项目需求制作H5动态展示页面15.总结整个阶段学习的知识，做知识梳理，查缺补漏，复习前面所学知识简历面试1.学习UI设计师简历制作的要求，制作高端的UI设计师个人简历作品集，为后期找工作做好准备 2.深入探讨UI面试中经常被问到的一些概念性问题，用适合的语言去组织问题的答案，为后期的面试做准备 项目辅导作品集包装1.以总部研发部指定作品标准，严格把控学员就业作品。帮助学员查漏补缺，精益求精，做出能拿得出手的作品。2.至少一次真实项目完整实战指导。会给到一个较长的周期，了解实际工作流程，项目流程。与参与制作。就业服务1.实行一对一的心理辅导，学习就业面试技巧。模拟面试训练与定期的招聘会。 2.。