• 移动UI设计与制作案例教程
  • 移动UI设计与制作案例教程
21年品牌 40万+商家 超1.5亿件商品

移动UI设计与制作案例教程

全新正版保证,电子发票

26.7 4.9折 54 全新

仅1件

河北廊坊
认证卖家担保交易快速发货售后保障

作者王玉娟

出版社清华大学出版社

ISBN9787302564584

出版时间2020-12

装帧平装

开本16开

定价54元

货号2847E23B7CAC40F9BEA

上书时间2024-05-27

博益图书

已实名 已认证 进店 收藏店铺

   商品详情   

品相描述:全新
商品描述
前言

随着计算机行业和互联网的迅速发展以及应用领域的拓宽,用户界面设计逐渐成为互联网热门的专业和职业。用户界面是系统中不可缺少的部分,是人与电子计算机系统进行交互和信息交换的媒介,是用户使用电子计算机的综合环境。用户界面设计是指为用户提供人机交互的可视化界面,在用户界面的设计中,需要提取用户需求,针对需求进行分析,设计出合理美观并且操作简便的界面。用户界面设计是一门集人机工程学、认知心理学、人机交互原理学、设计艺术原理于一身的综合性学科。
1. 本书内容
全书共分13章,按照UI设计工作的实际需求组织内容,案例以实用、够用为原则。本书具体内容包括移动UI 设计快速入门、移动UI 设计的布局、移动UI 视觉交互设计法则、移动UI中的基本元素、Photoshop CC 基础应用、UI 的色彩与风格设计、移动UI 文字的编排设计、移动UI图像的处理、移动UI的图形设计、设计网页宣传图——滤镜在设计中的应用、项目指导——应用软件APP界面设计、项目指导——手机登录界面UI设计、项目指导——运动医疗APP界面设计等内容。 
2. 本书特色
(1)本书案例丰富,每章都有不同类型的案例,相关案例的制作均录制相关微视频操作讲解,适合上机操作教学。
(2)每个案例都经过编写者精心挑选,可以引导读者发挥想象力,调动学习积极性。 
(3)案例实用,技术含量高,与实践紧密结合。
(4)配套资源丰富,包括电子课件、习题答案、素材、微视频等,方便教学。
3. 本书约定
为便于阅读理解,本书的写作风格遵从以下约定。
◎ 本书中出现的中文菜单和命令将用【】括起来,以示区分。此外,为了使语句更简洁易懂,本书中所有的菜单和命令之间以竖线(|)分隔,例如,单击【编辑】菜单,再选择【移动】命令,就用【编辑】|【移动】来表示。
◎ 用加号( )连接的两个或三个键表示快捷键,在操作时表示同时按下这两个或三个键。例如,Ctrl V是指在按下Ctrl键的同时,按下V键;Ctrl Alt F10是指在按下Ctrl和Alt键的同时,按下功能键F10。
◎ 在没有特殊指定时,单击、双击和拖动是指用鼠标左键单击、双击和拖动,右击是指用鼠标右键单击。
本书由中山大学新华学院信息科学学院王玉娟、湖南应用技术学院信息工程学院张莉、寿光市职业教育中心学校李炤坤任主编,德州学院梁东安、海南政法职业学院桑峻任副主编。本书在编写过程中,参考了很多相关技术资料及经典案例,吸取了许多同仁的宝贵经验,同时本书的出版凝结了许多优秀教师的心血,在这里衷心感谢对本书出版过程给予帮助的编辑老师,感谢你们!
由于编者水平有限,书中疏漏与不妥之处在所难免,敬请广大读者批评指正!

 


编 者 



 
 
 
 

商品简介

《移动UI设计与制作案例教程:微课版》是一本讲解如何使用Photoshop CC软件进行移动UI设计的操作型案例教程,可以帮助UI设计爱好者,特别是手机APP设计人员,提高UI制作能力,拓展移动UI视觉设计的创作思路。 《移动UI设计与制作案例教程:微课版》共分为13章,内容包括移动UI 设计快速入门、移动UI 设计的布局、移动UI 视觉交互设计法则、移动UI中的基本元素、Photoshop CC基础应用、UI 的色彩与风格设计、移动UI 文字的编排设计、移动UI图像的处理、移动UI的图形设计、设计网页宣传图——滤镜在设计中的应用、项目指导——应用软件APP界面设计、项目指导——手机登录界面UI设计、项目指导——运动医疗APP界面设计。全书使用自带素材,通过对素材的不同处理,制作出精美的界面效果。制作界面过程已被录制为视频,可在手机与网络中进行分享,读者学后可以融会贯通、举一反三,从而更好地完成作品。 《移动UI设计与制作案例教程:微课版》结构清晰,语言简洁,适合作为高等院校相关专业UI设计课程教材及各类UI设计培训教材,同时可以作为Photoshop UI设计的爱好者,特别是手机APP设计人员、平面广告设计人员、网站美工人员以及游戏界面设计人员等的自学参考书。



