选择特殊符号

选择搜索类型

热门搜索

首页 > 百科 > 建设工程百科

Sketch交互设计之美

《Sketch交互设计之美》是北京大学出版社出版的图书,作者 是夜雨。 

Sketch交互设计之美基本信息

Sketch交互设计之美目录

第1章初识Sketch

1.1拥抱变化,交互设计师的蜕变之旅

1.2Sketch简介

1.2.1Sketch是什么

1.2.2Sketch的优势

1.2.3Sketch对于团队特别是交互设计师的价值

1.2.4Sketch的应用前景

1.2.5Sketch和Photoshop对比

1.3Sketch获取

1.3.1Sketch下载

1.3.2Sketch安装

1.3.3Sketch激活

1.3.4Sketch定价策略

1.4Sketch界面介绍

1.4.1菜单栏

1.4.2工具栏

1.4.3页面

1.4.4图层

1.4.5画布

1.4.6检查器

1.5Sketch上手试用

1.6团队项目介绍

1.6.1项目背景说明

1.6.2项目功能需求

1.6.3项目产品架构

知识拓展

动脑思考

动手操作

第2章快速入门

2.1交互设计入门

2.1.1认识交互设计

2.1.2认识交互设计师

2.1.3交互设计师需要具备的素质

2.1.4交互设计师的职责

2.1.5交互设计师的专业背景要求

2.1.6交互设计师需要的知识体系

2.1.7交互设计师常用的工具

☆重点2.1.8了解交互设计流程

2.2明确目标和产出物

2.2.1流程图

2.2.2低、高保真原型

2.2.3交互说明

2.2.4视觉规范

2.2.5视觉标注稿

2.2.6规范切图

2.2.7动效参数

2.3学习基本工具使用

☆重点2.3.1线条工具

☆重点2.3.2几何工具

☆重点2.3.3文字工具

2.4学习高级工具使用

2.4.1剪刀工具

2.4.2变形工具

2.5学习其他工具使用

2.5.1插入类工具

2.5.2组织类工具

2.5.3编辑类工具

2.5.4辅助类工具

2.6学会版本管理

2.6.1使用多个Sketch文件管理

2.6.2使用Sketch自动保存历史

版本

2.7了解原型尺寸和命名规范

☆重点2.7.1原型尺寸

2.7.2命名规范

2.8掌握交互设计方法论

2.8.1交互设计方法论的概念

2.8.2交互设计方法论——5W2H

2.8.3其他交互设计方法论

知识拓展

实战教学

动脑思考

动手操作

第3章基础运用

3.1创作空间

3.1.1画布

☆重点3.1.2Artboard(画板)

☆重点3.1.3栅格布局

3.2框架设计

3.2.1发散思维

3.2.2人物角色

3.2.3故事板

3.2.4流程设计

3.2.5信息架构

3.3界面设计

3.3.1界面设计原则

3.3.2界面设计理论

3.3.3界面设计实践

3.4图像处理

3.4.1图像导入

☆重点3.4.2图像处理方式

3.4.3Mask(蒙版)处理

3.5图标设计

☆重点3.5.1认识图标

3.5.2图标绘制规范

☆重点3.5.3图标绘制

3.5.4图标引用

3.6测距和对齐

3.6.1测距

3.6.2对齐

知识拓展

实战教学

动脑思考

动手操作

第4章高级运用

4.1快速原型设计

4.1.1快速复制

4.1.2批量复制

4.1.3一级页面设计

☆重点4.2归类整理

4.2.1图层整理

4.2.2页面整理

4.2.3图层查找

4.3原型演示

4.3.1SketchMirror

4.3.2SketchMirrorforiPhone

4.3.3需求验证

4.3.4二级页面设计

4.4Symbol(符号)

☆重点4.4.1Symbol的介绍及应用

场景

☆重点4.4.2Symbol基础教程

☆重点☆难点4.4.3Symbol

嵌套教程

☆重点☆难点4.4.4夜视Symbol库

制作

4.5StyledText(样式库)

4.5.1StyledText的概念

4.5.2TextStyle(字体样式)

4.5.3ShareStyle(共享样式)

4.5.4夜视项目样式库

4.6细节设计

☆重点4.6.1交互边界

