题图：来自Sketch 44 版本更新介绍 blog
每月设计要闻，专注于互联网设计领域内容，汇总精选每月设计师需要了解的互联网设计动态。分为热点资讯、软件工具、设计经验、案例研究、网站推荐、深度思考等栏目。
5月巨头们都纷纷举办了年中开发者大会，微软在其Build开发者大会上发布了Fluent Design设计语言。Google I/O 2017大会宣布谷歌战略正式从 Mobile First（移动先行）转向 AI First （人工智能先行），对于互联网设计行业是否会带有一定的影响呢？另苹果WWDC 2017也将在6月5日举行，值得关注。
Sketch 44版本更新，带来了自适应布局功能，虽然以前也可以用Auto layout插件。Craft插件更新了直接在Sketch上制作原型的功能，但线上预览在国内体验不好，也可以用另一款Sketch原型工具mirr.io。而另一款设计工具Framer发布了新版本，作为一个原型软件，这一次将设计、原型、代码完美融汇，让懂前端代码的设计师更充分发挥设计能力。
以下为本月要闻清单：
Tips：链接中大部分国外文章来自medium的在墙外
热点资讯
- 苹果“如何用 iPhone 7 拍照”系列视频教程：总共16个短视频基本教程。
- 微软推出全新设计语言 Fluent Design：其英文介绍、中文介绍、知乎讨论。
- Google I/O 2017 / Design Talks / 新 emoji 表情
- Sketch 44 版本更新：改进了Artboard，支持自适应布局功能，支持管理丢失的字体；改善了圆角处理方式，过窄过宽的角也能完美适应。
- 菜鸟发布了新的品牌标识 / 天猫品牌全新升级
- Framer发布新版本：设计、原型与代码的完美融汇 / DN讨论
软件工具
- 交互原型工具收录清单：列出目前60+交互原型工具。
- Confetti：随机打散元素的Sketch插件，制作类似彩带背景。
- Lightwell：动画原型工具。
- Launchped：直接在Sketch上发布网站的插件。无需代码，一键生成并发布网站。
- React-SketchApp：以及如何通过其设计一套设计规范系统的文章。
- SVGito：专门针对于Sketch导出的SVG文件，压缩大小的工具。
- Craft插件：更新后支持直接在 Sketch 上制作原型，其教程/视频教程。除此还有其中的Library 库功能更新。
- Mirr.io：Sketch 上制作交互原型的工具，支持手机预览。
- illusion.ai ：提供对话式UI交互的工具，动态展示用户需要的内容。
- Brand.ai：Sketch设计组件管理系统，配合 UX Power Tools 使用效果更佳。
设计经验
- 东京的导航设计：介绍日本东京的交通导航设计。
- 性别多样性的包容设计 文章
- 通过编写Sketch插件提高设计效率 文章
- 通过Sketch插件Launched，一周末制作一个网站 文章
- 移动端横向列表最佳实践：一些关于横向List需要注意的点，另外还有国内这篇App 设计中，慎用左右横滑设计。
- AI矢量icon绘制技巧：介绍了一些不错的画icon小技巧。
- 设计文件（Sketch）命名规范经验
- 又一篇VR设计师指南：系统的列出了设计方法、设计工具、交互基础。
- Sketch动态ICON：设计一套ICON，和颜色模版，可以动态地修改ICON并使用不同的颜色。
- Figma 适应布局的使用：介绍了如何使用约束完成自适应布局。另Figma工具的安利。
- 表单设计：一页只做一件事：放弃聚合展开式表单，而选择单页独立步骤表单的优势。
案例研究
网站推荐
- Nick Jones个人网站：采用概念式的黄金螺旋滚动/滑动交互。
- 开始你的音乐创作：直接在浏览器上学习基础的音乐创作。
- UIPixels：免费Photoshop&Sketch源文件下载：Mockup / UI Kit / ICON。
- 1小时学习AI绘制ICON基础：介绍如何绘制线性ICON，比较系统。
- Google Doodles：查看历史Google Doodle，包含其创作思路。
- designer.how ：各类设计工具视频教程。
深度思考
- 存在永恒的产品设计吗？
- 如果想要创新，那么别被数据束缚：周围充满了各种数据，数据不是我们做事情的驱动，而是要通过数据发掘更多的可能。
- 肖勇：设计教育不应停留在授“鱼”和“渔”：08奥运会奖牌“金镶玉”的主创设计师，央美设计学院教授，肖勇的访谈。
以上设计每周清单（05.22-05.28）由 shengbanx 整理。转载注明来源。
网友评论