作者简介
王玉娟,毕业于武汉理工大学,软件工程专业,研究方向人工智能与知识工程、计算机视觉。广东省图像图形学学会-计算机视觉专业委员会委员,现任职于中山大学新华学院,双师型教师。2018年4月荣获第九届蓝桥杯全国软件和信息技术专业人才大赛很好指导教师称号,2019年4月荣获第十届蓝桥杯全国软件和信息技术专业人才大赛很好指导教师称号。主讲课程有:面向对象程序设计、Java程序设计、JSP程序设计、网页设计等。

目录
章移动UI设计快速入门1

1.1初识移动UI设计2

1.1.1UI设计师2

1.1.2UI设计的分类2

1.1.3APP的主要类别4

1.1.4移动UI的设计特点5

1.1.5统一的尺寸和色彩6

1.1.6个性化的界面特色7

1.1.7熟悉手机界面特色7

1.2UI的操作平台8

1.2.1谷歌Android系统9

1.2.2苹果iOS系统10

1.2.3微软WindowsPhone系统12

1.3手机与平板的界面14

1.3.1手机界面14

1.3.2平板电脑界面17

1.3.3流程分析17

习题18

第2章移动UI设计的布局19

2.1移动UI的纵横布局20

2.1.1竖向排列布局20

2.1.2横向排列布局20

2.1.3九宫格布局21

2.2移动UI的特殊布局21

2.2.1弹出框式布局21

2.2.2热门标签式布局22

2.2.3陈列馆式布局22

2.2.4分段菜单式布局23

2.2.5点聚式布局24

2.2.6走马灯式布局25

2.2.7磁贴设计式布局25

2.2.8超级菜单式布局25

2.2.9底部导航栏式布局26

2.3移动UI的布局策略27

2.3.1图文信息布局的设计方法27

2.3.2界面细节的设计方法28

2.3.3移动UI的布局规则29

习题31

第3章移动UI视觉交互设计法则33

3.1把握UI的视觉特色34

3.1.1打造简洁与抽象美感34

3.1.2营造趣味视觉画面34

3.1.3塑造华丽视觉效果35

3.1.4把握色彩的使用特点35

3.2提升UI的文字设计36

3.2.1内容设计简洁化36

3.2.2字体设计合理37

3.2.3突出文字层次38

3.2.4信息表达清晰38

3.2.5掌握文字间距39

3.2.6文字颜色设计40

3.2.7画面美感设计41

3.2.8使用性能优化41

3.3优化移动UI的图案效果42

3.3.1分辨率影响美感42

3.3.2拉伸影响美感43

3.3.3特效美化界面43

3.3.4交互动作特性44

3.3.5增加真实感45

3.3.6透析事物关系45

3.3.7关键动作效果46

3.3.8展现连续动画46

3.3.9实现夸张想象47

习题47

第4章移动UI中的基本元素49

4.1按钮设计50

4.2开关按钮设计50

4.3输入框设计51

4.4标签设计51

4.5列表框设计52

4.6导航栏设计52

4.7图标栏设计52

4.8进度条设计53

习题53

第5章PhotoshopCC基础应用55

5.1PhotoshopCC的基本操作56

5.1.1安装PhotoshopCC56

5.1.2卸载PhotoshopCC57

5.1.3启动PhotoshopCC58

5.1.4退出PhotoshopCC58

5.2PhotoshopCC的工作环境60

5.2.1PhotoshopCC的工作界面60

5.2.2菜单栏60

5.2.3工具箱62

5.2.4工具选项栏62

5.2.5面板63

5.2.6图像窗口63

5.2.7状态栏63

【实例5-1】个性化设置65

5.2.8字体的安装66

5.3图像的基本知识66

5.3.1矢量图和位图66

5.3.2图像格式67

5.4文件的相关操作70

5.4.1新建空白文档70

5.4.2打开文档70

5.4.3保存文档71

5.4.4关闭文档72

5.5图像的窗口操作73

