UI设计必修课:Sketch移动界面设计教程(全彩)

UI设计必修课:Sketch移动界面设计教程(全彩) pdf epub mobi txt 电子书 下载 2025

李万军 著
图书标签:
  • UI设计
  • Sketch
  • 移动界面设计
  • 设计教程
  • 全彩
  • 软件操作
  • 用户体验
  • 交互设计
  • 设计入门
  • 移动应用
想要找书就要到 静流书站
立刻按 ctrl+D收藏本页
你会得到大惊喜!!
出版社: 电子工业出版社
ISBN:9787121324109
版次:1
商品编码:12184279
包装:平装
开本:16开
出版时间:2017-09-01
用纸:胶版纸
页数:252
正文语种:中文

具体描述

产品特色

编辑推荐

本书采用循序渐进的方式指引设计者了解并掌握Sketch 4设计制作移动UI的方法和技巧。

内容简介

本书通过大量的案例分析,详细介绍了Sketch 4在设计移动UI中的一样分别针对Sketch绘制线框原型、设计图标、设计移动UI、设计网站UI和UI的输出与交互进行了讲解。通过学习读者应该熟悉移动UI设计的规范和设计要点。同时掌握移动UI的输出以及交互动效的添加方法。本书在每一章中都根据该章节内容添加专家支招,为读者解答一些与实际工作相关的疑难问题。

作者简介

李万军:北京市骨干教师 北京市骨干教师 北京市骨干教师北京市重点专业申报人 、负责北京市重点专业申报人 、负责北京市重点专业申报人 、负责北京市重点专业申报人 、负责北京市重点专业申报人、负责中国商业统计学会 中国商业统计学会 中国商业统计学会理事。平面设计、网页设计专家,出版专业教材多本,有丰富的教学经验。

内页插图

目录

Chapter 01 移动UI设计师的入门

11 移动UI的发展 2

111 早期设计保证软件可用性 2

112 中期设计保证软件易用性 2

113 后期设计保证软件实用性 4

114 未来UI设计的展望 5

12 移动UI设计师的工作流程 6

13 iOS和Android设计特色 7

131 iOS的设计特色 7

132 Android的设计特色 11

14  移动UI设计师应了解的基本常识 14

141 移动UI设计中用到的单位 14

142 iOS的界面设计规范 16

144 Android的界面设计规范 18

145 为触控而设计 20

146 从iOS10的特点看设计趋势 20

15 专家支招 22

151 移动UI设计师常用的设计工具有哪些? 22

152 什么是屏幕密度? 23

16 本章小结 23

Chapter 02 初识Sketch

21 Sketch的安装和启动 26

211 实战——安装Sketch 26

212 实战——启动Sketch 27

22 Sketch的欢迎介绍 28

23 Sketch的主界面 29

231 菜单栏 29

232 工具栏 31

实战——自定义工具栏 32

233 工具介绍 33

234 画布 33

235 检查器 35

236 图层面板 36

237 画板 36

238 蒙板 37

239 布尔运算 37

2310 符号与共享样式 37

24 Sketch的快捷键 38

241 Sketch的快捷键列表 39

242 实战——自定义快捷键 43

25 Sketch的系统偏好设置 44

251 通用选项卡 45

252 画布选项卡 46

253 图层选项卡 47

254 插件选项卡 48

255 预设选项卡 49

256 Cloud选项卡 49

26 Sketch的标尺、参考线和网格 49

261 标尺 49

262 参考线 50

263 网格 51

27 Sketch的常见问题 53

271 Sketch是否支持Windows系统? 53

272 Sketch能否替代Photoshop? 53

273 Sketch是否有汉化版 53

274 Sketch如何升级? 53

275 Sketch价格能不能优惠? 54

28 专家支招 54

281 Sketch怎么兼容低版本文件? 54

282 Sketch是否有类似Axure的组件库的功能? 55

29 本章小结 55

Chapter 03 从线框原型开始

31 线框原型的基本概念 58

32 绘制线框原型的注意事项 59

321 巧用明暗对比的运用 59

322 不使用截图和颜色 60

323 标记第一屏高度 60

324 合理的布局和间距 61

33 Sketch绘制线框原型 61

331 文件的新建和保存 61