☆重点4.6.2特殊状态

☆重点4.6.3场景设计

4.6.4首页及播放页设计

知识拓展

实战教学

动脑思考

动手操作

第5章团队协作

5.1Sketch和团队协作

5.1.1团队协作基础

5.1.2Sketch协作流程

5.2使用Libraries减少重复劳作

☆重点☆新功能5.2.1Libraries

介绍

☆重点5.2.2Libraries制作和

导入

☆重点5.2.3Libraries使用和

更新

☆重点5.2.4Libraries云协作

5.3使用坚果云构建协作环境

5.3.1构建前的准备工作

5.3.2创建团队文件夹

5.3.3设置本地同步文件夹

5.3.4查看历史版本

动脑思考

动手操作

第6章交付输出

6.1交互设计输出物

6.1.1交互方案和交互原型

☆重点6.1.2交互说明

☆重点6.1.3交互规范

6.2视觉设计输出物

6.2.1视觉风格探索

6.2.2视觉页面

☆重点6.2.3视觉规范

☆重点6.2.4视觉标注

☆重点6.2.5切图资源

知识拓展

实战教学

动脑思考

动手操作

第7章动效设计Principle

7.1需要动效设计的原因

☆重点7.1.1为用户创造愉悦的

体验

7.1.2验证心中的想法和可行性

7.1.3与开发工程师沟通动态效果

7.2选择Principle的原因

7.2.1Principle简介

7.2.2Principle的优势

7.2.3Principle的获取、安装与

激活

7.3Principle初体验

7.3.1初识界面

☆重点7.3.2交互形态

☆重点7.3.3事件

☆重点7.3.4动画

7.4Principle制作原型

7.4.1准备工作

7.4.2制作翻页效果

7.4.3制作转场效果

7.4.4制作滚动效果

7.4.5原型演示

7.5Principle制作动画

☆重点☆难点7.5.1动画构思

☆重点7.5.2动画制作

☆重点☆难点7.5.3交付开发

实现

实战教学

动脑思考

动手操作

第8章完整后台设计实现

8.1后台设计目标

8.1.1业务功能

8.1.2设计目标

8.2后台框架设计

8.2.1角色场景

8.2.2权限设计

8.2.3流程设计

8.3后台界面设计

8.3.1菜单导航设计

8.3.2内容列表设计

8.3.3流程页面设计

8.3.4页面细节设计

8.3.5创建最小化Symbol库

8.4后台交互说明

8.4.1学会讲故事

8.4.2时刻警惕权限和安全

8.5学习建议

8.5.1Sketch学习建议

8.5.2交互设计学习建议

结语

参考文献 2100433B

查看详情

Sketch交互设计之美造价信息

  • 市场价
  • 信息价
  • 询价

智能交互黑板

  • 规格:多点触控;抗冲击;防飞溅;边框无锐角;防飞溅
  • 罗化光源
  • 13%
  • 深圳市罗化光源有限公司
  • 2022-12-08
查看价格

智能交互会议平板

  • DS-D5B55RB/A
  • 海康威视
  • 13%
  • 云南为实科技有限公司
  • 2022-12-08
查看价格

大屏交互软件

  • 1.系统架构设计交互体验设计及构建;2.多人多点同时触控系统,可同时控制人数根据现场硬设可随意设置;3.可定制化屏幕图片运动效果,流体式运
  • 13%
  • 广州力天文化创意产业集团有限公司
  • 2022-12-08
查看价格

外墙漆

  • 品种:外墙涂料;容量:25kg/桶;型号:W-003;
  • kg
  • 北辰漆
  • 13%
  • 山西北辰涂料有限公司
  • 2022-12-08
查看价格

韵金雕

  • 品种:金雕;规格(mm):768×1180;铜板尺寸(cm):400×600;外框尺寸(cm):768×1180;说明:欧式框;型号:JD0
  • 三奇帝
  • 13%
  • 石家庄东方紫铜浮雕工艺品有限公司
  • 2022-12-08
查看价格

王者

  • 600×600 KP6 (星雨石)
  • 珠海市2016年6月信息价
  • 建筑工程
查看价格

王者

  • 600×600 KP6 (星雨石)
  • 珠海市2016年3月信息价
  • 建筑工程