5.5.1调整还原窗口设置73

5.5.2展开/折叠面板设置73

5.5.3移动面板74

5.5.4图像编辑窗口排列设置75

5.5.5图像编辑窗口大小调整77

5.6图像设计的辅助操作77

5.6.1显示/隐藏图像中的网格77

【实例5-2】对图像进行自动对齐网格操作78

5.6.2调整网格属性78

【实例5-3】显示/隐藏图像中的标尺79

5.6.3更改图像中标尺原点的位置80

5.6.4还原图像中标尺原点的位置80

5.6.5更改图像中的标尺单位81

5.6.6拖曳创建图像参考线81

【实例5-4】准确创建图像参考线81

5.6.7显示/隐藏图像中的参考线82

5.6.8更改图像中参考线的颜色83

5.6.9更改图像中参考线的样式84

5.6.10调整图像中参考线的位置84

5.6.11清除图像中的参考线85

5.6.12为图像创建注释85

5.6.13更改图像中注释的颜色86

【实例5-5】运用对齐工具对齐

图像87

习题88

第6章UI的色彩与风格设计89

6.1图像的颜色属性90

6.1.1色相区分90

6.1.2明度标准90

6.1.3色彩饱和度91

6.1.4查看图像的颜色分布91

6.2调整图像的影调94

6.2.1【色阶】命令94

6.2.2【亮度/对比度】命令96

【实例6-1】调整UI的自然饱和度96

【实例6-2】调整UI的色相/饱和度97

6.2.3【通道混合器】命令101

【实例6-3】调整UI的色彩平衡103

6.2.4【照片滤镜】命令106

6.2.5【渐变映射】命令108

6.2.6【曲线】命令109

6.2.7【曝光度】命令111

【实例6-4】调整UI的匹配颜色112

【实例6-5】调整UI的可选颜色113

6.2.8【反相】命令114

6.2.9【去色】命令115

【实例6-6】调整UI的替换颜色115

6.2.10【阴影/高光】命令116

6.2.11【黑白】命令116

【实例6-7】调整UI的HDR色调117

习题118

第7章移动UI文字的编排设计119

7.1文字的排列120

7.1.1文字属性设置120

【实例7-1】输入横排图像文字120

【实例7-2】输入直排图像文字121

【实例7-3】横排文字蒙版的输入121

【实例7-4】直排文字蒙版的输入123

7.1.2编辑段落文本124

7.1.3点文本与段落文本之间的转换125

7.1.4文字的拼写检查126

7.1.5文字的查找与替换127

7.2设置移动UI中的文字效果128

7.2.1设置文字变形128

7.2.2应用文字样式128

【实例7-5】载入文本路径129

7.2.3栅格化文字130

7.2.4将文本转换为智能对象130

习题131

第8章移动UI图像的处理133

8.1图像命令处理技法134

8.1.1全部选择134

8.1.2变换选区134

8.1.3使用【扩大选取】命令扩大选区135

8.1.4 使用【选取相似】命令创建相似选区135

【实例8-1】通过【反向】命令抠取图形136

8.1.5 取消选择与重新选择137

【实例8-2】使用【色彩范围】命令创建选区137

8.2图像工具的处理技法139

8.2.1套索工具139

8.2.2多边形套索工具139

【实例8-3】通过【矩形选框工具】更换相机拍照UI140

8.2.3椭圆选框工具141

8.2.4磁性套索工具142

8.2.5魔棒工具143

8.2.6快速选择工具143

【实例8-4】通过【污点修复画笔工具】制作移动UI144

【实例8-5】通过【修补工具】制作移动UI145

【实例8-6】通过【仿制图章工具】制作移动UI界面146

8.2.7历史记录画笔工具146

8.2.8橡皮擦工具147

8.2.9背景橡皮擦工具148

8.2.10魔术橡皮擦工具149

习题149

第9章移动UI的图形设计151

9.1图形创建与修改152

9.1.1使用【钢笔工具】创建图形152

9.1.2使用【自由钢笔工具】创建图形156

9.1.3形状工具的使用157

【实例9-1】制作语音客服界面166

9.1.4选择路径169

9.1.5 添加/删除锚点170

9.1.6转换点工具171

9.2路径编辑173

9.2.1将选区转换为路径173

9.2.2路径和选区的转换174

9.2.3描边路径175

9.2.4填充路径176

【实例9-2】制作扁平化解锁图标177

习题180

0章设计网页宣传图——滤镜在设计中的应用181