332 回到Sketch文档的历史版本 63

333 画板预设 64

334 画板检查器 65

335 图层面板 66

336 关于模版 70

337 图层组的检查器 71

338 形状图层的检查器 73

339 文字图层的检查器 76

34 使用Sketch绘制线框原型 78

341 实战——计步APP线框图的绘制 78

342 实战——内容列表页线框图的绘制 82

35 完整线框原型的绘制 86

351 实战——注册页1线框图的绘制 86

352 实战——注册页2线框图的绘制 90

353 实战——注册页3线框图的绘制 92

354 实战——注册页4线框图的绘制 94

36 绘制线框原型的思考 95

37 专家支招 96

371 画好APP线框图流程图的要点有哪些? 96

372 线框原型的优势有哪些? 97

38 本章小结 97

Chapter 04 使用Sketch设计图标

41 图标的设计准则 100

411 图标设计的必要性 100

412 了解图标的属性 102

413 不同系统中的图标格式 105

414 不同系统图标的更换方法 105

42 图标集的制作过程 109

421 创建制作清单 109

422 设计草图 109

423 数字呈现 110

424 确定最终效果 110

425 命名并导出 111

43 使用Sketch插入面板 111

431 插入矢量 111

432 插入铅笔 115

433 插入形状 116

434 插入文本 120

435 插入图片 121

44 图形的布尔运算 121

45 实战——绘制iOS APP图标 124

46 实战——绘制音乐应用图标 128

47 图标的源文件格式 132

48 专家支招 133

481 iOS系统中图标的尺寸 133

482 如何获得专业图标 134

49 本章小结 134

Chapter 05 使用Sketch设计移动UI

51 移动UI的设计原则 136

511 视觉一致性原则 136

512 视觉简易性原则 137

513 从用户的考虑角度出发 137

52 移动界面的色彩搭配与视觉效果 138

521 冷暖色调的对比 138

522 色彩的意向 138

523 色彩的搭配技巧 139

524 APP界面配色原则 140

525 APP UI设计的用色规范 142

53 iOS应用界面设计规范 142

531 Sketch的iOS UI模板 143

532 模板使用的注意事项 144

54 安卓界面及Material Design设计规范 146

55 移动界面中色彩应用 147

551 Sketch颜色面板的使用 148

56 文字的创建与编辑 157

561 文本的添加 158

562 文本的编辑 158

563 文本路径 160

564 文本转换轮廓 160

57 使用共享样式 161

58 文字的导出 163

59 实战——绘制iOS音乐播放界面 164

510 实战——绘制iOS社交APP界面 168

511 实战——绘制iOS支付APP界面 172

512 专家支招 176

5121 移动界面中的文字使用技巧 176

5122 移动界面中的色彩选择 177

513 本章小结 178

Chapter 06 使用Sketch设计PC端网站UI

61 网页设计PC端和移动端的区别 180

611 屏幕尺寸不同 180

612 操作方式不同 180

613 网络环境不同 181

614 传感器不同 181

615 使用场景和使用时间的不同 181

616 软件迭代时间和更新频率不同181

617 功能设计上的区别 181

621 图标和徽章 182

62 扁平化设计在UI设计中的应用 182

622 圆角和折角 183

623 标签和条纹 184

624 装饰元素 185

631 分组和取消分组 186

63 编辑绘制的图形 186

632 编辑和变换图形 187

633 旋转图形 187

634 蒙板 189

634 剪刀与描边宽度 192

64 位图的编辑 192

641 编辑位图 193

642 色彩校正 195

651 阴影 195

65 应用样式 195

652 内阴影 196

653 模糊 196

66 混合模式 198

67 组件 199

671 创建组件 200

672 覆盖文本 200

673 管理组件 201

68 实战——绘制企业PC端网站界面 202

69 实战——绘制企业PC端网站界面 205

610 专家支招 215

6101 理解以用户为中心 215

6102 界面设计中的内容与形式统一 215

611 本章小结 216

Chapter 07 UI的输出与交互设计

71 适配多分辨率移动界面 218

711 适配安卓设备 218

712 适配iOS设备 218

713 使用自适应设计插件 218

72 实现在设备上实时预览 219

73 分享设计稿 219

74 交付给开发的文件 220

