武汉UI设计培训课程
【课程介绍】
UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。软件设计可分为两个部分:编码设计与UI设计。UI的本意是用户界面,是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成,但实际上还包括用户与界面之间的交互关系。
【课程内容】
一、平面综合阶段
PS模块:
1.介绍软件(应用领域、优势)/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图选区自由变换、自由变形/保存格式
2.文字(文字海报)/形状工具(绘制简单形状)/填充(前景色、背景色)
3.色阶,曲线,亮度对比度等/色彩平衡,色相饱和度,可选颜色等/画布、图像大小调整/钢笔工具/选区(选区工具)等
4.消失点,液化,仿制源/锐化、模糊工具/加深、减淡工具,/渐变工具、.吸管工具/色彩知识(色彩搭配训练)
5.橡皮擦/图层蒙版/套索,魔棒/快速蒙版/抽出/调整边缘
6.钢笔工具/色彩范围/通道/摄影艺术介绍
7.剪切蒙版/图层混合模式
8.滤镜(上)风格化,像素化,模糊,水墨等艺术效果/智能滤镜
9.滤镜(下)扭曲,渲染
10.图层样式内阴影,斜面与浮雕,颜色,渐变,图案叠加
11.UI介绍/网页设计基础/网页banner的设计/网页切片工具
12.对齐与分布//网页设计制作
13.动画制作(把静态网页稍加动画)/软件互导性
ID模块:
1.介绍软件/新建画布/页面认识/软件优化
2.视图工具参考线/导出预览模式/渐变填色,文字填色
3.文字输入编辑(字号、字体、分栏等)
4.文字群组与复合路径、对齐和分布
5.排列、锁定、隐藏、路径查找器(焊接、相交、修剪)
6.基础图形绘制与填色
CDR模块:
1.软件介绍(应用领域、优势、缺点)/软件界面(调色板)
2.基本操作(新建文件、设置文件大小、出血、保存、导出、再制等)
3.排版需注意的事宜(字号、字体、出血、文字安全框等)
4.文本格式:文字方向、字符格式、段落格式、段落文本换行(图文混排)、分栏
5.基础绘图(矩形、椭圆、多边形、图纸、螺旋线、完美形状、智能绘图)
6.移动工具、填色(内部、轮廓)/视图工具(抓手、缩放、显示性能)
7.排列、锁定、造形/图框精确裁剪/群组与结合、对齐和分布
8.手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具
9.形状工具:A.直接编辑基本形状/文字;B.转换成曲线后编辑
10.涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色
11.均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶
12.交互调和、轮廓
13.变形、阴影、透明
14.立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)
15.封套
16.位图处理/转换(跟踪位图)位图遮罩/滤镜效果(卷页)/效果菜单
17.表格处理/插入条码、OLE对象(图表)/对象管理器/页面设置、打印
AI模块:
1.介绍软件/新建文件设置/软件界面认识/文字工具/文字大小改变、旋转、复制
2.其他格式:制表符、文字属性复制轮廓/简历制作
3.选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具
4.钢笔铅笔工具、路径橡皮擦、美工刀、剪刀、群组与复合路径、对齐和分布
5.排列、锁定、隐藏、路径查找器(焊接、相交、修剪)、剪切蒙版
6.描边面板/对象/路径/内部填充(网格工具、实时上色)
7.变形工具/封套扭曲/变换工具
8.画笔/符号/符号喷枪工具
9.混合工具(带过,CDR中详说)、透明蒙版(结合剪切蒙版使用)
10.外观面板、图形样式/描边、外观的使用/图层面板(多图层整理)
11.图表/位图转矢量图/透明度面板(中叠加方式的使用)
12.效果菜单(凸出和斜角、绕转、风格化)软件相互间格式的处理
二、DW
表格切片:认识DW界面、工作区,熟练DW基本操作,学习表格,切片DW模块
框架网页:掌握超链接、锚链接、富媒体、框架网页、浮动框架的使用,建立简单的传统网页站点
html+css:学习CSS三种嵌入形式、选择符、盒模型、浮动等,熟悉页面布局方法
盒模型:html+css:项目列表与导航,常用css样式、css3样式补充,居中等
横版网页:掌握和熟悉横版网页的制作技巧和注意事项,让网站与众不同
竖版网页:熟练掌握竖版网站的制作规范和技巧,不再做网站的“小白”
表单制作:表单,表单创建与表单样式
下拉菜单:下拉列表,dl、dt、dd下拉效果
卡式选项:spry卡式、折叠式、工具提示
JS套用与网站发布:学会如何套用和调用已有的JS代码,让网站妙趣横生,引人夺目
三、电商研修阶段
钻展广告位:学习广告图片的制作步骤,掌握各元素运用的方法、种类和规律,通过学习元素之间的对比知识,让广告图变得更加高端大气电商研修阶段
直通车广告图制作:系统学习直通车广告制作的要点与卖点,快速提升作品的商业价值与美观度,让作品好看又好用
店铺首页/专题页制作(初级):了解和学习首页专题的作用、种类与制作方法,结合前后知识,制作首页专题banner图
店铺首页/专题页制作(中级):掌握“设计轮”创意法则,学会观察与处理画面细节,文字排版快速传递信息,让首页专题更高端、有逼格
店铺首页/专题页制作():建立系统化检查标准,掌握动静物体修饰和美化的制作方法,学习电商设计师制作立体字,让产品更有质感、更值得信赖
移动端首页制作:掌握淘宝移动端店铺首页(手机、APP店铺首页)制作方法与规则
详情页:了解和学习淘宝产品详情页的制作框架与注意事项,欣赏大量案例,学习过程中不断改进,让详情页带动产品销量
毕业设计:学习与掌握店铺招牌的种类与制作方法,同时开始研修阶段的毕业设计,鉴赏大量电商行业的案例。后分享毕业设计,锻炼表达能力,为面试打好基础
店铺装修:掌握淘宝店铺的装修方法,让店铺“动”起来
四、UI研修阶段
原型设计:学习Axure软件,了解UI设计前期原型设计的流程,具体围绕网页的原型设计与软件的原型设计。并讲解页面之间的跳转、交互状态效果UI研修阶段
交互设计:
学习Axure软件,了解动效设计,例如下拉弹出菜单,轮播图的展示,音乐播放器的时间线效果等
学习交互设计文档的制作,集合整体框架内容,注明页面跳转层级,与涉及到各种交互状态的说明
用户体验:了解用户体验的重要性。从前期产品的开发,到后期的设计。学习在功能上、设计上如何提高用户体验
网页设计鉴赏与规范:
了解网页设计的趋势、设计流程。区分不同系统、浏览器、分辨率等对网页设计的要求。关注时下流行的网页设计风格UI研修阶段
学习网页设计规范,栅格化系统格式塔心理学。模块与细节的规范,网络广告设计讲解
各类网站的设计学习:
学习网页界面的色彩搭配。掌握各种页面导航与按钮的设计法则。系统学习广告banner的设计方式
了解网页中的瀑布流、通栏、F式布局等。学习掌握光影学。加强创意构图的设计形式
了解表单的设计与用户体验的融入。系统学习响应式页面设计的布局、模式与方法。锻炼学生在设计页面的同时符合SEO的设计规范
手机主题设计:
了解移动端界面设计的发展趋势。移动端设计与PC端中的不同点。分块讲解不同系统、不同品牌机的不同设计法则与风格UI研修阶段
了解图标的设计分类与不同系统操作平台中的图标设计规范。锻炼布尔运算与图形造型。提高绘制图形能力
了解图标设计中的结构与光影学。具体配色原则等。分析图标的表现形式2d/3d与流行趋势。重点加强想象力的提升与创作能力
设定主题,独立创作一整套的系统图标。学习主题风格的统一化与衍生方式
了解APP当中的控件、功能性图标。学习控件中的具体搭建与配色。训练正负形图标的设计与图标的迭代更新
产品APP研发:
了解产品开发流程,从前期的PRD到思维导图,低保真到高保真的具体工作流程。学习IOS端的设计规范UI研修阶段
了解APP的安卓端设计规范。系统学习APP中主要页面的各种设计形式与规则方法
通过实战,以分组的形式开发一个产品。从需求整理到调研,再到数据整合。终完成基本的原型设计与交互文档
产品APP设计:
学习APP中的启动页、引导页的界面设计形式。重点学习归纳产品的主要功能进行引导展示
学习APP中的配色形式与色彩心理学。系统了解登录、注册页面中的用户体验。还有个人页面的展示设计
将APP中的内容信息通过合理的展示方式进行表现。学习APP中的列表式构图、九宫格、圆心点放射、陈列馆、轮播式构图等
了解手机交互中的热点区域,佳按键区等。系统地分析不同终端的适配法则
系统讲解IOS端、安卓的切图原则。了解两个不同终端的切图方式与不同点。学习markman软件对APP的注释方法
微信端:
掌握微信平台的公众号运营与要求UI研修阶段
五、岗前就业课
网络传媒广告策划与设计实战:
以实战的形式让学生完成整个项目的全部设计与制作从谈单,到市场调研、数据分析、需求整理。大体报价开始。后确定提案后,提交竞标岗前就业课
项目内容网页版的宣传规划与设计制作
以网页版为标准,设计移动端的网页页面设计与微信公众号界面设计
衍生项目类别的APP设计,基本原型基础页面设计制作
锻炼讲解方案的能力,掌握给客户讲解方案时需要的要点,领略简洁、提炼核心的讲解技巧
技能加强:
通过全面项目锻炼硬件界面设计,例如:applewatch、数字电视界面、汽车导航界面、智能家具界面等岗前就业课
学习AFTEREFFECTS的动效制作、基本的手机概念动画设计效果
学习拓展:
了解网络营销相关知识,探索营销策略,互联网的广告模式等岗前就业课
应聘简历,作品收集,面试技巧,行业了解,行业发展方向,职位选择
六、素养训练阶段
素质训练阶段重点培养演讲表达能力、团队协作精神、执行能力,把学员打造成专业技能过硬,心态阳光,职业素养好的设计人才,让学员快速成长。
【课程目的】
系统学习UI设计内容,从UI中会涉及到的用户体验与交互这块开始学习。其次重点学习网页界面设计、响应式设计、软件界面设计、移动端界面设计。目的让学生制作出符合UI规范的界面,并能独立完成相对应的原创作品。在教导设计中,也会涵盖每一块UI制作的具体流程,提升学生的思维与逻辑分析能力,产品研发与策划能力。
【师资介绍】
连老师
UI课程研发经理/UI课程首席讲师
4年教学经验 3年设计工作经验
设计经验:曾任职品牌顾问、UE、设计总监等岗位,擅长平面广告设计、品牌策划、网页设计、UI设计和影视传媒,参与过万科、真功夫、汤臣倍健、中国CBA篮球、航信、优翼网络、ZMC等设计项目。
教学理念:用几个月的课程学习,培养学生5至10年甚至更久的坚持。
【教学特色】
1、天琥独创“三维五段”学习法
三维:围绕电脑、设计和艺术三个维度教学;
五段:在操作、临摹、分析、改进、创作五个阶段;迅速掌握和牢记所学知识,灵活运用到实际操作,循序渐进从菜鸟进阶到大神;
2、自由式课堂教学理念
采用九点正能量上台演讲、分组讨论、技能PK等多种不同的趣味性授课方式,调动学习积极性,使课堂学习气氛更加活跃,让学习不再枯燥乏味;
3、线下线上强化学习法
线上视频提前预习,线下讲练相结合的面授教学方式,加强学员知
识点的吸收,达到好的学习效果;
4、线下线上强化学习法
线上视频提前预习,线下讲练相结合的面授教学方式,加强学员知
识点的吸收,达到好的学习效果。