10.1了解图像滤镜的基本知识182

10.1.1认识滤镜182

10.1.2滤镜的分类183

10.1.3滤镜的使用规则183

10.1.4滤镜的使用技巧185

10.1.5滤镜库186

10.2为图像添加智能滤镜187

10.2.1创建智能滤镜187

【实例10-1】制作手机播放器背景188

10.2.2停用/启用智能滤镜190

10.2.3编辑智能滤镜蒙版191

10.2.4删除智能滤镜蒙版191

10.2.5清除智能滤镜192

10.3为图像添加特效192

10.3.1镜头校正192

10.3.2液化194

10.3.3消失点196

10.3.4【风格化】滤镜199

10.3.5【画笔描边】滤镜204

10.3.6【模糊】滤镜209

【实例10-2】制作三维立体质感手机UI214

10.3.7【扭曲】滤镜218

10.3.8【锐化】滤镜222

10.3.9【纹理】滤镜224

10.3.10【渲染】滤镜226

【实例10-3】制作科技质感手机UI登录界面227

10.3.11【艺术效果】滤镜231

【实例10-4】制作水彩质感手机UI233

习题238

1章项目指导——应用软件APP面设计239

11.1美食外卖APP界面的设计240

11.1.1美食外卖APP界面的标题效果设计240

11.1.2美食外卖APP界面的内容区域效果设计243

11.2购物APP界面的设计246

11.2.1购物APP界面的导航栏效果设计246

11.2.2购物APP界面的主体效果设计249

2章项目指导——手机登录界面UI设计253

12.1设计社交APP登录界面254

12.1.1社交APP登录界面的主题效果设计254

12.1.2社交APP登录界面的表单控件设计255

12.1.3社交APP登录界面的倒影效果设计258

12.2设计美食餐饮类APP登录界面259

12.2.1美食餐饮类APP登录界面的背景设计259

12.2.2美食餐饮类APP登录界面的登录区域设计261

3章项目指导——运动医疗APP界面设计265

13.1设计运动APP界面266

13.1.1运动APP状态栏效果设计266

13.1.2运动APP导航栏效果设计268

13.1.3运动APP信息栏效果设计270

13.1.4运动APP图标栏效果设计273

13.2设计医疗APP界面275

13.2.1医疗APP主题效果设计275

13.2.2医疗APP图标导航效果设计279

13.2.3医疗APP信息栏效果设计281

13.2.4医疗APP图标栏效果设计285

附录PhotoshopCC常用快捷键287

参考文献289

内容摘要
本书是一本讲解如何使用PhotoshopCC软件进行移动UI设计的操作型案例教程,可以帮助UI设计爱好者,特别是手机APP设计人员,提高UI制作能力,拓展移动UI视觉设计的创作思路。

本书共分为13章,内容包括移动UI设计快速入门、移动UI设计的布局、移动UI视觉交互设计法则、移动UI中的基本元素、PhotoshopCC基础应用、UI的色彩与风格设计、移动UI文字的编排设计、移动UI图像的处理、移动UI的图形设计、设计网页宣传图——滤镜在设计中的应用、项目指导——应用软件APP界面设计、项目指导——手机登录界面UI设计、项目指导——运动医疗APP界面设计。全书使用自带素材,通过对素材的不同处理,制作出精美的界面效果。制作界面过程己被录制为视频,可在手机与网络中进行分享,读者学后可以融会贯通、举一反三,从而更好地完成作品。

本书结构清晰,语言简洁,适合作为高等院校相关专业UI设计课程教材及各类UI设计培训教材,同时可以作为PhotoshopUI设计的爱好者,特别是手机APP设计人员、平面广告设计人员、网站美工人员以及游戏界面设计人员等的自学参考书。

主编推荐
"《移动UI设计与制作案例教程:微课版》是一本讲解如何使用Photoshop CC软件进行移动UI设计的操作型案例教程,案例实用,技术含量高,与实践紧密结合,可以帮助UI设计爱好者,特别是手机APP设计人员,提高UI制作能力,拓展移动UI视觉设计的创作思路。全书使用自带素材,通过对素材的不同处理,制作出精美的界面效果。制作界面过程已被录制为视频,可在手机与网络中进行分享,读者学后可以融会贯通、举一反三,从而更好地完成作品。
"

   相关推荐   

—  没有更多了  —

以下为对购买帮助不大的评价

此功能需要访问孔网APP才能使用
暂时不用
打开孔网APP