Photoshop UI交互设计

1章　UI设计基础　1 1.1　了解UI设计　2 1.1.1　什么是UI设计　2 1.1.2　常见的UI设计分类　2 1.1.3　导航栏和按钮的设计要点　3 1.1.4　UI设计的重要性　4 1.1.5　了解交互的概念　5 1.2　数字化图像的基础　5 1.2.1　常见图像格式　5 1.2.2　常见图像模式　6 1.2.3　常见图像类型　6 1.3　初识Photoshop CC　7 1.3.1　优化配置Photoshop CC　8 1.3.2　文件的基本操作　8 1.3.3　图像的变换　10 1.3.4　设置前景色和背景色　11 1.3.5　按钮的应用格式　16 1.3.6　实现不同的渐变效果　16 1.4　扩展练习　33 1.5　本章小结　33 第2章　图标设计　35 2.1　了解图标设计　36 2.1.1　什么是图标　36 2.1.2　图标设计的作用　36 2.1.3　图标设计的意义　36 2.2　图标设计的绘制原则　36 2.3　Photoshop图层的基本操作　41 2.3.1　新建图层　41 2.3.2　选择图层　42 2.3.3　复制、移动图层　42 2.3.4　重命名图层、删除图层　44 2.4　画笔工具　50 2.4.1　预设画笔工具　52 2.4.2　自定义画笔笔触　53 2.5　钢笔工具　57 2.5.1　创建路径　59 2.5.2　编辑路径　59 2.5.3　路径的变换操作　60 2.6　形状工具　60 2.7　扩展练习　65 2.8　本章小结　65 第3章　网页设计　67 3.1　了解网页UI　68 3.1.1　什么是网页设计　68 3.1.2　网页设计的分类　68 3.2　网页界面构成元素　69 3.2.1　文字　69 3.2.2　图像　69 3.2.3　色彩　70 3.2.4　多媒体　70 3.3　网页设计的原则　70 3.3.1　视觉美观性原则　70 3.3.2　主题突出原则　71 3.3.3　整体性原则　71 3.3.4　为用户考虑原则　72 3.3.5　更新和维护原则　72 3.4　网页界面布局形式　72 3.4.1　标题型　72 3.4.2　左右框架型　73 3.4.3　上下框架型　73 3.4.4　综合型　73 3.4.5　动画型　73 3.4.6　图片型　74 3.5　图层的“不透明度”　79 3.6　图层的“混合模式”　84 3.6.1　组合模式组　85 3.6.2　加深模式组　85 3.6.3　减淡模式组　85 3.6.4　对比模式组　86 3.7　蒙版的应用　88 3.7.1　认识蒙版　89 3.7.2　蒙版的分类　89 3.7.3　蒙版的“属性”面板　89 3.7.4　图层蒙版　89 3.7.5　矢量蒙版　90 3.7.6　剪贴蒙版　90 3.7.7　移动复制蒙版　91 3.7.8　链接和取消链接蒙版　91 3.8　扩展练习　97 3.9　本章小结　98 第4章　软件界面设计　100 4.1　软件界面设计发展历程　101 4.2　软件界面设计简介　101 4.2.1　软件界面设计的标准　101 4.2.2　软件界面设计的分类　101 4.3　软件界面设计的原则　102 4.4　软件界面设计中的屏幕设计　102 4.5　应用图层样式　105 4.5.1　添加图层样式　105 4.5.2　“样式”面板　106 4.5.3　导入外部样式　106 4.5.4　显示“样式面板”的方式　107 4.6　设置混合选项　110 4.6.1　高级混合　110 4.6.2　混合颜色带　111 4.7　文字工具的使用　114 4.7.1　认识文字工具　114 4.7.2　文字工具的选项栏　115 4.8　输入文字　115 4.9　设置字符和段落属性　115 4.9.1　“字符”面板　115 4.9.2　“段落”面板　116 4.10　编辑文字　117 4.10.1　将文字转换为选区范围　117 4.10.2　将文字转换为路径　117 4.10.3　将文字转换为形状　117 4.10.4　栅格化文字　117 4.11　扩展练习　121 4.12　本章小结　122 第5章　手机界面设计　124 5.1　手机界面设计的重要性　125 5.2　手机界面设计的要求　125 5.2.1　界面效果的整体性、一致性　125 5.2.2　界面效果的个性化　125 5.2.3　界面视觉元素的规范　126 5.3　手机界面设计的特征　126 5.4　手机界面设计的基本常识　126 5.4.1　常见手机显示屏分辨率　127 5.4.2　手机界面的色彩级别　127 5.4.3　手机界面设