Designer News
首发于Designer News
1月设计清单:Sketch 文件压缩工具 Reduce 、Google Clips AI 用户体验、17年回顾系列

1月设计清单:Sketch 文件压缩工具 Reduce 、Google Clips AI 用户体验、17年回顾系列

每月设计清单 专注于互联网设计领域内容,分为热点资讯、软件工具、设计经验、案例研究、网站推荐、深度思考等栏目。


软件工具

  1. FontRapid:支持直接在 Sketch 上制作 OpenType 字体的插件。
  2. Reduce App :压缩 Sketch 文件软件,之前一个 Sketch Cleaner 也不错,不过要收费,这个免费的 Reduce App 可以尝试一下。
  3. Barrel Herd:Sketch 文件转PPT / Keynote 工具(转完是 pptx 格式,keynote 可打开)。但其规则是将位图和文字元素转换为 ppt 上可编辑的内容,其余内容统统忽略,包括背景,比较粗暴。
  4. Timeline for Sketch:为 Sketch 加入时间轴功能的插件,用于制作动效或动画,但是需要付费。
  5. Sketch Icons:Sketch 生成动态图标库的插件。/ 插件介绍
  6. Design+Code 发布的 iOS 11 UI Kit:适用于 Sketch,综合全面,适配 iPhone X。/ 另 Facebook 的 iOS 11 UI Kit

设计经验

  1. 从零开始设计一个 Sketch 文件压缩软件:文章讲述 Reduce App 的制作过程,一个 Sketch 文件压缩软件,包含其创作缘由、原型、设计过程等等。
  2. Google Clips 智能相机的 AI 用户体验研究:讲述 Google Clips 的设计理念和设计过程,以及如何去训练其中的AI。
  3. 设计 Sketch 到 PPT 工作流优化工具 Barrel Herd:讲述了 Sketch 转 PPT 工具的诞生,优化了以往设计师在 Sketch 上设计 PPT 然后导一张张图片插入 keynote 的工作流。
  4. 设计Apple Emoji:难以想象当初08年第一版 Apple 的 emoji 表情出自实习生之手,作者在即将10周年之际,回忆当时的创作过程及和导师 Raymond 的情谊。
  5. 拖放UI设计模式:以 Clarity 为例讲解拖放 UI 的设计。
  6. 设计师未来指南:在技术进步的今天,设计师如何为未来做准备。
  7. 用速记法捕捉绘画创意:在设计中,运用速写中技法快速捕捉视觉创意。
  8. 游戏开箱/卡包的用户体验:如何让用户获得开包抽橙的快感,文章分析了目前各大游戏开箱开卡包的交互体验。
  9. 数据后台产品中的“过度设计”:以数据后台为例总结的一些过度设计经验。
  10. 网站设计综合指南:从视觉表现到功能设计,全面的网页设计指南。/ 译文

网站推荐

  1. 2017年回顾系列:CodePen 榜单 2017 / Codrops 网页效果 2017 / Dribbble 2017 回顾 / Sketch 2017 / Framer 2017 / 国外博主年终总结收集
  2. unDraw:收集开源矢量图案的网站。
  3. Uneo工作室的3D虚拟面试体验:将工作室的一些有趣的人物虚拟化,设计有趣的对话内容,结合 three.js 技术流畅的 3D渲染页面,十分有趣。
  4. Laws of UX:一系列交互原则的介绍,配合极简风格的插图。
  5. Adele:设计系统/规范库,收集了目前各大公司公开的设计系统。
  6. Colorwise:收集 Product Hunt 上赞数最多的产品的配色网站。

深度思考

  1. 设计简化思维:随着技术创新和功能迭代,产品会变得日益复杂,而复杂的设计会增加用户使用成本,如何作简化就显得尤为重要。


以上 2018年1月份 的设计清单 由 shengbanx 整理。

以及你可能错过的这个 小彩蛋

题图:The UX of AI

编辑于 2018-02-08

文章被以下专栏收录

    每周带来国内外互联网设计领域的优质内容导读,跟随全球设计趋势。已开通小密圈「DesignerNews中国群」。