Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

从效率出发的设计思考

396 views

Published on

Sketch Meetup 上海,2016 年 10 月 23 日
我自己分享的 Slides
活动详情:http://meetup.ryo.lu/

Published in: Design
  • Did you try ⇒ www.HelpWriting.net ⇐?. They know how to do an amazing essay, research papers or dissertations.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

从效率出发的设计思考

  1. 1. @梓非徐 从效率出发的设计思考
  2. 2. 从一个小故事开始
  3. 3. 筌者所以在鱼,得鱼⽽忘筌; 蹄者所以在兔,得兔⽽忘蹄; ⾔者所以在意,得意⽽忘⾔。 《庄⼦·外物》 得鱼忘筌
  4. 4. 鱼忘筌 工具不重要,重要的是方法 工具和方法相互影响,同样重要!
  5. 5. 方法、工具 授人以渔
  6. 6. 变化的需求 如何面对层出不穷的设计工具?
  7. 7. 变化的需求 媒介在变化 信息内容在变化 信息传递在变化 需求也在变化
  8. 8. 1. 选择⼯工具,从需求出发 2. 熟悉⼯工具的设计边界、设计语⾔言 3. 提升效率,从⽣生产⼒力力⼯工具开始 给大家的几条建议
  9. 9. by 行休 《原型与你》 控件 Axure 状态 Principle 流动 Quartz Composer 对象 Framer 成为 Webflow 设计语言
  10. 10. 工具专家 ≠ 设计专家
  11. 11. 如何提高 Sketch 生产力
  12. 12. 生产力建设 标注 图层 内容 原型 其他
  13. 13. Sketch Measure
  14. 14. Marketch
  15. 15. Zeplin
  16. 16. Sympli
  17. 17. 标注的目的 沟通=翻译
  18. 18. 标注的发展
  19. 19. 提高生产力 标注 图层 内容 原型 其他
  20. 20. 图层 图层选择 图层属性 图层管理
  21. 21. Sketch Style Inventory • 选中相同颜色的图层 • 选中相同名称的图层
  22. 22. Sketch Style Inventory • 选中相同颜色的图层 • 选中相同名称的图层
  23. 23. Pixel Perfecter • 选中坐标和尺寸中含有小数点的图层
  24. 24. Font Finder • 查看文档内所有使用的字体并选中
  25. 25. Sketch Select Similar Layers • 选中相同描边厚度的图层 • 选中使用相同字体和大小的文本 • 选中相同透明度的图层 • 选中相同混合模式的图层
  26. 26. Sketch Layer Tools • 选中当前页面上所有图形 • 选中当前页面上所有文本 • 选中所有画板 • 选中所有文本 • 选中所有位图
  27. 27. 图层 图层选择 图层属性 图层管理
  28. 28. Position & Size • 快速移动位置:Shift+Arrow • 快速调整大小:Cmd+( Shift )+Arrow • 支持运算符跟百分比(需有父层级)调整 • 插件调整:Sketch Commands
  29. 29. 对齐
  30. 30. Sketch Mate自定义快捷键
  31. 31. 图层 图层选择 图层属性 图层管理
  32. 32. Rename it • 批量重命名图层 • 可添加递增后缀数字 Sort me • 重新排列图层顺序
  33. 33. 生产力建设 标注 图层 内容 原型 其他
  34. 34. Content Generator • 内容填充利器 • 填充图片数据 • 填充城市地名 • 填充个人信息
  35. 35. Segmented Circles • 快速绘制各种圆形图表
  36. 36. Segmented Circles Numbers Excel 利用 Office 制作真实数据图表
  37. 37. Find and replace
  38. 38. • 绘制各种长度随内容变化的组件 Relabel Button
  39. 39. 生产力建设 标注 图层 内容 原型 其他
  40. 40. Prototype
  41. 41. 如何寻找合适的原型工具? 「选择工具,从需求出发」
  42. 42. http://www.cooper.com/prototyping-tools
  43. 43. 提高生产力 标注 图层 内容 原型 其他
  44. 44. Symbol
  45. 45. Resizing
  46. 46. Resizing
  47. 47. Sketch 插件的更新
  48. 48. Sketch 插件的汉化
  49. 49. 快捷键
  50. 50. One More Thing
  51. 51. bettersketch.com
  52. 52. 谢谢!

×