书籍详情
Photoshop移动UI设计基础与案例教程
作者：周嘉 著
出版社：人民邮电出版社
出版时间：2017-10-01
ISBN：9787115467188
定价：¥79.00
购买这本书可以去
内容简介
《Photoshop 移动UI设计基础与案例教程》主要讲解iOS和Android这两大主流智能手机操作系统界面、UI的构成元素和UI的基本风格，全面解析各种类型UI的具体绘制方法与技巧。《Photoshop 移动UI设计基础与案例教程》共8章，安排6个基础练习、18个控件练习、8种风格界面的实战和两大系统9个界面的实战，让读者从部件到整体全面了解UI设计内容。本书的学习资源包括书中所有实例的素材、源文件和教学视频录像，读者可以结合书中内容、实例文件和教学视频，对UI设计进行学习。读者可以通过在线方式获取这些资源，具体方法请参看本书前言。《Photoshop 移动UI设计基础与案例教程》适合UI设计爱好者、APP界面设计从业者阅读，也适合作为各院校相关设计专业的参考教材。
作者简介
时代印象有丰富的图书策划经验，与众多高校教师和一线设计师长期合作，出版了众多好书。 曾出版的图书有： 《中文版Photoshop CS6实用教程》 《中文版Photoshop CS6平面设计实用教程》 《中文版3ds Max 2012实用教程》 《After Effects影视特效制作208例》 《中文版CorelDRAW X6完全自学教程》
目录
第1章\t
初入移动UI设计的世界\t015
1．1 认识移动UI设计\t016
1．1．1 什么是移动UI设计\t016
1．1．2 移动UI设计的目的和重要性\t017
1．1．3 平面设计和移动UI的不同\t018
1．1．4 移动UI设计的重要元素\t019
1．2 移动UI设计的原则\t020
1．2．1 功能决定界面设计风格\t020
1．2．2 界面设计要统一\t020
1．2．3 界面设计要清晰\t021
1．2．4 界面设计内容要实用\t022
1．2．5 界面设计要有层次感\t022
1．3 移动设备的主流平台\t023
1．3．1 iOS系统平台\t023
1．3．2 Android系统平台\t027
1．3．3 其他系统平台\t028
第2章
设计优秀移动UI的条件\t029
2．1 移动UI设计常用软件\t030
2．1．1 Photoshop\t030
2．1．2 Illustrator\t031
2．1．3 3ds Max\t032
2．2 移动UI设计常用图像格式\t033
2．2．1 JPEG格式\t033
2．2．2 PNG格式\t033
2．2．3 GIF格式\t034
2．2．4 有损压缩与无损压缩\t034
2．3 移动设备的尺寸标准\t035
2．3．1 英寸\t035
2．3．2 分辨率\t035
2．3．3 屏幕密度\t036
2．3．4 图标尺寸大小\t036
2．4 移动UI的设计布局和分类 \t038
2．4．1 界面设计的布局\t038
2．4．2 界面设计的分类\t039
2．5 移动UI的色彩搭配\t042
2．5．1 色彩的心理效应\t042
2．5．2 色彩的搭配原则\t042
2．6 如何制作出优秀的移动UI 044
2．6．1 设计的UI与常规思维保持一致\t044
2．6．2 用户能自由操作界面\t044
2．6．3 对用户群的了解\t045
2．6．4 设计要做到简约\t046
2．6．5 UI的文本清晰\t047
2．7 移动UI设计的流程\t048
2．7．1 设计前的交流讨论\t048
2．7．2 草图设计\t048
2．7．3 用软件绘制界面\t049
2．8 如何提升自己的设计能力\t050
2．8．1 保证绘制图形的形状\t050
2．8．2 美术基础\t050
2．8．3 对色彩的敏感度\t050
2．8．4 视觉体验\t051
2．8．5 精细的细节\t052
第3章
移动UI的基本绘制 053
3．1 基础图形的绘制\t054
3．1．1 选框工具\t054
3．1．2 形状工具\t055
实战：使用矩形工具绘制移动地图图标\t055
实战：使用圆角矩形工具绘制计算器图标\t057
实战：使用椭圆工具绘制音乐图标\t058
实战：使用多种工具绘制移动UI图标\t059
3．1．3 钢笔工具\t060
实战：使用钢笔工具绘制天气图标\t060
3．2 必知的三大功能\t062
3．2．1 文字工具\t062
3．2．2 渐变工具\t062
3．2．3 蒙版\t063
3．3 必备的样式效果\t064
3．3．1 斜面与浮雕\t064
3．3．2 描边\t065
3．3．3 内阴影\t065
3．3．4 渐变叠加\t065
3．3．5 图案叠加\t066
3．3．6 外发光\t066
3．3．7 投影\t066
3．4 添加画面质感\t067
3．4．1 模糊\t067
3．4．2 杂色\t067
实战：制作翻页日历图标\t068
第4章
移动UI的控件制作\t077
4．1 常见控件的制作\t078
4．1．1 图标\t078
实战：制作图标\t079
4．1．2 状态栏\t080
实战：制作状态栏\t080
4．1．3 导航栏\t082
实战：制作导航栏\t083
4．1．4 工具栏\t084
实战：制作工具栏\t084
4．1．5 标签栏\t085
实战：制作标签栏\t086
4．1．6 搜索栏\t087
实战：制作搜索栏\t087
4．1．7 选择栏\t088
实战：制作选择栏\t088
4．1．8 滚动条\t090
实战：制作滚动条\t091
4．1．9 切换器\t092
实战：制作切换器\t093
4．2 控件构成界面的制作\t096
4．2．1 Assistive touch按钮\t096
实战：制作Assistive touch按钮\t096
4．2．2 3D Touch\t099
实战：制作3D Touch\t099
4．2．3 iOS 9上拉菜单\t101
实战：制作iOS 9上拉菜单\t101
第5章
不同平台的控件设计\t103
5．1 iOS系统的发展及标准\t104
5．1．1 iOS系统的发展\t104
5．1．2 iOS的控件构成和尺寸\t106
5．2 iOS系统的控件特点\t108
5．2．1 界面美观\t108
5．2．2 一致性\t108
5．2．3 控制\t108
5．2．4 反馈\t108
5．2．5 设计元素\t109
5．3 iOS控件界面设计\t110
实战：制作通知界面\t110
实战：制作iOS 10上拉界面\t114
实战：制作音乐上拉界面\t118
5．4 Android系统的界面元素\t122
5．5 Android系统的控件特点\t122
5．5．1 设计原则\t122
5．5．2 风格\t122
5．5．3 Android的控件构成和尺寸\t124
5．6 Android控件界面设计\t125
实战：制作闹钟设置界面\t125
实战：制作社交界面\t130
实战：制作设置界面\t134
第6章
不同风格的UI设计\t141
6．1 小清新风格手机界面\t142
6．2 时尚风格手机界面\t147
6．3 可爱风格手机界面\t154
6．4 手绘风格手机界面\t156
6．5 卡通风格手机界面\t162
6．6 方格风格手机界面\t167
6．7 扁平化风格手机界面\t171
6．8 线性风格手机界面\t181
第7章
iOS界面设计\t197
7．1 扁平化风格界面\t198
7．1．1 iOS应用主界面\t198
7．1．2 iOS应用评论界面\t202
7．1．3 iOS侧边选项栏\t204
7．2 冷色系风格界面\t206
7．2．1 iOS音乐界面\t206
7．2．2 iOS日历界面\t211
第8章
Android界面设计 219
8．1 线稿风格界面\t220
8．1．1 Android主界面\t220
8．1．2 Android拨号界面\t224
8．2 创意风格界面\t228
8．2．1 Android锁屏界面\t228
8．2．2 Android菜单界面\t235
初入移动UI设计的世界\t015
1．1 认识移动UI设计\t016
1．1．1 什么是移动UI设计\t016
1．1．2 移动UI设计的目的和重要性\t017
1．1．3 平面设计和移动UI的不同\t018
1．1．4 移动UI设计的重要元素\t019
1．2 移动UI设计的原则\t020
1．2．1 功能决定界面设计风格\t020
1．2．2 界面设计要统一\t020
1．2．3 界面设计要清晰\t021
1．2．4 界面设计内容要实用\t022
1．2．5 界面设计要有层次感\t022
1．3 移动设备的主流平台\t023
1．3．1 iOS系统平台\t023
1．3．2 Android系统平台\t027
1．3．3 其他系统平台\t028
第2章
设计优秀移动UI的条件\t029
2．1 移动UI设计常用软件\t030
2．1．1 Photoshop\t030
2．1．2 Illustrator\t031
2．1．3 3ds Max\t032
2．2 移动UI设计常用图像格式\t033
2．2．1 JPEG格式\t033
2．2．2 PNG格式\t033
2．2．3 GIF格式\t034
2．2．4 有损压缩与无损压缩\t034
2．3 移动设备的尺寸标准\t035
2．3．1 英寸\t035
2．3．2 分辨率\t035
2．3．3 屏幕密度\t036
2．3．4 图标尺寸大小\t036
2．4 移动UI的设计布局和分类 \t038
2．4．1 界面设计的布局\t038
2．4．2 界面设计的分类\t039
2．5 移动UI的色彩搭配\t042
2．5．1 色彩的心理效应\t042
2．5．2 色彩的搭配原则\t042
2．6 如何制作出优秀的移动UI 044
2．6．1 设计的UI与常规思维保持一致\t044
2．6．2 用户能自由操作界面\t044
2．6．3 对用户群的了解\t045
2．6．4 设计要做到简约\t046
2．6．5 UI的文本清晰\t047
2．7 移动UI设计的流程\t048
2．7．1 设计前的交流讨论\t048
2．7．2 草图设计\t048
2．7．3 用软件绘制界面\t049
2．8 如何提升自己的设计能力\t050
2．8．1 保证绘制图形的形状\t050
2．8．2 美术基础\t050
2．8．3 对色彩的敏感度\t050
2．8．4 视觉体验\t051
2．8．5 精细的细节\t052
第3章
移动UI的基本绘制 053
3．1 基础图形的绘制\t054
3．1．1 选框工具\t054
3．1．2 形状工具\t055
实战：使用矩形工具绘制移动地图图标\t055
实战：使用圆角矩形工具绘制计算器图标\t057
实战：使用椭圆工具绘制音乐图标\t058
实战：使用多种工具绘制移动UI图标\t059
3．1．3 钢笔工具\t060
实战：使用钢笔工具绘制天气图标\t060
3．2 必知的三大功能\t062
3．2．1 文字工具\t062
3．2．2 渐变工具\t062
3．2．3 蒙版\t063
3．3 必备的样式效果\t064
3．3．1 斜面与浮雕\t064
3．3．2 描边\t065
3．3．3 内阴影\t065
3．3．4 渐变叠加\t065
3．3．5 图案叠加\t066
3．3．6 外发光\t066
3．3．7 投影\t066
3．4 添加画面质感\t067
3．4．1 模糊\t067
3．4．2 杂色\t067
实战：制作翻页日历图标\t068
第4章
移动UI的控件制作\t077
4．1 常见控件的制作\t078
4．1．1 图标\t078
实战：制作图标\t079
4．1．2 状态栏\t080
实战：制作状态栏\t080
4．1．3 导航栏\t082
实战：制作导航栏\t083
4．1．4 工具栏\t084
实战：制作工具栏\t084
4．1．5 标签栏\t085
实战：制作标签栏\t086
4．1．6 搜索栏\t087
实战：制作搜索栏\t087
4．1．7 选择栏\t088
实战：制作选择栏\t088
4．1．8 滚动条\t090
实战：制作滚动条\t091
4．1．9 切换器\t092
实战：制作切换器\t093
4．2 控件构成界面的制作\t096
4．2．1 Assistive touch按钮\t096
实战：制作Assistive touch按钮\t096
4．2．2 3D Touch\t099
实战：制作3D Touch\t099
4．2．3 iOS 9上拉菜单\t101
实战：制作iOS 9上拉菜单\t101
第5章
不同平台的控件设计\t103
5．1 iOS系统的发展及标准\t104
5．1．1 iOS系统的发展\t104
5．1．2 iOS的控件构成和尺寸\t106
5．2 iOS系统的控件特点\t108
5．2．1 界面美观\t108
5．2．2 一致性\t108
5．2．3 控制\t108
5．2．4 反馈\t108
5．2．5 设计元素\t109
5．3 iOS控件界面设计\t110
实战：制作通知界面\t110
实战：制作iOS 10上拉界面\t114
实战：制作音乐上拉界面\t118
5．4 Android系统的界面元素\t122
5．5 Android系统的控件特点\t122
5．5．1 设计原则\t122
5．5．2 风格\t122
5．5．3 Android的控件构成和尺寸\t124
5．6 Android控件界面设计\t125
实战：制作闹钟设置界面\t125
实战：制作社交界面\t130
实战：制作设置界面\t134
第6章
不同风格的UI设计\t141
6．1 小清新风格手机界面\t142
6．2 时尚风格手机界面\t147
6．3 可爱风格手机界面\t154
6．4 手绘风格手机界面\t156
6．5 卡通风格手机界面\t162
6．6 方格风格手机界面\t167
6．7 扁平化风格手机界面\t171
6．8 线性风格手机界面\t181
第7章
iOS界面设计\t197
7．1 扁平化风格界面\t198
7．1．1 iOS应用主界面\t198
7．1．2 iOS应用评论界面\t202
7．1．3 iOS侧边选项栏\t204
7．2 冷色系风格界面\t206
7．2．1 iOS音乐界面\t206
7．2．2 iOS日历界面\t211
第8章
Android界面设计 219
8．1 线稿风格界面\t220
8．1．1 Android主界面\t220
8．1．2 Android拨号界面\t224
8．2 创意风格界面\t228
8．2．1 Android锁屏界面\t228
8．2．2 Android菜单界面\t235
猜您喜欢
