sketch是设计师眼中一款很牛逼的设计软件,和PS的一个区别就是sketch是矢量图的设计软件
sketch学习网站

sketch插件

安装的三种方法:

  • sketch toolbox
  • github下载插件项目,直接双击压缩包里面的.sketchplugin的插件文件
  • 直接将解压缩包里面的插件文件拷贝放到Plugins路径下
    插件:
  • Duplicator:快捷键复制插件
  • Content Generator:自动内容填充
  • Magic mirror:选中一个区域,可以将你制定的一个图片去填充选中区域,比如图片中一个手机界面,可以用钢笔描边选中,然后用另一张图片去填充图片中手机的屏幕,具体用法是把屏幕用vector工具转变成path
  • sketch Style Inventory:导入所有的设计稿的颜色、文本样式、元件
  • Material Design Color Palette Sketch Plugin:生成配色方案的插件
  • sketch notebook:标注设计稿的注意事项
  • Sketch Measure: 标注尺寸

神奇的点9图

只针对android手机开发者设计图片时制作,例如微信聊天文字对话框会根据文字的多少,手机屏幕尺寸进行拉伸,所以点9
图产生了。PS也可以制作点9图具体参考如下
教程
制作工具/插件

UI实战

UI界面设计工作流程

  • 根据原型或者交互稿设计UI界面
  • 在手机上预览设计稿
  • 设计稿的沟通修改和确认环节
  • 根据设计稿输出高保真的demo(可选)
  • 设计稿的标注
  • 切图
  • 开发完成后的视觉走查