75 使用Sketch切图 221

751 切片图层检查器 223

752 点九切图 224

76 使用Sketch标注 227

77 设计移动交互动效 230

771 了解移动设备的手势 230

772 移动交互动效设计的注意事项 233

773 常见的动效制作软件 234

78 使用Sketch插件 237

781 插件的安装 237

782 实用的插件 238

79 专家支招 240

791 如何多移动界面进行标注 240

792 常见角度动画效果 241

710 本章小结 242


前言/序言

本书遵守广大设计者的需求,采用循序渐进的方式指引设计者了解并掌握Sketch 4设计制作移动UI的方法和技巧。本章共分为7章,逐级渗透的讲解方法,全面的向读者讲解Sketch 4的使用。

第1章 移动UI设计师入门。主要讲解了移动UI的发展、移动UI设计师的工作流程、iOS和Android设计特色、移动UI设计师应了解的基本常识等内容。

第2章 初识Sketch。主要讲解了Sketch的安装和启动、Sketch的欢迎介绍、Sketch的主界面、Sketch的快捷键、Sketch的系统偏好设置、Sketch的标志、参考线和网格和Sketch的常见问题等内容。

第3章 使用Sketch绘制线框原型。主要讲解了线框原型的基本概念、绘制线框原型的注意事项、Sketch绘制线框原型、使用Sketch绘制线框原型和完整线框原型的绘制等内容。

第4章 使用Sketch设计图标。主要讲解了图标的设计准则、图标集的制作过程、使用Sketch插入面板、图形的布尔运算、绘制iOSAPP图标、绘制音乐应用图标和图标的源文件格式等内容。

第5章 使用Sketch设计移动UI。主要讲解了移动UI的设计原则、移动界面的色彩搭配与视觉效果、Ios应用界面设计规范、安卓界面及Material Design设计规范、移动界面中色彩应用、文字的创建与编辑、使用共享样式、文字的导出、绘制iOS音乐播放器界面、绘制iOS社交APP界面和绘制iOS支付APP界面等内容。

第6章 使用Sketch设计网站UI。主要讲解了网页设计PC端和移动端的区别、扁平化设计在UI设计中的应用、编辑绘制的图形、位图的编辑、应用样式、组件、绘制企业PC端网站界面、绘制企业PC端网站界面等内容。

第7章 UI的输出与交互设计。主要讲解了适配多分辨率移动界面、实现在设备上实时预览、分享设计稿、交付给开发的文件、使用Sketch切图、使用Sketch标注、设计移动交互特效、使用Sketch插件等内容。

本书的目的在于编写一本对读者真正有帮助的移动界面设计教材,让读者在阅读过本书以后可以轻松的掌握Sketch设计移动界面的方法。在制作移动界面的过程中起到事半功倍的作用,由于互联网的更新较快,书中所提供的网址仅供参考。