查看价格

王者

  • 800×800 KPM8 (星雨石)
  • 珠海市2016年3月信息价
  • 建筑工程
查看价格

王者

  • 600×600 KP6 (星雨石)
  • 珠海市2015年12月信息价
  • 建筑工程
查看价格

王者

  • 600×600 KP6 (星雨石)
  • 珠海市2015年10月信息价
  • 建筑工程
查看价格

体感交互设

  • 1.红外行为感应识别管理器 kinect
  • 1套
  • 3
  • 中高档
  • 不含税费 | 含运费
  • 2020-12-28
查看价格

样表交互设

  • Android操作系统/21.5寸高清液晶屏/超窄边框,CPU:A53,主频1.5HZ,GPU MALI450×4,Android6.0系统,USB×2,TF×1,串口×2, DDR 1GB分辨率1920×1080/亮度250cdm2/16:9/自带WIFI模块/RJ45网口/
  • 8台
  • 2
  • 中高档
  • 含税费 | 含运费
  • 2019-12-11
查看价格

样表交互设

  • Android操作系统/21.5寸高清液晶屏/超窄边框,CPU :A53,主频1.5HZ,GPU MALI450×4,Android6.0系统,USB×2,TF×1,串口×2,DDR 1GB 分辨率1920×1080/亮度250cdm2/16:9/自带WIFI模块/RJ45网口/
  • 8台
  • 1
  • 中档
  • 含税费 | 含运费
  • 2019-12-03
查看价格

样表交互设

  • MR-ED-22A
  • 1套
  • 1
  • 中高档
  • 含税费 | 含运费
  • 2019-10-30
查看价格

智慧步道智慧交互设

  • B、智慧步道智慧交互设施主要参数:一、产品特点: 独家外观,大方简约,富有科技感二、外观样式及外部条件:1.尺寸:长宽高:2125×700×1010mm2.颜色:石墨灰+交通白3.供电:4.网络
  • 1套
  • 3
  • 中高档
  • 含税费 | 含运费
  • 2022-08-10
查看价格

Sketch交互设计之美内容简介

交互设计师需要一款简单、高效的矢量交互设计工具,本书以Sketch、Principle软件的使用作为基础,以完整项目实践为故事线,结合交互设计方法论的思考,让广大交互设计师、Sketch软件爱好者深入浅出地掌握软件使用方法,并快速应用到实战项目中。

《Sketch交互设计之美:从零基础到完整项目实现》共分为8章,1章为初识Sketch,主要介绍Sketch软件的特性和应用场景,通过该章的介绍,让读者初步了解软件的安装和使用方法;第2章为快速入门,结合具体的案例学习,让读者学会Sketch直线、钢笔、矩形等基本工具的使用,同时,对交互设计有一定的认知;第3章为基础运用,详细介绍界面设计的理论,并让读者掌握界面中图像、图标等元素的处理方法;第4章为高级运用,深入介绍Sketch核心高级功能Symbol的使用,剖析Sketch能成为交互设计工具的原理;第5章为团队协作,帮助读者利用Sketch解决团队协作的难题,优化团队成员的协作模式;第6章为交付输出,为读者展示如何使用Sketch输出高质量的交互设计和视觉设计输出物;第7章为动效设计,将Sketch与Principle结合起来,为用户创造愉悦的动效体验;第8章为完整后台设计实现,将完整呈现一个管理后台项目的设计过程,帮助读者总结提炼软件使用、交互水平提高的学习经验。

本书适合零基础的Sketch爱好者,尤其是想在交互设计方向发展的人员,也可以作为产品经理、交互设计师、视觉设计师、用户体验设计师等设计从业人员的工具使用指南。

查看详情

Sketch交互设计之美常见问题

查看详情

Sketch交互设计之美文献

交互设计在工业设计中的应用分析 交互设计在工业设计中的应用分析

交互设计在工业设计中的应用分析

格式:pdf

大小:1.2MB

页数: 1页

在现在的社会以及今后的世界中,能够引领着我国工业设计领域中的设计潮流就是含有最新颖设计理念的交互设计。对于在工业设计中最常应用的设计就是交互设计,在这个设计的过程中,设计人员需要很好地对客户需求进行定位,之后根据客户的喜好设计出更加让客户满足的产品,同时也可以在设计过程中对客户群的产品体验进行强加。本文探析了交互设计在工业设计中的应用。

