导图社区 UI--SKETCH快键键以及运用

UI--SKETCH快键键以及运用

ui必备神器软件sketch，内容包含软件的介绍，快捷键，用户体验设计，交互设计。

编辑于2021-01-07 11:24:42

方一块

他的近期作品查看更多>>

UI--SKETCH快键键以及运用
ui必备神器软件sketch，内容包含软件的介绍，快捷键，用户体验设计，交互设计。

UI--SKETCH快键键以及运用

社区模板帮助中心，点此进入>>

方一块

他的近期作品查看更多>>

UI--SKETCH快键键以及运用
ui必备神器软件sketch，内容包含软件的介绍，快捷键，用户体验设计，交互设计。

相似推荐
大纲

互联网9大思维
- 34.0k
- 915
- 2.4k
- 392
MindMaster
安全教育的重要性
- 6.5k
- 864
- 98
- 18
issen
组织架构-单商户商城webAPP 思维导图。
- 14.6k
- 3
- 184
- 10
Kacyun
个人日常活动安排思维导图
- 7.2k
- 0
- 78
- 0
少儿栏目外景策划波波老师
域控上线
- 1.6k
- 163
- 11
- 4
jackrao
西游记主要人物性格分析
- 15.3k
- 1.3k
- 637
- 105
issen
17种头脑风暴法
- 196.3k
- 3.9k
- 11.6k
- 3.9k
MindMaster
python思维导图
- 5.4k
- 529
- 242
- 7
(*^▽^*)
css
- 1.2k
- 1
- 43
- 3
A张舫
CSS
- 3.3k
- 262
- 188
- 33
journey

SKETCH

界面介绍

工具栏

自定义工具栏（右键）

图层列表面板

多画布的使用

属性面板

软件使用

画板

A快捷键

画板名

画板背景色

图形工具

矩形R

圆形R

直线L

文本T

锚点编辑模式

直角

断开

对称

不对称

绑定至完整像素点

剪刀工具

文字样式的使用

组件-SKETCH中的模板，可做统一编辑和重复使用

虚线

描边属性面板右上角的设置按钮

虚线的长度

间隙的大小

快捷键

command+左键：选择界面元素

command+alt：锁定当前选中的界面元素

command+S：保存

command+shift+L:锁定

command+shift+H:隐藏，显示图层

Sketch

支持导入的文件格式

JPG：不支持透明；有损压缩，体积小

Gif：只有256中颜色，网络使用，导入Sketch不支持动画，该格式支持透明

PNG：支持透明，无损压缩，体积稍大但图片质量高；在移动端设计比较常用；

Tif：支持透明，无损压缩；

SVG：运用越来越多的矢量格式，网页端也支持；某些SVG的特效可能无法支持

EPS：矢量文件，Sketch可支持，但某些特性无法支持；

PDF:分页PDF文件导入后，软件会建立文件夹将PDF文件中的页面单独存放，某些特性无法支持；

PSD\AI：可以打开，但只能以位图的方式存在；要让AI格式以矢量文件在Skecth中打开，要在AI中先存为SVG或EPS；要么直接在AI中复制到Skecth中；

快捷键

插入操作

新建画板 A

切片工具 S

矩形工具 R

圆角矩形 U

圆形工具 O

直线工具 L

钢笔工具 V

铅笔工具 P

文本工具 T

文本演示及元素对齐

粗体 command+B

斜体 command+I

下划线 command+U

加大字号 command+alt+ +

减小字号 command+alt+ -

改变字号 command+T

文字转曲 command+shift+ O

左对齐 command+shift+{

居中对齐 command+shift+\

右对齐 command+shift+}

输入特殊符号 command+control+空格

画布及辅助

放大画布 command+ +

缩小画布 command+ —

实际尺寸 command+0

居中画布 command+1

放大所选区域 command+2

居中所选区域 command+3

进入属性检查器的输入框 alt+tab

显示、隐藏标尺 control+R

显示、隐藏网格 control+G

显示、隐藏辅助线 control+L

切换像素渲染模式 control+P

显示、隐藏元素选取手柄 control+H

显示、隐藏像素网格 control+X

显示、隐藏图层面板 alt+command+1

显示、隐藏属性面板 alt+command+2

显示、隐藏图层及属性面板 alt+command+3

演示模式 command+>

显示全屏 control+command+F

形状编辑

保持当前选择 alt+command

当前图层用做蒙版 contral+command+M

合并 alt+command+U

减去顶层 alt+command+S

相交 alt+command+I

差集 alt+command+X

改变形状尺寸 command+四个方向键的一个

以10个单位改变形状尺寸 shift+command+四个方向键的一个

图层编辑

显示到其他图层的距离 alt

在组内显示到其他图层的距离 alt+command