UI设计的进阶之路:从概念到实践的系统训练 在这个信息爆炸、视觉至上的时代,一个优秀的用户界面(UI)设计,早已不再是锦上添花,而是产品成功的基石。它不仅关乎产品的颜值,更直接影响用户的使用体验、品牌形象的塑造,乃至最终的市场竞争力。许多开发者和设计师都渴望掌握精湛的UI设计技能,但往往面临着信息碎片化、理论与实践脱节的困境。《UI设计的进阶之路:从概念到实践的系统训练》正是为解决这一痛点而诞生的。本书并非某个单一工具的入门指南,而是致力于为读者构建一套完整的UI设计思维体系,涵盖从宏观的设计理念到微观的交互细节,从基础的视觉语言到前沿的设计趋势,提供一套全面、深入、可操作的进阶学习方案。 本书核心价值:构建全面的UI设计认知体系 不同于市面上许多侧重于特定软件操作的教程,《UI设计的进阶之路》将目光聚焦于UI设计的核心原理和普适性方法。我们相信,掌握了这些底层逻辑,无论未来设计工具如何迭代,设计师都能保持敏锐的洞察力和强大的设计能力。 第一部分:奠定坚实的设计理论基础 在深入实践之前,扎实的理论功底是不可或缺的。本部分将带领读者穿越UI设计的历史长河,理解其演进的必然性,并深刻剖析现代UI设计所遵循的核心原则。 UI设计的哲学与演变: 从早期的图形用户界面(GUI)到如今强调情感化、个性化和沉浸式体验的UI,我们将探讨UI设计在技术发展、用户需求变化及商业逻辑驱动下的演进轨迹。理解这些演变,有助于我们站在更高的维度审视设计,避免陷入盲目追随潮流的误区。 通用设计原则的深度解析: 我们将详细解读“清晰性”、“一致性”、“反馈性”、“效率”、“容错性”等UI设计的基本原则,并结合大量实际案例,分析这些原则如何在不同场景下发挥作用,以及违反这些原则可能带来的负面影响。例如,在“清晰性”方面,我们将探讨信息层级、视觉引导、命名规范等多个层面,确保用户能够快速理解界面的意图。 视觉语言的构建与运用: 颜色、字体、排版、图标、图像等视觉元素是构成UI界面的基本语言。本部分将深入探讨如何有意识地选择和运用这些元素,以传达特定的品牌情感、引导用户注意力、提升信息的可读性和美感。我们将讲解色彩心理学在UI设计中的应用,字体的选择与搭配原则,以及如何通过一致的视觉风格来塑造品牌形象。 用户体验(UX)与UI设计的协同: UI设计并非孤立存在,它与用户体验设计(UX)紧密相连,互为支撑。我们将阐释UX设计的工作流程,如用户研究、信息架构、交互流程设计等,并重点强调UI设计如何在UX的基础上,将用户需求转化为直观、易用的界面表现。理解两者的关系,有助于设计师跳出纯粹的“画图”思维,从用户旅程的全局出发进行设计。 第二部分:掌握关键的设计流程与方法 理论是指导,实践是检验。本部分将引导读者掌握一套系统性的UI设计流程,并深入介绍几种在实际工作中被广泛验证的有效设计方法。 从需求到落地的完整设计流程: 我们将勾勒出一套完整的UI设计工作流程,从项目启动前的需求分析、竞品研究,到概念设计、原型制作、视觉稿设计,再到与开发团队的协作交付,每一个环节都将细致讲解。我们将强调在流程中各个节点的重要性,以及如何高效地完成各阶段的任务。 信息架构与交互流程设计: 任何优秀的产品都离不开清晰的信息架构和流畅的交互流程。本部分将教授读者如何分析产品需求,构建合理的导航结构和内容组织方式,并设计出符合用户习惯、易于理解的交互路径。我们将通过案例分析,演示如何通过线框图和流程图来梳理和验证设计思路。 低保真与高保真原型设计: 原型是连接想法与实现的桥梁。我们将详细介绍低保真原型(线框图)和高保真原型(可交互模型)的设计方法和工具选择。低保真原型能够帮助我们快速验证信息架构和交互逻辑,而高保真原型则能更真实地模拟产品最终效果,方便进行用户测试和设计评审。 设计系统(Design System)的构建与应用: 在大型项目或团队协作中,设计系统的重要性不言而喻。本部分将深入探讨设计系统的概念、组成要素(如颜色规范、字体规范、组件库、设计模式等),以及如何从零开始构建一个可维护、可扩展的设计系统。学习设计系统,不仅能提高设计效率,更能保证产品体验的一致性。 用户测试与迭代优化: 设计并非一蹴而就,用户反馈是优化的关键。我们将介绍多种用户测试方法,如可用性测试、A/B测试等,并讲解如何从测试结果中提炼有价值的洞察,并将其转化为后续的设计迭代。我们将强调“以用户为中心”的设计理念,将用户的声音融入到设计的每一个环节。 第三部分:探索进阶设计技巧与前沿趋势 随着基础的扎实,本部分将带领读者探索更高级的设计技巧,并展望UI设计的未来发展方向。 动效设计(Motion Design)的魅力: 恰当的动效能够极大地提升界面的生动性和用户体验。我们将讲解动效设计的原理、常见类型(如转场、反馈、引导等),以及如何将其巧妙地融入UI设计中,以增强信息传达、提供情感反馈、引导用户操作。 响应式与自适应设计: 在多终端、多尺寸的设备环境下,设计需要具备良好的适应性。本部分将深入讲解响应式设计(Responsive Design)和自适应设计(Adaptive Design)的策略和实现方式,确保产品在不同屏幕尺寸上都能呈现最佳的视觉效果和用户体验。 无障碍设计(Accessibility Design): 关怀每一个用户是优秀设计的应有之义。我们将探讨无障碍设计的原则和实践,如为视障、听障、肢体障碍用户提供友好的交互体验,讲解对比度、字体大小、焦点管理等关键要素。 AI与UI设计的融合: 人工智能正在深刻改变各行各业,UI设计领域也不例外。本部分将探讨AI在UI设计中的潜在应用,如智能布局、个性化推荐、内容生成等,并引导读者思考未来UI设计师的角色转变。 情绪化设计与个性化体验: 现代用户对产品的期待早已超越了单纯的功能满足,情感连接和个性化体验成为重要考量。我们将探讨如何通过设计来触动用户的情感,塑造独特的品牌个性,并为用户提供量身定制的体验。 本书的独特之处 强调“为什么”而非“怎么做”: 我们专注于传授设计背后的思维逻辑和方法论,而非局限于某个工具的皮毛操作。一旦掌握了核心原理,读者可以轻松迁移到任何设计工具上。 丰富的实战案例与分析: 本书并非空谈理论,而是精选了大量来自不同行业、不同类型产品的优秀UI设计案例,进行深入剖析,帮助读者理解设计决策背后的考量。 前瞻性的视野: 在基础理论和核心流程之外,本书也积极引入了行业前沿的设计理念和技术趋势,帮助读者保持敏锐的市场洞察力。 循序渐进的学习路径: 从宏观的理论到具体的实践,再到进阶的技巧和趋势,本书的章节安排旨在为读者提供一个清晰、连贯的学习路径,让进阶之路更加平坦。 无论您是初入UI设计领域,希望建立扎实基础的菜鸟;还是已经有一定经验,渴望突破瓶颈、提升专业度的资深设计师;亦或是希望将UI设计能力融入产品开发的开发者,都能从《UI设计的进阶之路:从概念到实践的系统训练》中获得宝贵的知识和启发。这是一段探索UI设计无限可能的旅程,我们将陪伴您,一起构建更加智能、美观、易用的数字世界。

