7x24小时咨询热线
400-660-3310
当前位置 : 好学校 上海UI设计 上海海文IT教育 课程正文
上海海文IT教育
认证等级
上海海文IT教育
已获好学校V2信誉等级认证
信誉值
与好学校签订读书保障协议:
课程详情
开班信息
校区地址
学校相册
读书保障
手机预订再优惠
微信关注好学校
报读课程额外再返现
【教学目标】
专注于培养企业需求量大、就业率高、人才市场紧缺的UI设计师,成绩合格的毕业生将具备1-2年的设计实践工作经验。
【就业前景】
UI刚刚在全球软件业兴起,在国内属于高薪技术设计产业。“UI设计师”已经成为苹果、谷歌等全球性知名IT企业招聘热门的岗位。百度、腾讯、Yahoo、微软、中国移动、联想、网易、盛大、阿里巴巴等知名大型企业,均已成立下属的UI设计部门,但专业人才稀缺,人才资源争夺激烈,就业市场供不应求。
UI设计相关职位的年薪保持在10到15万,经验丰富者可以达到20万,的UI设计人员年薪更高。腾讯、百度、阿里巴巴等企业对专业UI设计师更开出了30万-50万年薪,UI设计正逐渐成为大学生所追捧的热门职业方向。
【UI从业方向】
平面广告设计师、WUI交互设计师、 MUI设计师、多媒体视觉设计师、包装/装帧设计师、广告创意策划、美术指导
【ui课程特色】
①通过多个实时训练项目来学习美术基础,掌握软件的使用方法,同时积累至少1-2年的设计经验。
②学习过程中每天需要完成课堂作业和课后作业,每学完一个专题就配有一个项目实战(答辩)。边讲边操作,将累计完成50个以上的设计实训。
③开设免费的美术基础及艺术鉴赏课程,包括了素描、水彩、平面构成、立体构成等内容,重点培养设计思维,帮助设计师突破作品缺乏创意的职业发展瓶颈,成为的设计师。
【课程内容】
阶段:UI设计基础
UI设计基础 |
||||||
阶段 |
课程明细 |
课程目标 |
案例 |
授课时间 |
||
章 |
节 |
知识点 |
||||
Part 1UI设计基础 |
入门 |
入门启蒙 |
UI设计与职业发展 |
UI设计师能做什么?需要懂什么?我们能学到什么?本板块将为你揭开UI设计神秘的面纱。 |
1课时 |
|
审美眼光与头脑风暴 |
||||||
课程体系介绍 |
||||||
理论概念 |
色彩原理 |
光照现象与色环 |
设计师,怎能不与色彩打交道?色彩究竟有什么奥秘?为什么不同颜色搭配在一起会给人不同的感觉?本节内容将为你揭晓。 |
0.5天 |
||
色彩三要素 |
||||||
对比色与互补色 |
||||||
色彩搭配技巧 |
||||||
软件相关原理 |
RGB与CMYK |
什么是四色印刷?为什么图片会出现马赛克?为什么会有色差?如何**图片输出的质量?本节内容将帮助你揭开谜团。 |
||||
矢量图与位图 |
||||||
有损压缩与无损压缩 |
||||||
存储格式解析 |
||||||
企业CIS |
CI、BI、MI、VI |
本节内容讲阐述企业CIS及其架构。 |
1课时 |
|||
VI基本系统 |
||||||
VI应用系统 |
||||||
三大构成 |
平面构成 |
设计三大构成,设计师必须懂的基础理论。 |
1.点、线、面的构成图设计。2.色彩主题设计 (4个)。3.根据命题进行构成设计。 |
1天 |
||
色彩构成 |
||||||
立体构成 |
||||||
鉴赏 |
中国风赏析 |
作为一名设计师,拥有一定的想法和审美眼光非常重要,一些设计方面的经验技巧也会让你事半功倍。本节课程不容错过。 |
Photoshop打造中国风水墨荷花小品。 |
1天 |
||
品牌设计赏析 |
Adobe Illustrator打造日式小清新田园风格海报。 |
|||||
实用设计技巧分享 |
快速排版技巧训练。 |
|||||
贯穿内容 |
每天学一点设计心理学 |
人如何观察 |
你以为设计师只需要会软件会做图?拜托!那可是美工干的事儿。设计师可没有那么简单呢。要知道,用户体验是互联网产品的核心。再美的界面,如果频频被用户吐槽不易用,也是失败的。此板块会深入浅出的讲解设计相关的心理学知识。 |
每天讲5条,(45分钟左右 )一共100条。 |
||
人如何阅读 |
||||||
人如何记忆 |
||||||
人如何思考 |
||||||
人如何集中注意力 |
||||||
人的动机来源 |
||||||
人是社会性动物 |
||||||
人如何感知 |
||||||
人会犯错 |
||||||
人如何决策 |
||||||
美术基础 |
光影与明暗 |
少量插入一些手绘内容,贴合就业实际,让学生学以致用。如果感兴趣的同学可以回家画一些手绘作品,私下与我交流。 |
利用光影质感手绘游戏图标:皇冠,宝剑,礼物盒,漂流瓶。 |
每周五下午15:30-17:30 |
||
透视解析 |
根据透视原理手绘游戏图标:宝箱,魔法书,糖果。 |
|||||
中国设计史和西方设计史 |
①中国风装饰图案手绘;②Art Nouveau风格装饰图案手绘。 |
|||||
近现代设计与当代设计 |
速写的基本技法及场景绘制。 |
|||||
Photoshop |
初识PS |
Photoshop概述 |
通过大量案例,让学生掌握软件的基本操作。 |
1课时 |
||
界面介绍及工作环境 |
||||||
基本操作及功能 |
||||||
图像处理 |
图层与抠图 |
①选框、魔棒、套索等工具抠图——简单清晰轮廓;②钢笔工具抠图——清晰轮廓;③通道抠图法——透明轮廓;④混合剪贴法——复杂轮廓。 |
2天 |
|||
修图 |
①风景修图:②人像修图:③一寸正装证件照制作。④表情包制作。 |
|||||
滤镜 |
①手绘插画效果;②质感塑料包装;③朦胧梦幻效果;④将模糊图片变清晰。 |
|||||
画笔工具 |
①晴天变雨天;②给人物添加胡须、修复秃顶、补充毛发;③水下摄影中的气泡;④笔刷的创建。 |
|||||
海报 |
简易图文海报 |
食品类活动促销图设计(不同尺寸、不同应用环境)。 |
3天 |
|||
复杂海报+标题字体设计 |
①打造企业文化宣传海报——超越梦想,飞得更高;②打造奇幻风格绚丽电影海报——潘多拉魔盒。 |
|||||
个性界面 |
质感设计 |
音量调节。 |
2天 |
|||
游戏界面设计 |
手机弹钢琴游戏界面。 |
|||||
古风游戏界面:水墨质感游戏道具购买页面。 |
||||||
屏保设计 |
桃花主题手机屏保。 |
|||||
Illustrator |
初识AI |
Illustrator概述 |
通过大量案例,让学生掌握软件的基本操作。 |
1课时 |
||
界面介绍及工作环境 |
||||||
基本操作及功能 |
||||||
矢量绘制 |
图形的绘制,图形次序、加减法及渐变 |
①微信,安卓,微博图标。②金鱼。③地铁爱心专座。④扁平化风景。 |
3天 |
|||
钢笔工具与铅笔工具 |
丝带设计。 |
|||||
扁平化设计 |
①矢量图形元素的绘制:T恤,背心,衬衫,POLO衫,领带,牛仔裤,连衣裙,半裙,包包,单鞋;②扁平化人物头像设计。 |
|||||
字体设计 |
中英文字体的设计 |
进行中文单字、词语、英文单词的字体设计。 |
1天 |
|||
字体组合设计 |
中英文字体的组合设计。 |
|||||
VI设计 |
LOGO设计 |
①中文字的LOGO;②英文LOGO;③图文结合的LOGO; ④为班级或自己设计一个LOGO。 |
||||
名片设计 |
①横版名片;②竖版名片;③异形/特殊名片; |
|||||
平面设计 |
海报设计 |
①海报设计:端午购物季;②海报设计:New arrivals新品上市;③多文字的海报排版:2017新年微信抽奖活动设计。 |
3天 |
|||
包装设计 |
①手提纸袋设计:②饼干盒外包装设计。 |
|||||
InDesign |
软件操作 |
界面介绍及工作环境 |
通过大量案例,让学生掌握软件的基本操作。 |
①设计排版一本手册;②简单的电子杂志设计。 |
1天 |
|
基本操作及功能 |
||||||
链接及导出 |
||||||
排版设计 |
画册杂志排版赏析 |
|||||
电子杂志的排版设计 |
||||||
综合运用 |
原画设计 |
人物绘制 |
结合学过的软件知识进行设计。 |
AI绘制矢量人物比例及动态。 |
3天 |
|
游戏角色绘制 |
PS画笔工具绘制毛绒质感的愤怒的小鸟。 |
|||||
动漫形象绘制 |
AI绘制卡通动漫男女主角。 |
|||||
橱窗设计 |
商场陈列与橱窗 |
利用学过的知识创建一个基本的橱窗结构。 |
||||
橱窗方案设计 |
根据命题设计自己的橱窗氛围,包括模特,道具,宣传画。 |
|||||
阶段项目 |
1.让学生拟定一个属于自己的品牌,设计整个品牌的VI视觉系统——包括LOGO,字体规范,名片,信封,邀请函,企业宣传册(手册或者折页),并印刷打样;2.让学生制作属于自己的作品集(封面封底和内页排版设计)。 |
1天 |
||||
本阶段课程诣在教会学生使用Photoshop、Illustrator、Indesign这些设计软件,并启发学生的创新思维。 |
22天 |
第二阶段:web前端
章 |
节 |
知识点 |
授课时间(天) |
课程目标 |
|
章 |
HTML |
HTML介绍 |
HTML介绍 |
2.0 |
掌握Html静态页面技术熟悉CSS技术掌握DIV+CSS布局使用w3c标准书写 |
HTML结构 |
HTML结构 |
||||
HTML常用标签 |
HTML常用标签 |
||||
HTML表格 |
HTML表格 |
||||
HTML多媒体 |
HTML多媒体 |
||||
第二章 |
CSS基础及进阶实战 |
CSS简介 |
CSS简介 |
3.0 |
|
CSS的基本使用 |
CSS的基本使用 |
||||
CSS选择器 |
CSS选择器 |
||||
CSS常用样式属性的设置 |
CSS常用样式属性的设置-1 |
||||
CSS常用样式属性的设置-2 |
|||||
CSS定位与DIV布局 |
盒子模型和元素定位 |
2.0 |
|||
DIV+CSS布局实战-1 |
|||||
DIV+CSS布局实战-2 |
|||||
photoshop切图 |
photoshop切图配合 |
1.0 |
|||
课程案例:彩妆热卖产品列表天猫美容产品热点水晶风格纯代码按纽中国风荷塘月色信笺海文网站导航相册列表新品游戏页面制作商品图片列表课程项目:海文网站 |
第三阶段:WUI设计(网页交互设计)
章 |
节 |
知识点 |
授课时间(天) |
课程目标 |
||
章WUI |
了解网页UI |
网站类型 |
门户类网站 |
1 |
掌握网站的基本元素设计,并能设计出企业类、电商类、专题页网站 |
|
企业类网站 |
||||||
营销型网站 |
||||||
电商网站 |
||||||
个人网站 |
||||||
网页UI的设计要点 |
设计与技术结合 |
|||||
立体空间节奏感 |
||||||
视觉导向性 |
||||||
网站基本元素设计 |
网页图标 |
图标的概念 |
||||
网页图标的应用 |
||||||
课程案例:1.制作简约风格网页图标2.设计按钮图标工具栏 |
||||||
导航的概述 |
网站导航的定义 |
1 |
||||
网站导航的表现形式 |
||||||
网站导航的视觉风格 |
||||||
课程案例: 1.游戏网站导航2.企业网站导航3.下拉网站导航4.垂直网站导航 |
||||||
网页的文字与广告设计 |
文字在网页界面中的作用 |
1 |
||||
网页界面中文字设计的要求 |
||||||
文字的设计原则 |
||||||
网页界面文字的排版设计 |
||||||
图文结合 |
||||||
课程案例: 1.电商广告banner设计2.男士皮包电商banner设计3.女鞋电商banner设计 |
||||||
网页版式 |
网页布局与版式设计 |
了解网页布局 |
2 |
|||
网页布局方式 |
||||||
课程案例:卫浴网站 课程项目:企业型网站 |
||||||
网页配色 |
网页UI配色 |
认识色彩 |
1 |
|||
色彩搭配 |
||||||
网页UI的配色方法 |
||||||
网页元素的色彩搭配 |
||||||
网页配色常见的问题 |
||||||
专题类 |
设计企业专题类网站 |
设计分析 |
1 |
|||
企业专题类网站页面 |
||||||
课程案例:企业专题页设计 |
||||||
设计电商专题类网站 |
设计分析 |
1 |
||||
设计电商专题类网站页面 |
||||||
课程案例:电商专题页设计 |
||||||
课程项目: 原创一套网站界面 |
||||||
原创 |
网站界面 |
1.企业类网站 |
2 |
原创项目 |
||
2.电商类网站 |
||||||
3.专题类网站 |
||||||
第二章Flash |
入门篇 |
flash软件全接触 |
使用和程序安装 |
1 |
通过学习,能制作flash网页小动画,深入了解关键帧与普通帧的概念,以及传统补间与补间动画的区别 |
|
文档的基础操作 |
||||||
设置工作环境 |
||||||
设置舞台属性 |
||||||
调整面板并新建工作区 |
||||||
工具的使用 |
||||||
“时间轴”面板 |
时间轴面板的介绍 |
|||||
认识图层 |
||||||
帧 |
||||||
帧的基本操作 |
||||||
基本图像的绘制 |
快速绘制基本图形 |
矩形工具和基本矩形工具 |
||||
椭圆工具和基本椭圆工作 |
||||||
基本动画制作 |
逐帧动画 |
逐帧动画的制作 |
||||
传统补间动画 |
传统补间动画制作 |
|||||
补间形状 |
补间形状动画制作 |
|||||
课堂案例: 1.开场动画效果2.照相机闪光动画效果3.信纸抽出信封动画效果4.进度条效果制作5.小熊滑冰6.飞舞的彩球动画7.飞入动画8.变形动画 |
||||||
动画制作 |
遮罩动画 |
遮罩层动画的制作 |
1 |
熟练掌握元件和动画的使用 |
||
添加引导层动画 |
引导层动画制作 |
|||||
课堂案例: 1.汽车闪光效果2.黑白文字移动3.骇客帝国文字4.卷轴效果5.放大镜效果6.汽车行驶 7.飞机飞行动画8.书本打开动画 |
||||||
元件的应用 |
图形元件 |
|||||
按钮元件 |
||||||
影片剪辑元件 |
||||||
第三章AE动效 |
了解AE |
AE的软件 |
项目与偏好设置 |
2 |
通过学习AE,制作出手机的动效展示 |
|
工作区域的操作 |
||||||
导入PSD分层文件 |
||||||
输出影片 |
||||||
工具的使用 |
||||||
课程案例: 1.图片移动切换2.图标小动画3.UI图标展示4.APP展示 |
||||||
第四阶段:MUI设计(移动端APP界面设计)
章 |
节 |
知识点 |
授课时间(天) |
课程目标 |
|
阶段 图标设计 |
图标入门 |
图标认识 |
什么是图标 |
1.0 |
通过学习两个平台图标的设计规范从而达到图标的视觉统一 |
图标与标识的区别 |
|||||
常见的移动应用图标 |
|||||
图标规范 |
iOS图标的规范 |
||||
Android图标规范 |
|||||
图标的设计要素 |
APP图标 |
图标的特点 |
|||
图标的设计流程 |
|||||
APP图标的设计方法 |
|||||
基础图形 |
圆形图标的绘制 |
||||
方形图标的绘制 |
|||||
圆角矩形图标的绘制 |
|||||
组合图形的绘制 |
|||||
图标结构 |
图标型的把握 |
1.0 |
通过学习一些基本图形的绘制来掌握简单图标的绘制方法 |
||
图标的大小以及设计规范 |
|||||
透视、光源以及阴影 |
|||||
元素的组合 |
|||||
视觉的均衡 |
|||||
2D图标 |
线性图标 |
||||
剪影图标 |
|||||
课程案例: 一套功能图标 |
|||||
图标设计原则 |
图标设计原则 |
可识别性原则 |
1.0 |
通过学习让学生了解图标的可识别、差异性、一致性等一系列的设计原则。让学生熟练掌握扁平化风格图标的绘制方法 |
|
差异性原则 |
|||||
风格统一性原则 |
|||||
原创性原则 |
|||||
图标创意 |
图标创意 |
界面需求 |
|||
图标的创意元素 |
|||||
创意图标的特点 |
|||||
图标设计与软件操作 |
扁平化图标 |
图层样式的运用 |
|||
图标设计方法及技巧 |
|||||
扁平化图标的绘制 |
|||||
课程案例: 一套扁平化风格图标 |
|||||
质感图标设计 |
立体透明图标的绘制技巧 |
1.0 |
通过学习图层样式来了解拟物图标的绘制技巧 |
||
毛绒图标的绘制技巧 |
|||||
3D图标 |
绘制3D图标技巧 |
||||
写实图标 |
金属质感的绘制技巧 |
1.0 |
|||
逼真食物图标的绘制技巧 |
|||||
课程案例 |
1.无字表图标 |
||||
2.开关按钮图标 |
|||||
3.相机图标 |
|||||
4.ps药丸图标 |
|||||
5.金属日历图标 |
|||||
6.透明图标 |
|||||
7.金属图标 |
|||||
8.毛绒图标 |
|||||
9.透视图标 |
|||||
10.播放器制作 |
|||||
项目案例 |
1.启动图标设计 |
||||
2.中国风手机主题 |
|||||
3.扁平化手机主题 |
|||||
4.拟物化手机主题 |
|||||
第二阶段APP设计 |
初识APP |
APP的概念 |
什么是APP |
3.0 |
分别从iOS、Android、Windows移动设备的三大主流系统软件来设计移动应用 |
APP的开发流程 |
APP的开发流程 |
||||
常见的手机操作系统 |
主流操作系统 |
||||
APP设计要点 |
设计要点 |
||||
移动UI的经典案例 |
移动UI经典案例 |
||||
智能手机的屏幕 |
手机规格 |
英寸 |
|||
像素 |
|||||
分辨率 |
|||||
移动三大主流平台基本原则 |
iOS平台和设计的基本原则 |
iOS屏幕分辨率 |
|||
iOS设计尺寸 |
|||||
Android平台和设计的基本原则 |
Android屏幕分辨率 |
||||
Android设计尺寸 |
|||||
Windows平台和设计的基本原则 |
Windows屏幕分辨率 |
||||
Windows设计尺寸 |
|||||
课程案例: iOS手机界面扁平化风格制作 |
|||||
两大平台之间的区别 |
导航机制 |
硬件特性 |
1.0 |
通过学习了解iOS与Android之间的差异方式,来熟悉不同平台的设计方式 |
|
iOS导航 |
|||||
Android导航 |
|||||
界面布局 |
两大平台间结构差异 |
||||
方式不同 |
推送方式 |
||||
通知方式 |
|||||
操作方式 |
|||||
文字规范 |
文字规范 |
iOS系统文字规范 |
|||
Android系统文字规范 |
|||||
课程案例: Android手机界面扁平化风格制作 |
|||||
设计要点 |
风格 |
什么是设计风格 |
1.0 |
熟悉确定设计风格以及配色方式 |
|
如何确立设计风格 |
|||||
颜色 |
认识色彩 |
||||
颜色搭配基础 |
|||||
常见APP颜色 |
|||||
颜色的性格 |
|||||
界面设计 |
导航设计 |
扁平导航 |
1.0 |
通过学习分析导航、界面布局、和操作方式等来更加规范的设计移动应用 |
|
列表式导航 |
|||||
其他导航 |
|||||
首页设计 |
搜索栏 |
||||
标签栏 |
|||||
卡片式设计 |
|||||
楼层设计 |
|||||
详情页设计 |
消息列表 |
1.0 |
|||
瀑布流 |
|||||
个人中心 |
头像区域 |
||||
个人信息 |
|||||
启动页 |
品牌宣传类 |
||||
首页样式类 |
|||||
情感故事类 |
|||||
节日气氛类 |
|||||
引导页 |
功能说明类 |
1.0 |
|||
使用说明类 |
|||||
情感故事类 |
|||||
课程案例 |
1.手机时钟设置界面 |
||||
2.手机音乐应用界面 |
|||||
3.手机天气应用界面 |
|||||
4.平板主题界面设计 |
|||||
5.安卓系统主题界面设计 |
|||||
设计适配 |
iOS系统 |
iOS系统适配方法 |
1.0 |
通过学习,熟悉众多尺寸的一个设计规格,并通过一定的比例换算去适应不同分辨率的需求以及适配 |
|
Android系统 |
Android系统适配方法 |
||||
标注设计 |
标注设计 |
标注方法 |
|||
切图 |
点九图 |
什么是点九图 |
|||
如何制作点九图 |
|||||
界面切图 |
界面切图 |
||||
图标切图 |
|||||
命名规则 |
|||||
第三阶段交互设计 |
原型APP |
原型设计 |
什么是原型设计 |
1.0 |
通过学习,了解Axure |
原型设计工具 |
|||||
Axure基础交互 |
了解Axure |
工作界面 |
|||
Axure文件格式 |
|||||
团队项目 |
|||||
工作环境 |
|||||
自定义工作区 |
|||||
站点地图 |
|||||
部件操作 |
部件概述 |
||||
部件操作 |
|||||
页面样式 |
|||||
交互基础 |
事件 |
||||
用例 |
|||||
动作 |
|||||
课程案例: 登录低保真原型的登录 |
|||||
母版操作 |
母版基础 |
1.0 |
通过学习,熟悉Axure的一些基础交互,并能设计出低保真原型图 |
||
使用母版 |
|||||
动态面板应用 |
状态改变时 |
||||
拖动时 |
|||||
滚动时 |
|||||
改变大小时 |
|||||
载入时 |
|||||
流程图 |
流程图概述 |
||||
创建流程图 |
|||||
生成流程图 |
|||||
课程案例 |
1.“百度”登录原型设计 |
||||
2.“大众点评”打分效果 |
|||||
3.淘宝首页幻灯 |
|||||
Axure交互 |
条件逻辑 |
条件逻辑概述 |
2.0 |
通过一些条件和逻辑判断设计出一些高保真原型图 |
|
交互和条件逻辑概述 |
|||||
多条件用例 |
|||||
设置部件值 |
|||||
变量 |
变量概述 |
||||
创建和设置变量值 |
|||||
使用变量值 |
|||||
全局、局部变量的使用 |
|||||
课程案例 |
1.登录列表页面跳转 |
||||
2.全局变量在不同页面间与动态面板的交互 |
|||||
触发事件 |
触发事件 |
1.0 |
熟悉交互事件、逻辑判断 |
||
交互条件 |
新建、删除条件和条件之间的关系 |
||||
条件设置 |
|||||
交互条件应用 |
|||||
切换用户 |
|||||
用户界面文档规范 |
规范文档 |
规范文档的概述 |
1.0 |
用户界面的文档规范 |
|
Axure规范文档 |
|||||
生成器和输出文件 |
生成器和输出文件 |
||||
部件注释 |
自定义注释集合 |
||||
添加注释 |
|||||
多部件添加、编辑、删除注释 |
|||||
页面注释 |
自定义页面注释字段 |
||||
页面注释 |
|||||
生成规范文档 |
配置一个或多个部件表 |
||||
配置布局 |
|||||
课程案例 |
电商原型设计 |
||||
1.登录功能的实现 |
|||||
2.首页基本布局 |
|||||
3.制作菜单效果 |
|||||
4.制作幻灯片轮播效果 |
|||||
5.制作搜索栏随滚动条上下滚动效果 |
|||||
APP微信高保真原型设计 |
|||||
1.微信登录功能 |
|||||
2.软件进入动画效果 |
|||||
3.导航菜单切换效果 |
|||||
4.给好友发送聊天内容 |
|||||
5.上下拖动微信页面内容 |
|||||
6.显示隐藏按钮的下拉菜单 |
|||||
项目实战 |
项目实战(一) |
题材 |
掌握企业项目实战的流程和技术 |
||
1.美食类低保真原型设计 |
五选一 |
||||
2.旅游类低保真原型设计 |
|||||
3.新闻类低保真原型设计 |
|||||
4.音乐类低保真原型设计 |
|||||
5.社交类低保真原型设计 |
|||||
通过原型设计成相对应的一套视觉设计稿 |
|||||
项目实战(二) |
题材 |
||||
自己设计一款APP(类型不限,尽量选取你所倾向的行业) |
|||||
1.用户调研 |
|||||
2.设计低保真原型 |
|||||
3.交互文档 |
|||||
4.通过原型设计成相对应的一套视觉设计稿 |
|||||
5.设计规范文档 |
|||||
项目实战(三) |
一套手机主题(icon图标) |
||||
项目实战(四) |
设计一套企业网站 |
||||
项目实战(五) |
作品集设计 |
赠送课程:素描和手绘
素描和手绘 |
||||||
阶段 |
课程明细 |
内容简介 |
培训目标 |
案例 |
||
章 |
节 |
知识点 |
||||
Part 1美术基础及艺术鉴赏 |
章素描 |
1.1 素描基础 |
1.1.1 认识素描 |
素描的定义,素描的形式,以及我们学习素描的意义。 |
通过素描的训练,可以提高学生观察、理解和认识事物本身的能力,培养学生准确概括和整体描绘对象的能力。 |
|
1.1.2 素描的表现形式 |
世界知名美术大师素描作品欣赏。 |
|||||
1.1.3 素描进阶 |
绘画中点、线、面的构成原理及绘画工具的认识和使用。 |
|||||
1.1.4 素描线条 |
线条在绘画作品中的应用技巧。 |
进行线条手绘的训练。 |
||||
1.1.4 素描欣赏 |
世界知名美术大师素描作品欣赏。 |
欣赏。 |
||||
1.2 素描关系 |
1.2.1 光照现象 |
分析光的强弱、角度、位置和衰减等各种因素可能造成光影的不同变化。 |
培养学生对透视原理的掌握,理解近大远小,近高远低的规律。在今后的设计创作过程中正确运用透视关系,塑造正确的三维空间。 |
|||
1.2.2 光影解析 |
了解光源照射物体时的明暗变化以及层次关系,提高空间表现能力。 |
让学生进行光影的分析。 |
||||
1.2.3 构图与虚实 |
实例解析矩形构图、三角形构图、S形构图及斜线构图四种绘画构图和平行透视、成角透视两种绘画透视。 |
|||||
1.2.4 比例关系 |
重点学习形式美法则。 |
绘制透视图。 |
||||
1.3 速写训练 |
1.3.1 速写的基本知识 |
讲解速写的基础及绘画方法。 |
通过对结构的理解和把握,用简洁的线条的绘制对象。 |
|||
1.3.2 风景速写 |
风景速写作品的欣赏以及临摹。 |
临摹风景速写作品。 |
||||
1.3.3 人物速写 |
人物速写作品的欣赏以及临摹。 |
临摹人物速写作品。 |
||||
1.4 素描临摹 |
1.4.1 素描石膏体 |
临摹球体,圆柱体,立方体。 |
掌握形体塑造的基本技能,用结构和明暗关系科学的描绘对象。 |
临摹球体,圆柱体,立方体。 |
||
1.4.2 素描石膏像 |
临摹石膏像。 |
临摹石膏像(2个)。 |
||||
1.4.3 素描静物 |
临摹水果、瓷器、衬布等静物。 |
临摹水果、瓷器、衬布等静物。 |
||||
1.4.4 素描人物 |
临摹儿童与老者的人物肖像。 |
临摹儿童与老者的人物肖像。 |
||||
第二章色彩 |
2.1 色彩原理 |
2.1.1 三原色 |
光的三原色是红 、绿和蓝,而色料的三原色是红、黄和蓝。 |
学习色彩的目的是让学生学会用颜色塑造形体、结构、空间、光感、质感。学会用自己的眼睛和心灵去感受和捕捉大自然中瞬息万变的色彩,锻炼敏锐的观察力和生动的表达能力。 |
||
2.1.2 冷色与暖色 |
讲述冷色与暖色的概念及应用。 |
|||||
2.2.1 对比色与互补色 |
讲述对比色与互补色的概念及应用。 |
|||||
2.2.2 色相、饱和度与明度 |
色相、饱和度与明度的概念及应用。 |
|||||
2.2.3 色彩渐变与视觉错觉 |
的视觉错觉图的解析。 |
用案例与学生互动。 |
||||
2.2 绘画工具的认识和使用方法 |
2.2.1 马克笔使用技法 |
|||||
2.2.2 水溶彩铅使用技法 |
静物水彩作品的欣赏以及临摹。 |
临摹水彩静物作品()。 |
||||
2.2.3 纸张及其他工具介绍 |
风景水彩作品的欣赏以及临摹。 |
临摹水彩风景作品()。 |
||||
2.3 马克笔临摹 |
2.3.1 平面装饰图案临摹 |
平面装饰图案的临摹。 |
训练学生掌握色调处理、画面构成、情感表达和形式美规律。 |
临摹平面装饰图案()。 |
||
2.3.2 平面装饰欣赏 |
平面装饰图案的赏析及运用。 |
|||||
2.3.3 平面装饰图案设计 |
平面装饰图案的设计。 |
独立设计一幅平面装饰图案。 |
||||
第三章设计史 |
3.1 中国设计史 |
3.1.1 奴隶社会时期 |
让学生了解中国设计史,西方设计史,以及近现代设计。 |
|||
3.1.2 封建时期 |
||||||
3.1.3 民国时期 |
||||||
3.2 西方设计史 |
3.2.1 古代欧洲 |
|||||
3.2.2 巴洛克与洛可可 |
||||||
3.2.3 新艺术运动 |
||||||
3.3 当代设计 |
3.3.1 包豪斯 |
|||||
3.3.2 Art Deco |
||||||
第四章设计基础 |
4.1 平面构成 |
4.1.1 概述 |
设计构成概述与发展。 |
本课程要求学生理解构成的基本理论;理解并掌握形式美的规律,能够对设计作品进行正确地分析和思考;能够在设计中熟练应用各项基本构成法则;能够理解综合构成的具体方法进行形象思维和设计创意。 |
||
4.1.2 形态要素 |
平面构成中的形态要素。 |
|||||
4.1.3 平面构成运用 |
平面构成中的基本要素与实际运用。 |
|||||
4.2 色彩构成 |
4.2.1 色彩混合 |
色彩感知与空间混合的概念。 |
||||
4.2.1 色彩的搭配运用 |
实例解析色彩原色对比、对比色对比、复色对比。 |
色彩搭配练习。 |
||||
4.2.2 色彩心理学 |
色彩不但影响视觉,同时还会影响人的心理。 |
|||||
4.3 立体构成 |
4.2.1 立体构成概述 |
立体构成的基本概念。 |
||||
4.2.2 立体构成在现代设计中的运用 |
色彩不但影响视觉,同时还会影响人的心理。 |
|||||
4.4 图案构成 |
4.3.1 图案构成概述 |
讲解独立图案、二方连续与四方连续。 |
||||
4.3.2 图案及心理暗示 |
不同的图案给人不同的心理暗示。 |
|||||
4.3.3 组合纹样 |
组合纹样的设计制作。 |
|||||
第五章设计原则与设计赏析 |
5.1 艺术鉴赏 |
5.1.1 黄金比例原则 |
掌握视觉分割的发生原理,了解黄金比例等在设计中的应用。 |
不断训练学习者应该具有良好与敏锐的造型意识和恰当的表现方法。 |
||
5.1.2 节奏、虚实与留白 |
标题、文字、图案的比例关系。 |
|||||
5.1.3 文案与设计的关系 |
文案的基础知识,广告语的提炼。 |
|||||
5.2 美学原则 |
5.2.1 西方审美鉴赏 |
对西方设计进行经典案例分析。 |
浅析西方与东方美学的共同点和差异。 |
|||
5.2.2 中国风设计鉴赏 |
对近年来国际上大热的中国风设计进行案例赏析。 |
|||||
5.2.3 中式美学VS日式美学 |
中式美学与日式美学的要素,共同点及对比。 |
|||||
5.3 流行趋势 |
5.3.1 当前流行趋势分析 |
对当前国际流行趋势进行案例赏析介绍。 |
让学生保持对时尚的关注和认知。 |
谈谈对流行趋势的认识。 |
||
本阶段课程在训练学生美术基础的同时注重开拓学生的视野,提高其审美品位及艺术鉴赏能力。 |
【教学优势】
UI讲师,行业经验超过10年以上专家面授,边讲边练,真实项目实战,与企业需求无缝对接源自美国甲骨文公司全球大的商用软件公司,500强排294位甲骨文公司在全国有20多万合作企业,拥有庞大的雇主联盟平台,高薪就业开设免费的美术基础及艺术鉴赏课程,重点培养设计思维,帮助设计师突破作品缺乏创意的职业发展瓶颈专注于培养企业需求量大、人才市场紧缺的设计师,成绩合格的毕业生将具备1-2年的设计实践工作经验
【专业师资】
郭琳
UI讲师
7年以上设计行业从业经验,3年设计团队管理经验及培训教学经验,曾任职于拉夏贝尔、波司登等知名上市公司。教师特点:认真负责,有亲和力,经验丰富,善于针对学生不同的个性及水,使其得到全面、平衡的发展。
樊赛红
UI讲师
多年设计经验和高水准的技能,专注于UI设计领域,从事WEB设计,移动端APP设计,交互设计等,具有很强的实战性
【关于我们】
甲骨文OAEC人才产业基地是甲骨文在中国重要的发展布局之一,为进一步开拓中国市场,培养积累软件人才、提高服务质量,甲骨文公司利用其自身在软件、数据库、解决方案等房名的地位,联合合作伙伴在中国区建设甲骨文OAEC人才产业基地项目,上海海文信息技术有限公司作为甲骨文的OPN合作伙伴,负责中国甲骨文OAEC人才产业的建设和运营。
基地全面引入了甲骨文的技术标准、人才标准和服务标准,建设甲骨文云教育中心、甲骨文国际认证考试中心、甲骨文综合云服务平台、解决方案中心、线下体验及展示中心、高校共建实验室、IT生态链企业孵化中心和区域性研发销售中心。全面实现区域的IT人才培养、企业孵化、服务外包、软件案发和销售、综合云服务平台(教育云、共有云、私有云、行业解决方案)等功能,同时为政府、企业、高校等提供软件开发、导入、测试、培训、维护的整体解决方案。
校区地址
学校相册
更多 >看过的人还关注了
读书保障 :
正规资质
所有学校都经过好学校品牌认证,办学许可证、工商营业执照。
免费求学顾问
通过好学校咨询,你可获得好学校免费求学顾问1对1专业服务,助你快速找到满意学校!
优质教学
通过好学校报读,你将可在好学校进行课程点评,你的评价将影响学校招生,学校会更重视你,给你更优质教学,避免你差评。
消费权益保障
通过好学校报读,若你与学校发生纠纷,你可获得好学校来自第三方的平台保障,协助你让学校退款,维护你的合法权益!
更多适合课程
全城UI设计学校,一网打尽,立即搜索:
在线预约免费试听