【操作练习1】使用PS制作宝马图标
需要用到的知识技能:
1、形状工具(描边、填充、对齐)
2、图层样式(渐变叠加)
3、文字工具(基线偏移、调整字间距、行间距)
4、路径文字
5、路径运算

【操作练习2】使用基本形状工具制作四个图标

【操作练习3】使用形状工具制作扁平化相机图标(p75)

【操作练习4】布尔运算2
制作如图所示图标。

【操作练习5】线性图标技法
绘制如图所示线性图标

【操作练习6】制作四种常见扁平化图标
制作四种常见扁平化图标,如图所示。

【操作练习7】折纸图标
制作下面三种折纸效果图标!画布大小为800*400px,保存文件格式为PSD.

【操作练习8】网页效果图制作
制作如图所示网页效果图
素材下载:
易起贷项目.rar
【操作练习9】移动端常用控件设计
完成下图中的常用控件
素材下载:
控件(学生用).psd

【操作练习10】宫格式导航
完成如图所示宫格式导航
素材下载:
案例1:宫格式导航(课堂练习).rar
1.尺寸规范:iPhone 7界面(750×1334像素):
1)状态栏:一般不需绘制,可通过引用素材完成。
2)导航栏:在iPhone 7界面中导航栏的尺寸为750×88像素,图标尺寸为44×44像素,标题文字大小为40像素。
3)宫格导航模块:模块大小可设置为330×360像素,图标大小100×100像素,文字大小36像素。

【操作练习11】标签式导航
制作如图所示标签式导航
1.尺寸规范:
本实例按照iOS屏幕分辨率750×1334像素的情况下进行设计的,标签栏的尺寸为750×98像素。图标大小为50×50像素,文字大小为22像素。
2.设计风格:
实例将采用扁平化风格,通过简单明了的小图标对用户进行引导。
1)标签栏:背景一般默认为两种颜色,即白色和黑色,此实例采用黑色背景。
2)小图标:购物类App通常包含四到五个标签,具有选中和非选中状态。根据购物类商城App的特性,将小图标分为首页、搜索、分类、购物车和我的共五类,以及小图标均采用纤细柔美的线形设计。

【操作练习12】列表式内容视图
制作如图所示列表式内容视图
1. 尺寸规范:
按照iOS屏幕分辨率750×1334像素的情况下进行设计的,本实例列表设计尺寸为750×100像素。
2. 设计风格:
实例采用分组型列表式内容视图进行设计。

【操作练习13】APP引导页设计
完成如图所示APP引导页
素材下载:
【课堂练习】:APP引导页设计.rar
本次任务是依据iPhone 7界面的分辨率设计一个音乐播放的引导界面,要求引导页能够传递音乐下载、好友K歌、消息发送、音乐收藏等APP功能,界面设计简洁新颖、能够直接有效的传递信息。
通过本任务的学习,读者可以掌握引导页的设计技巧。
1.设计尺寸和风格
采用750×1334像素的界面尺寸以及iOS扁平化的设计风格进行设计。
2.界面背景:
可以采用毛玻璃效果的图片作为界面的背景。同时可以将界面背景的色调设置为紫色,突出音乐的优雅和神秘。
3.主题元素:
引导页的主题元素往往起到告知用户产品功能、特点的作用。因此在设计时可以添加手机音乐界面展示,告诉用户APP产品的功能。并通过四个小图标依次展示音乐下载、好友K歌、消息发送、音乐收藏等四个特点。

【操作练习14】音乐播放界面设计(拓展)
制作如图所示音乐播放器界面设计
本次任务是依据iPhone 7界面的分辨率设计一个音乐播放界面,要求界面具备播放、切换歌曲等基本功能,通过新颖的设计形式、简单清新的设计风格来传递音乐氛围。
通过本任务的学习,读者可以掌握毛玻璃图片效果以及音乐播放界面的基本设计技巧。
1.设计尺寸和风格:根据任务描述,本次任务可以采用iPhone 7界面的分辨率(750×1334像素)进行设计。界面可以采用iOS扁平化的设计风格。
2.界面功能模块:
1)状态栏:一般不需绘制,运用现有素材即可。
2)播放界面:通常音乐播放界面主要包括背景、播放进度、播放模式、播放控制按钮以及底部的标签式导航。
3)背景:可以运用处理成毛玻璃效果的图片作为背景。
4)播放进度:可以设计为钟表指针的模式,用色彩表示已播放部分,用黑白表示未播放部分。
5)播放模式、播放控制按钮:可以将图标设计为简单的线条图形,同时在设计中要注意图标的尺寸。本任务以iPhone7界面中工具图标尺寸44×44像素作为音乐界面图标的基本尺寸
6)标签式导航:为了统一设计风格,底部的标签式导航同样可以延续线条图形的设计样式。在iPhone7界面中,标签栏中导航的图标大小为50×50像素。