用户评价

评分

这本书的封面设计就抓住了我的眼球,简洁而又充满现代感,色彩搭配非常舒服,让人立刻感受到这是一本与UI设计息息相关的专业书籍。拿到手后,它沉甸甸的质感也让我觉得物超所值。我一直对Sketch这款设计软件充满好奇,但苦于没有系统的学习途径。市面上虽然有一些教程,但大多要么过于零散,要么不够深入。而这本书的副标题“Sketch移动界面设计教程”正是我一直在寻找的,特别是“全彩”的标注,让我对学习过程充满期待,想象着每一页都将是精美的案例和清晰的步骤图,这将大大提高学习的效率和趣味性。我希望这本书能够带领我从零开始,一步一步掌握Sketch的基本操作,了解移动端UI设计的规范和流程,甚至能够学习到一些高级的技巧和设计原则。我很期待通过这本书,能够独立完成一套令人眼前一亮的移动应用界面设计,让自己的设计能力得到质的飞跃。对于我这样一个初学者来说,一本内容详实、图文并茂、排版精美的教程是至关重要的,这本书的出现,无疑为我的UI设计学习之路点亮了一盏明灯。

评分

作为一名在UI设计领域摸爬滚打了几年的从业者,我一直在寻找能够让我设计思维和技法更上一层楼的进阶读物。市面上充斥着各种“速成”的教程,往往忽略了设计背后更深层次的思考和原则。而《UI设计必修课:Sketch移动界面设计教程(全彩)》这本书,从书名来看,就透露出一种“必修”的严谨感,这让我觉得它可能不会流于表面,而是会深入探讨一些核心的设计理念。我特别关注“移动界面设计”这个定位,因为当前大部分用户交互都集中在移动端,掌握好这方面的设计至关重要。我希望这本书能够提供一些关于用户体验、信息架构、交互流程优化等方面的深度见解,而不仅仅是停留在工具的层面。我期待它能分享一些成功的移动App设计案例分析,并剖析其背后的设计逻辑,帮助我理解“为什么”这样做,而不仅仅是“怎么”做。一本能够引发思考,帮助我构建更完善的设计知识体系的书,对我来说,比任何炫技的教程都更有价值。我希望这本书能成为我设计生涯中的一个重要里程碑,引领我走向更成熟的设计境界。