交互设计在工业设计中的应用分析 交互设计在工业设计中的应用分析

交互设计在工业设计中的应用分析

格式:pdf

大小:1.2MB

页数: 2页

在科学技术快速发展的背景下,移动互联网时代的到来为智能终端的运用提供了良好的条件,但由于智能终端产品的发展受自身复杂化操作的制约,无法普及使用.而交互设计是以用户为中心的理念,将其应用于工业设计领域,可以有效满足市场需求和用户实际需求,实现工业领域的良性发展.目前如何在工业设计中合理应用交互设计,已经成为业界的重要研究课题.

Sketch移动UI与交互设计(视频讲解版)内容简介

本书通过大量的案例制作,详细地向用户介绍了Sketch在设计网页界面时的使用方法。分别针对Sketch绘制线框原型、设计图标、Android界面设计、iOS界面设计、PC端网站UI和UI的输出与交互进行了讲解。通过学习读者应该熟悉移动UI设计和PC端UI设计的规范和设计要点。同时掌握网页界面的输出以及交互动效的添加方法。

查看详情

Sketch移动UI与交互设计(视频讲解版)图书目录

第 1章 网页UI设计入门

1.1 UI设计发展史 2

1.1.1 早期UI设计的风格 3

1.1.2 中期UI设计的兴起 3

1.1.3 后期UI设计的发展 5

知识点讲解——iOS系统 6

知识点讲解——Android系统 6

知识点讲解——Windows 系统 7

知识点讲解——拟物化风格设计 8

知识点讲解——扁平化风格设计 8

1.2 网页UI设计的制作流程 9

1.2.1 产品调研阶段 10

1.2.2 UI视觉设计 10

1.2.3 产品技术开发 11

1.2.4 BUG测试 12

1.2.5 产品上线 12

1.2.6 产品迭代 13

1.3 UI设计的注意事项 13

1.3.1 图稿一致性原则 13

知识点讲解——字体 13

知识点讲解——表单录入 14

知识点讲解——鼠标手势 14

1.3.2 图稿准确性原则 15

1.3.3 布局合理化原则 16

1.3.4 操作合理性原则 17

1.3.5 系统响应时间原则 18

1.4 配色对于UI设计的影响 18

1.4.1 网页配色基本概念 18

知识点讲解——网页主色 18

知识点讲解——网页背景色 19

知识点讲解——网页辅色 19

知识点讲解——网页点缀色 20

1.4.2 网页配色基本方法 20

知识点讲解——根据产品内容确定网页主色 20

知识点讲解——根据网页主色确定配色方案 21

1.4.3 网页色彩搭配技巧 22

知识点讲解——同色系 23

知识点讲解——邻近色 23

知识点讲解——对比色 25

知识点讲解——互补色 25

1.5 本章小结 26

第 2章 初识Sketch

2.1 绘制iOS 照片分享界面 28

2.1.1 Sketch的安装与启动 28

操作案例——安装与启动Sketch 28

2.1.2 了解Sketch界面 30

知识点讲解——Sketch的主界面 31

知识点讲解——菜单栏 31

知识点讲解——工具栏 34

操作案例——自定义工具栏 34

2.1.3 设置Sketch的快捷键 35

知识点讲解——Sketch的快捷键 35

操作案例——自定义快捷键 37

2.1.4 添加图片、形状 39

知识点讲解——Sketch插入面板 39

知识点讲解——插入图片 40

知识点讲解——插入形状 41

2.1.5 添加文本 42

知识点讲解——插入文本 43

2.2 绘制手机登录页 45

2.2.1 新建和保存Sketch文件 45

知识点讲解——文件的新建和保存 45

操作案例——设置Sketch 的标尺 47

2.2.2 使用Sketch 画板 48

知识点讲解——画板预设 48

知识点讲解——画板检查器 50

2.2.3 使用Sketch 模板 51

知识点讲解—— “iOS 用户界面设计”模板 52

2.3 本章小结 56

第3 章 绘制线框原型

3.1 绘制手机信息界面线框图 58

