UI设计基础
|
阶段
|
课程明细
|
课程目标
|
案例
|
授课时间
|
章
|
节
|
知识点
|
Part 1
UI设计基础
|
入门
|
入门启蒙
|
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天
|