直接复制（按住alt拖拽鼠标或Command+D）

复制样式 alt+command+c

粘贴样式 alt+command+v

吸管工具 control+C

变形工具 command+T

旋转工具 shift+command+R

显示/取消填充 F

显示/取消描边 B

图层排列、组和画板

图层上移一层 command+alt+向上键

图层移至顶层 command+alt+control+向上键

图层下移一层 command+alt+向下键

移至底层 command+alt+contral+向下键

隐藏图层 command+shift+H

锁住图层 command+shift+L

图层重命名 command+R

成组 command+G

解组 shift+command+G

选择上一图层 shift+tab

选择下一图层 tab

通过名字查找图层 command+F

显示选中图层与其他图层距离 option

显示选中图层与图层组内图层距离 option+command

插件（Sketch Toolbox）后缀为.Sketchplug

Content Generator Sketcth Plugin（填充头像图形） Sketch Squares（要使用Instagram账号登入，随机读取图片）

Sketch Measure（标注插件）

icon Stamper（意见生成iOS多中图标）

例子：1.选择File>New From Template > iOS APP Icon; 2.在名为iTunesArtwork@2x的画板中设计图标，完成后选中所有元素，使用Command+G组合一个组； 3.选Plugins > icon-stamper > icon Stamper，即可生成； 4.选择File > Export

Rename It（切出不同尺寸的图标来适应各种机型、分辨率，获得图层属性；）

1.命名规则：%N_%W_%H+@2x 2.输入+以及你要添加的文本即可在适当的位置添加固定字符，如：+button 3.%N将图层名按顺序加上数字后缀，%n则是加上倒序数字，如item %N 4.保留并移动原图层名：输入行的图层名时，使用*代替原图层名，如：big*button 5.添加图层的长度和宽度：输入%w或者%h来添加图层的长宽，如：rectangle%w、rectangle%w x %h

Duplicator（将一个元素有规律的复制并排列，上下左右四个方位）

Duplicator Above 一个一个单次复制，快捷键（control+command+四个方位键的一个） Duplicator Above Repeator批量复制排列在其上方； Horizontal Spacing复制两个元素之间的间距像素数（对话框）；

Sketch Qrcode（生成矢量二维码）

Data to encode 填写二维码内容（网址） Error Correction Level 二维码误码矫正率 Block size 二维码图形单点的像素面积 Include blocks包含的颜色 Dark/Light blocks color 暗色块/亮色快的颜色

Sketch Notebook（设计文档加注释的软件，可与Sketch Measure配合使用）

快捷建使用： Contorl+alt+command+9：快速增加一个注释 Contorl+alt+command+8：更新注释内容 Contorl+alt+command+0：显示隐藏注释区域

Material Design Color Palette Sketch Plugin(提供了谷歌Material Design风格的色板)

软件介绍

交互设计

什么是交互设计

1。交互设计的思维方式方法构建于工业设计中心以用户为中心的设计理念

更多的面向行为和过程，强调过程性的思考能力

流程图状态转换和故事版（场景）是重要的设计手段

好用

交互设计的目的

如何提高产品的可用性

帮助用户更快的达到目的，解决问题

交互设计元素

导航

标签式导航

使用便捷快递

显示用户当前所在位置——直观

缺点：占用屏幕空间

驼峰式导航

标签式导航的变种

突出某一个功能（产品主推/用户高频使用/比较重要的功能）

侧滑式/抽屉式导航

常被用在唯一绝对核心功能的产品上

更大屏幕空间可进行信息显示

列表式导航

扩展性强

通常搭配使用

宫格式导航

表现力强

搜索功能

激活搜索功能=进入搜索页面

搜索历史

固定关键词（滴滴——家和公司）

热门标签/热门搜索

输入关键词的过程

联想关键词/模糊推荐马：马云马化腾

搜索结果显示

对搜索结果合理的组织可以提高用户找到信息的效率

算法优化

筛选功能

信息反馈

顶部弹出栏

位置醒目

可设计性强

高度自定义

颜色自定义

透明度自定义

关闭方式自定义

不打断用户的操作

悬浮窗口提示

提示弹出层TOAST

ALERT强提示

提示内容+一个按钮

提示内容+两个按钮

全屏幕覆盖提示

注意！对用户行为的打断效果

APP首次使用或重大版本迭代后，对重要功能的引导提示

底部弹出栏/面板

辅助功能等

表单设计

表单尽量纵向排列

标签在输入框顶部显示

标签和相关联的输入框之间，保持更小间距

不要将标签作为提示符放在输入框内

按钮文字尽量体现按钮的功能（注册就写注册/登录就写登录/不要写提交

多于2个按钮时，要有主次之分（引导设计）

输入框的长度与内容长度一致（邮编：6位）