3.1.1 线框原型的基本概念 58

知识点讲解——线框原型概念 60

知识点讲解——线框原型视觉特性 61

3.1.2 绘制线框原型的注意事项 61

知识点讲解——巧用明暗对比 63

知识点讲解——不使用截图和颜色 64

知识点讲解——标记第 一屏高度 64

知识点讲解——合理的布局和间距 65

3.2 绘制注册页面线框图 65

3.2.1 图层面板 66

知识点讲解——图层面板简述 67

操作案例——添加和编辑图层 68

知识点讲解——选择图层 69

操作案例——移动图层 70

3.2.2 图层类型 71

知识点讲解——图层类型详解 73

操作案例——变换大小 75

3.2.3 图层的调整 75

操作案例——新建、重命名、复制和删除页面 78

知识点讲解——复制、剪切和粘贴图层 79

知识点讲解——图层组的检查器 80

3.3 绘制完整的线框原型图 83

3.3.1 计步App 线框图的绘制01 84

3.3.2 计步App 线框图的绘制02 87

3.4 本章小结 91

第4 章 使用Sketch 绘制图标

4.1 绘制iOS 11 提醒事项图标 93

4.1.1 矢量工具 93

知识点讲解——矢量图形(形状) 95

知识点讲解——点模式 95

知识点讲解——编辑矢量图形 96

操操作案例——矢量工具绘制箭头图标 97

4.1.2 路径的使用 98

知识点讲解——路径 100

4.2 绘制Android 照相机图标 101

4.2.1 使用“形状”绘制图标 102

操作案例——使用布尔运算绘制照相机图标 106

知识点讲解——布尔运算 107

4.2.2 使用“蒙板”绘制图标 108

知识点讲解——蒙板命令 109

操作案例——使用透明度蒙板制作简易图标 110

4.2.3 添加阴影效果为图标添加质感 112

知识点讲解——图标基本属性 113

4.3 绘制极简化的Android图标 116

4.3.1 Android 图标设计准则 116

知识点讲解——图标设计准则 118

4.3.2 图标设计的三大原则 120

知识点讲解——三大原则 122

4.3.3 极简化设计 123

知识点讲解——极简化设计风格 126

操作案例——绘制记事本图标 127

4.4 本章小结 128

第5章 Android UI 设计

5.1 绘制Android 音乐播放器界面 130

5.1.1 组件的编辑及使用 130

知识点讲解——创建组件 133

知识点讲解——更换文本 133

知识点讲解——管理组件 134

操作案例——使用组件工具绘制导航栏 135

5.1.2 应用软件UI 设计 136

知识点讲解——什么是应用软件UI设计 137

知识点讲解——应用软件UI设计规范 138

知识点讲解——软件启动UI设计 139

5.1.3 移动App UI 设计 140

知识点讲解——什么是App 142

知识点讲解——移动UI的设计趋势 143

知识点讲解——移动UI和平面UI的区别 145

5.1.4 Android 系统UI设计 146

知识点讲解——Android系统文字规范设计 148

操作案例——绘制返回或菜单按钮 149

知识点讲解——Android 系统UI 设计特色 150

5.2 绘制Android 信息界面 151

5.2.1 “文本”命令 152

知识点讲解——添加文本 154

知识点讲解——文本框 154

5.2.2 “文本”检查器 155

知识点讲解——文本的编辑 157

知识点讲解——共享样式 159

操作案例——使用共享样式

绘制界面 160

5.2.3 “文本”选项 161

知识点讲解——文本路径 163

知识点讲解——文本转换轮廓 164

操作案例——转化为轮廓绘制

界面元素 164

知识点讲解——导出文字 165

知识点讲解——应用样式 166

知识点讲解——混合模式 168

5.3 本章小结 169

第6 章 iOS UI 设计

6.1 绘制iPhone X App 界面 171

6.1.1 iOS 系统UI 用户元素 171

知识点讲解——顶部导航栏 173

知识点讲解——标签栏和搜索栏 173

操作案例——绘制iPhone X启动界面 174

知识点讲解——表格视图 176

6.1.2 iOS 系统UI 设计要求 177

知识点讲解——确保程序可行 178

知识点讲解——确保App 可以在

iPhone 和iPad 中通用 178

