Skip to content

Sketch 快速UI设计框架。尝试融入Axure思路,完全用Sketch一站式进行框图流程图 > 原型 > 渲染图设计,避免产品经理和美工之间的衔接以及重复工作的问题,提高工作效率。其功能包括: (01)全局样式:色彩 & 文字 (02)图标库:标准图标 Symbol(16*16),可快速更换色彩 (03)移动版表单控件库:框图版 & 产品版 (04)流程图:连线 & 条件 & 循环组件 (05)常见界面示例:登录/菜单/Logo/… (06)自动生成iOS发布时各尺寸图标 (07)Symbols 面板:可直接拖放 Symbol 到 Page(开发中) (08)导出响应式 Html5 页面:可直接用于微信/小程序开发 (09)配色方案库: ColorSchema (10)常用插件效果…

License

Notifications You must be signed in to change notification settings

surfsky/FullStackSketch

Repository files navigation

FullStackSketch

Sketch 快速UI设计框架。尝试融入Axure思路,完全用Sketch一站式进行框图流程图 > 原型 > 渲染图设计,避免产品经理和美工之间的衔接以及重复工作的问题,提高工作效率。其功能包括:

  • 全局样式:色彩 & 文字
  • 图标组件库:可快速更换色彩
  • 移动版表单控件库:框图版 & 产品版
  • 流程图:连线组件 & 条件循环组件
  • 常见界面示例:登录/菜单/Logo/…
  • 自动生成iOS发布时各尺寸图标
  • Symbols 面板:可直接拖放 Symbol 到 Page(开发中)
  • 导出响应式 Html5 页面:可直接用于微信/小程序开发(采用Anima AutoLayout 方案)
  • 把图标做成 IconFont(开发中)
  • 配色原理、配色方案库
  • 常用的插件示例
  • 应用设计示例

Files

File Description
FullStackSketch.sketch 基础设计库,包括表单/图标库/基础色彩库,可自由更换色彩
ColorSchema.sketch 配色库:色彩理论;配色原理;配色库;流程化配色;
Colors.xls 配色视觉亮度计算表
App.Sketch 应用设计示例(框图设计、详细设计、表单示例、设计示例等),用户可直接基于本文件进行App设计。
Plugins.Sketch 常用插件使用效果测试
Shop.Sketch 商城框图设计(开发中)

Demo

About

Sketch 快速UI设计框架。尝试融入Axure思路,完全用Sketch一站式进行框图流程图 > 原型 > 渲染图设计,避免产品经理和美工之间的衔接以及重复工作的问题,提高工作效率。其功能包括: (01)全局样式:色彩 & 文字 (02)图标库:标准图标 Symbol(16*16),可快速更换色彩 (03)移动版表单控件库:框图版 & 产品版 (04)流程图:连线 & 条件 & 循环组件 (05)常见界面示例:登录/菜单/Logo/… (06)自动生成iOS发布时各尺寸图标 (07)Symbols 面板:可直接拖放 Symbol 到 Page(开发中) (08)导出响应式 Html5 页面:可直接用于微信/小程序开发 (09)配色方案库: ColorSchema (10)常用插件效果…

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published