18年1月设计清单

题图：来自Google-UX of AI

每月设计清单，专注于互联网设计领域内容，汇总精选每月设计师需要了解的互联网设计动态。分为热点资讯、软件工具、设计经验、案例研究、网站推荐、深度思考等栏目。

Tips：链接中大部分国外文章来自medium的在墙外

软件工具

• FontRapid：支持直接在 Sketch 上制作 OpenType 字体的插件。
  

  

  FontRapid

• Reduce App ：压缩 Sketch 文件软件，之前一个 Sketch Cleaner 也不错，不过要收费，这个免费的 Reduce App 可以尝试一下。

• Barrel Herd：Sketch 文件转PPT / Keynote 工具（转完是 pptx 格式，keynote 可打开）。但其规则是将位图和文字元素转换为 ppt 上可编辑的内容，其余内容统统忽略，包括背景，比较粗暴。
  

  

  Barrel Herd

• Timeline for Sketch：为 Sketch 加入时间轴功能的插件，用于制作动效或动画，但是需要付费。

• Sketch Icons：Sketch 生成动态图标库的插件。/ 插件介绍

• Design+Code 发布的 iOS 11 UI Kit：适用于 Sketch，综合全面，适配 iPhone X。/ 另 Facebook 的 iOS 11 UI Kit

设计经验

• 从零开始设计一个 Sketch 文件压缩软件：文章讲述 Reduce App 的制作过程，一个 Sketch 文件压缩软件，包含其创作缘由、原型、设计过程等等。
  

  

  Reduce设计

• Google Clips 智能相机的 AI 用户体验研究：讲述 Google Clips 的设计理念和设计过程，以及如何去训练其中的AI。

• 设计 Sketch 到 PPT 工作流优化工具 Barrel Herd：讲述了 Sketch 转 PPT 工具的诞生，优化了以往设计师在 Sketch 上设计 PPT 然后导一张张图片插入 keynote 的工作流。

• 设计Apple Emoji：难以想象当初08年第一版 Apple 的 emoji 表情出自实习生之手，作者在即将10周年之际，回忆当时的创作过程及和导师 Raymond 的情谊。
  

  

  Apple Emoji

• 拖放UI设计模式：以 Clarity 为例讲解拖放 UI 的设计。

• 设计师未来指南：在技术进步的今天，设计师如何为未来做准备。

• 用速记法捕捉绘画创意：在设计中，运用速写中技法快速捕捉视觉创意。

• 游戏开箱/卡包的用户体验：如何让用户获得开包抽橙的快感，文章分析了目前各大游戏开箱开卡包的交互体验。
  

  炉石传说开卡包动画

• 数据后台产品中的“过度设计”：以数据后台为例总结的一些过度设计经验。

• 网站设计综合指南：从视觉表现到功能设计，全面的网页设计指南。/ 译文

网站推荐

• 2017年回顾系列：CodePen 榜单 2017 / Codrops 网页效果 2017 / Dribbble 2017 回顾 / Sketch 2017 / Framer 2017 / 国外博主年终总结收集

• unDraw：收集开源矢量图案的网站。

• Uneo工作室的3D虚拟面试体验：将工作室的一些有趣的人物虚拟化，设计有趣的对话内容，结合 three.js 技术流畅的 3D渲染页面，十分有趣。
  

  Uneo 3D Interview

• Laws of UX：一系列交互原则的介绍，配合极简风格的插图。

• Adele：设计系统/规范库，收集了目前各大公司公开的设计系统。

• Colorwise：收集 Product Hunt 上赞数最多的产品的配色网站。

深度思考

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

以上 2018年1月份 的设计清单 由 shengbanx 整理。
欢迎关注 DesignerNews 专题。

题图：The UX of AI