知识点讲解——基于Web 网页

重新设计 179

6.1.3 iOS 系统UI 设计原则 179

知识点讲解——美观性 182

知识点讲解——一致性 183

知识点讲解——控制可行性 184

知识点讲解——及时性 184

知识点讲解——暗喻性 184

知识点讲解——自主性 185

6.1.4 iPhone X 的App UI 设计 185

知识点讲解——编辑位图 188

知识点讲解——iPhone X 的屏幕尺寸 190

知识点讲解——iPhone X 的布局 190

6.2 绘制iPhone 8 App 界面 191

6.2.1 iOS App UI 设计模板 192

知识点讲解——iPhone 8 的组件 193

操作案例——绘制iPhone 系统视频播放界面 194

知识点讲解——iPhone X 的组件 195

6.2.2 iOS UI 设计规范 195

知识点讲解——界面尺寸 198

知识点讲解——图标尺寸 198

知识点讲解——内部设计 199

6.2.3 移动App 设计过程中的要点 199

知识点讲解——App UI设计流程 202

操作案例——绘制系统发生错误界面 203

知识点讲解——App UI配色原则 204

6.3 本章小结 206

第7 章 PC 端UI 设计

7.1 绘制网站登录界面 208

7.1.1 PC 端和移动端UI 设计的区别 208

知识点讲解——网页设计PC 端和

移动端的区别 211

7.1.2 铅笔工具和剪刀工具 213

知识点讲解——铅笔工具 215

知识点讲解——剪刀工具 216

操作案例——设计制作设置按钮① 216

知识点讲解——旋转复制 217

设置按钮② 218

知识点讲解——变形工具 219

7.2 绘制医学网站首页 219

7.2.1 PC 端UI 设计原则 220

知识点讲解——以用户为中心 223

知识点讲解——视觉美观 224

知识点讲解——主题明确 224

知识点讲解——内容与形式统一 26

知识点讲解——有机整体 227

操作案例——绘制“休闲空间”启动页① 227

7.2.2 PC 端UI 设计要点 229

知识点讲解——设计与技术相结合 231

知识点讲解——视觉导向性 232

7.2.3 PC 端UI 设计风格 233

知识点讲解——大众化设计风格 234

知识点讲解——个性化设计风格 234

操作案例——绘制“休闲空间”启动页② 235

7.3 本章小结 236

第8 章 UI 的输出与交互设计

8.1 UI 图像的输出 238

8.1.1 图标的输出 238

知识点讲解——适配设备 238

知识点讲解——导出图层 240

知识点讲解——导出和切片 241

8.1.2 界面的输出 241

知识点讲解——切片工具 242

操作案例——为切片重命名 245

8.2 UI 设计的交互 245

知识点讲解——了解移动设备的手势 245

知识点讲解——移动交互动效设计的注意事项 248

知识点讲解——使用Xcode 模拟交互效果 249

8.3 Sketch 插件的安装与使用 250

知识点讲解——实用的插件 251

8.4 本章小结 2522100433B

查看详情

交互平板简介

交互平板相关图片

交互平板涵盖了侧重内置PC系统功能表现的“交互智能平板”,也兼顾了侧重后台软件平台构建的“交互云平板”,并包容了侧重解决会议室信号无线传输、处理的“无线交互平板”。

交互平板这种以触控操作、书写为使用体验核心,以大尺寸液晶屏为载体的交互类产品概念,由鸿合科技更加合理、科学、准确地给出了定义。

未使用交互平板之前的会议室

使用交互平板的会议室

简要理解,在目前的会议室中,用户只需配置1台交互平板,即可以同时实现:电视、电脑、电脑鼠标、音箱、信号处理器以及遥控器\中央控制面板的所有功能!

功能高度集成的交互平板,为使用用户带来的价值体现为:

提供一种全新体验方式,侧重“自然“操控的业务生产工具;繁琐功能需求,以单一设备体现,降低了对会议空间的需求,提升使用空间舒适感;设备的简约,提供空间简约的支撑,提升了企业形象;以往通过多个设备实现的功能,借助一台设备操控,操作、切换步骤大幅降低,从而提升了工作效率。

查看详情

相关推荐

立即注册
免费服务热线: 400-888-9639