Sketch 学习笔记01

一. App 设计标准

1 . Apple HIG 苹果的官方标准
--

Sketch 学习笔记01_第1张图片

2 . @2x 为 Retina屏 图片的标识
--
3 . Icon and Image Sizes.
--

  • Apple 开发者
    https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW2
  • pintCode网站
    http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

4 . 模板 : Sketch 有UIKit 控件的所有自带模板, 也可以自定义模板.

  • 自定义模板: 任何一个Sketch文件. 点击"File" -> "Save as Template" 后 都可以在"New From Template"中找到


    Sketch 学习笔记01_第2张图片

5 . Sketch 插件的使用

  • Github 手动下载插件移动到 Sketch -> Plugins目录下
  • Sketch Toolbox 软件
  • 常用插件:

Color Swatches : 可使用多个色值, 创建一个便于取色的色板.
**Content Generator ** : 可快速填充图片或文本(假数据), 不重复
**Renameit ** : 可对多个控件重名民可以尊徐一定规律 例: Box%N 将按Box1,Box2....来重命名
Sketch Notebook : 对控件添加注释
Sketch Measure :

  1. size: 计算控件的长宽
  2. Margin or Padding : 距边缘距离.
  3. Distances : 两个控件间的距离
  4. Properties : 当前标注元素的颜色, 边框颜色, 字体大小等
  5. Coordinates : 坐标

6 . Sketch mirror : 在iPhone上对Sketch文件预览
--

  • 在同一Wifi环境下打开手机上的Sketch mirror App

你可能感兴趣的:(Sketch 学习笔记01)