Sketch

Sketch现在基本是UI设计里面很重要的一款软件了，很多人也为其开发了插件，下面介绍一下本人使用的基本插件

插件

插件管理工具：Sketch ToolBox

Sketch ToolBox

Sketch ToolBox打开后的界面

右上角进行想要软件的搜索
左上角all是所有的插件，installed是你已经下载的插件

sketch插件

1.marketch
可以提供标注，并且生成一个网页，方便与开发工程师之间的沟通

marketch

marketch

2.Sketch Measure
在sketch里面进行标注大小，标注位置，注释的编写

Sketch Measure

3.Duplicator
可以快速的对选中的东西进行复制的功能

Duplicator

4.Content Generator
快速的进行头像，名称，地址，时间等图片和文字的填充，并且可以进行文字的替换

Content Generator

文字的替换

5.Material Design Color Palette
可以帮助设计师，对颜色进行复制配色

6.Sketch Style Inventory
当设计完成的时候，可以查看一些使用的样式，例如文字都使用了多大，颜色使用了那些，帮助设计师后期定设计规范文档

高级使用

sketch使用

基础功能

隐藏/显示控件快捷键 command+shift+H

隐藏/显示控件

锁定/解锁控件快捷键 command+shift+L

锁定/解锁控件

图层上下级移动快捷键 command+option+上下键

按住command可以选取组内对象、多选对象

按住option可以测量对象距离

重复上次操作快捷键 command+D

把文字放到路径上
“Type”->”Text on path“ 还要保证文字在路径的上方
文字转成矢量
“Type”->“Convert to outlines”

图片九宫格
“layer”->“Image”->“Edit 9-silce guides”

创建蒙版
“Layer”->“Mask with Selected shape”
取消蒙版
右键->"IgnoreUnderlyingMask"

读后感

《不一样的UI设计师》--读后感

1.从用户的角度去思考一款产品的设计样式
2.自己多去体会，而不是之听取别人的意见
3.在设计产品之前，可以进行一下产品的调研
4.在设计产品之前，可以先画出产品的基础功能架构，界面架构
5.再设计完成后，可以在程序中加入一些统计的工具，例如友盟统计、TalkingData 方便我们为之后的更新做准备
5.低保真图中用灰度图，不要使用有颜色的色块去影响用户的感觉
6.尽量不要用线去画界面之间的逻辑关系，而用摆放的位置去体现
7.再设计之前，写出关键字去找灵感
9.设计首先确定导航栏的结构
10.设计原则使用大面积的留白，而不是把界面设计的很紧凑。颜色尽量简化按钮一般不要使用有边框的
11.要保证UI的一致性
12.安卓中特有点九图片