评分

我是一名 UI 设计的爱好者,之前尝试过一些其他的软件,但总觉得 Sketch 在 Mac 平台上的流畅性和生态系统更有吸引力。苦于一直没有找到一本能够系统讲解 Sketch 移动界面设计的好教材,尤其是那些需要大量视觉元素和操作演示的教程,如果不是全彩的,很多细节都会变得模糊不清,学习效率大打折扣。这本书的“全彩”标注让我眼前一亮,我非常看重这一点,因为这意味着我可以更直观地看到每一个设计元素、色彩搭配、图标样式,以及操作步骤中的每一个小细节。我希望这本书能够从最基础的 Sketch 软件入门讲起,比如图层管理、画板设置、组件库的建立和使用,然后逐步深入到移动界面设计的具体流程,包括线框图的绘制、高保真原型的制作、动效的初步尝试等。我希望通过这本书,我能够真正掌握 Sketch 的强大功能,并且能够将其应用到实际的移动界面设计项目中,创造出兼具美观与实用性的作品,让我的设计梦想触手可及。

评分

我是一个对用户界面设计有着浓厚兴趣的在校学生,目前正在学习相关的专业课程。在老师的推荐下,我接触到了 Sketch 这款在行业内被广泛使用的设计工具。然而,我发现市面上很多关于 Sketch 的教程要么更新不及时,要么内容过于浅显,难以满足我对深入学习的需求。当我看到《UI设计必修课:Sketch移动界面设计教程(全彩)》这本书时,我立刻被它“必修课”的定位所吸引。这表明它可能不仅仅是介绍软件功能,更会涵盖一些重要的设计理念和方法论。我特别期待这本书能够讲解如何在 Sketch 中构建可复用的组件库,这对于提高设计效率和保持设计一致性至关重要。同时,我也希望它能分享一些关于响应式设计、跨平台设计原则的知识,以及如何运用 Sketch 来实现这些目标。当然,作为一本全彩教程,精美的插图和清晰的步骤图是必不可少的,这能帮助我更好地理解和消化知识。我渴望通过这本书,能够真正理解移动界面设计的精髓,为我未来的职业发展打下坚实的基础。

评分

我一直认为,好的UI设计不仅仅是“好看”,更重要的是“好用”。而要实现这一点,离不开对用户心理、交互逻辑的深刻理解,以及对设计工具的精通。《UI设计必修课:Sketch移动界面设计教程(全彩)》这本书的标题让我觉得它可能在这两个方面都有所侧重。我希望它能不仅仅是教我如何使用 Sketch 绘制漂亮的界面,更重要的是能够引导我思考如何通过界面设计来优化用户体验,如何让用户在使用产品时感到流畅、愉悦。我非常期待书中能包含一些关于交互动效设计的讲解,因为我知道,恰当的动效能够极大地提升产品的用户体验。同时,我也希望这本书能够提供一些关于色彩心理学、字体排印学在UI设计中的应用技巧,以及如何构建具有品牌调性的设计系统。一本能够帮助我从“像素堆砌者”成长为一名“体验设计师”的教程,正是我所需要的。这本书的“全彩”特点,也预示着它在视觉呈现上一定会下足功夫,这对于我理解复杂的视觉元素和设计细节非常有帮助。

评分

对学习UI很有帮助

评分

东西不错,速度也的很快啦啦啦啦啦啦,可以的哈哈哈哎哎哎,啦啦啦啦啦啦

评分

物美价廉质优服务好!

评分

设计理论书,非常喜欢

评分

书挺好的,不多说了,我得看书了,太好看?

评分

品不错 价格便宜 京东买东西实惠 商品不错 价格便宜 京东买东西实惠

评分

快递包装不好 角都被挤压了

评分

还不错哦,有料,希望看完能有收货!!!!!!!!

评分

书不错,快递也给力,就是不能保价,还总降价!

相关图书

本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度google,bing,sogou

© 2025 book.coffeedeals.club All Rights Reserved. 静流书站 版权所有