Sketch interface design

Posted on Edited on

Sketch 界面设计入门和实战

极客学院的视频教程，地址点我。总体上算是入门了，有待熟练要多做几个练习。

一：Sketch 概述

Sketch 的优点

  • 1.矢量
  • 2.文件小
  • 3.画布无限大
  • 4.每个图层都支持多种填充模式
  • 5.Symbol 和 Style
  • 6.强大的文件导出工具
  • 7.自动保留所有历史版本

Sketch 的弱点

  • 位图处理能力弱

二：Sketch 界面功能布局

  • 1.软件布局
  • 2.画布
  • 3.检查器
  • 4.图形列表

三：Sketch 基础工具-图层

  • 1.添加图层

  • Shift 和 Option 的使用

  • 2.选择图层

  • 同时选择多个图层

  • 重叠图层

  • 3.移动图层

    • Shift、Alt、Cmd+D
    • 隐藏图层

  • 4.改变大小

    • Cmd+方向键
    • Cmd+Shift+方向键

  • 5.锁定图层

四：Sketch 基础工具-图形

  • 1.基本图形

  • 2.图形编辑

  • 点的控制手柄

  • 矢量工具

  • 封闭路径 VS 开发路径

  • Shift

    • 选中多个点

  • 添加锚点

  • 3.布尔运算

  • 4.变形工具

  • 5.蒙版

    • 限制蒙版
    • 图形蒙版
    • ALPHA 蒙版

  • 6.剪刀工具

  • 7.复制旋转

五：Sketch 基础工具-文本

  • 1.添加文本

  • 2.文本检查器

  • Text Style

  • 3.文本转换问轮廓

  • 渐变效果

  • 4.文本字体的技巧

  • Fonts：找了半天，原来

六：Sketch 基础工具-图片

  • 1.位图编辑

  • 高斯模糊

  • Color Adjust

  • 反选

  • 剪裁

  • 填充

  • 2.九宫格

七：App 登陆界面制作完整步骤

Imgur