私人书签导航 - 软件测评
type: channel
link: https://me.bizihu.com/index.php/tag/软件测评/
items: Sketch 63 Beta版本探秘，看看都有什么新功能
items: Sketch 61 Beta版本探秘，看看都有什么新功能！
items: Sketch 58 Beta版本探秘，看看都有什么新功能！
items: Sketch 57 Beta版本发布，五大全新功能亮相！
items: 从 Sketch 迁移到 Figma 半年后：以为是个青铜结果是个王者？！
items: 想取代 Sketch 的 Figma 好不好用？我花了一年时间给你答案！
items: Sketch 55 Beta版本探秘，看看都有什么新功能！
items: 超详细评测！2019年值得关注的四个原型制作工具
items: Office 2019 迎来最重磅的更新，这 10 个新功能你不能不知！
items: 2019版PS功能那么牛，但同事把我P得像个狗…

Sketch 63 Beta版本探秘，看看都有什么新功能
type: item
date: 2020-02-14T01:45:23+08:00
description: 在疫情日益严重的当下，很多设计师应该都在家中远程工作。当然了，不要忘记多锻炼，增强自身免疫力才是王道。同时学习也不能断。这不，Sketch 63 已经推出。下面就一起看下 63 版本的新功能。Sketch最新Beta版本下载如果想知道 62 版本的新功能，请看这篇文章：如果想体验 Sketch 最新 Beta 版本，请进入 Sketch 测试版主页下载：https://www.sketch.com/beta/。但是要记住，一定不要用在自己的正式文件中，防止修改后，低版本打不开。Sketch 63 要求 Mac 系统版本是 macOS High Sierra 10.13.4 及以上，下面是 Sketch 各大版本对应的 Mac 系统版本，如果遇到新版的 Sketch 打不开就需要检查下自己的系统版本。更快的云上传63 版本「最大的改变」是这个，Sketch设计文档上传云端会变得更加快速和流畅，因为处理方式从本地 Mac 电脑转移到了 Sketch 服务器端。不过很可惜，相当多的国内团队并不买 Sketch Cloud 的账，导致 63 版本中这个「重大」变化对设计师来说可以忽略，毕竟本质属于感知型的体验优化。增加社交媒体画板预设此次更新增加了常用社交媒体的画板尺寸预设，包括 Twitter、Facebook、Instagram、Linkedin、YouTube 等国际热门应用，同时也包括微信和微博这两款国内热门应用，此外还有 Dribbble Shot 和 Eventbrite Event 这两款尺寸。新增图层hover显示全称用 Macbook 做 Sketch 的设计师占有相当大的比例，在范围有限的屏幕中，左侧的图层面板占了近 1/5 的屏幕宽度。这样就导致图层名字被截断，完整名称很难看到。63 版本增加了鼠标 hover 图层显示完整名称的文字提示，也算是一点小进步吧。同时也应用在了组件图层、样式下拉列表等其他场景中。其他几点优化不得不说，63 版本对大部分设计师来说更新实在有限，甚至可以忽略不计。但是作为一个整数版本更新，官方也不好意思就放这么几点，还有些不痛不痒的优化。Symbol 替换的下拉浮层中，要显示详情需要点击右侧箭头，现在点击名称也可以展开，增加了触点范围。在替换重名文件的弹窗中，除了点击 Replace 按钮外，还可以按快捷键 cmd+R 直接替换。不清楚这个快捷键是解决了什么痛点……保存新文件的时候，位置选择 other，弹窗会新调用 Mac 系统的标准样式，比之前更容易选择位置和更改文件名。总结63 版本总的来说并没有大亮点，2020 刚开始，传说中的新功能估计也在开发中，让我们继续期待。另外，这里和大家预告下，目前所在团队已使用 Figma 为主力设计工具，自己这段时间也在完善 Figma 工作方法论，后面会逐步分享。当然了，Sketch 也有自身的特点和优势，作为软件并无孰优孰劣，关键是看在什么场景下解决什么问题。欢迎关注作者的微信公众号：「UI黑客」作者： UI黑客

Sketch 61 Beta版本探秘，看看都有什么新功能！
type: item
date: 2019-11-26T00:01:19+08:00
description: 11 月还没结束，Sketch61 就已经出来了，距离 60 版本发布才半个多月。下面就一起看下 61 新增了哪些功能。Sketch最新Beta版本下载如果想知道 60 版本的新功能，请看这篇文章《Sketch 60 Beta版本探秘，看看都有什么新功能》。如果想体验 Sketch 最新 Beta 版本，请进入 Sketch 测试版主页下载 https://www.sketch.com/beta/。但是要记住，一定不要用在自己的正式文件中，防止修改后，低版本打不开。Sketch 61 要求 Mac 系统版本是 macOS High Sierra 10.13.4 及以上，下面是 Sketch 各大版本对应的 Mac 系统版本，如果遇到新版的 Sketch 打不开就需要检查下自己的系统版本。Sketch60.1版本新增60 版本最大的更新就是新增了组件面板，可以方便的管理文字、图层、组件样式。在介绍 61 之前，最近的 60.1 版本更新也有一个小优化。在组件面板里面，之前的各级文件夹图标都变成了小型预览图，显示更加直观，这个功能要点个赞，找起来的效率也提高了不少。Sketch61版本更新至于 61Beta 版本，整体有点失望，没有新增功能，基本都是功能优化和性能提升。主要有以下几点，图片不太好描述，就只放文字说明了。1. 提升文档滚动时的流畅度这个感受不到，如果大家遇到 Sketch 卡顿，建议重新打开即可。之前遇到的旧版本使用 1-2 个小时后就开始卡顿，不过最近的几个新版本没有再遇到过。2. Sketch Cloud文件优化如果使用了 Sketch Cloud 文件，那么下载的时候会在缩略图上展示进度条。但这个 Cloud 服务是需要付费的，国内很少用，所以本次 61 对此进行的更新对我们设计师也影响不大。3. 调整大小的显示控件在普通屏幕上优化显示由于大部分设计师的 Mac 都是视网膜屏幕，所以这个基本也没有什么影响。还是那句话，既然作为 UI 设计师，那么请对自己的硬件要求稍微好一点。4. 对齐像素功能优化对于任何包含小数点的未对齐像素元素，都可以使用像素对齐功能。实际工作中很多设计师的 Sketch 文件都会出现小数点，尤其是在间距、宽高这样的基本框架结构中，会严重影响我们的标注数值。建议多使用像素对齐功能，做一名像素洁癖的设计师。总结以上就是 61 Beta 版本的「新」功能，略感失望，感觉像是 60 版本的小问题修复。希望下次 Sketch 能给我们带来新的惊喜。欢迎关注作者的微信公众号：「UI黑客」作者： UI黑客

Sketch 58 Beta版本探秘，看看都有什么新功能！
type: item
date: 2019-09-09T15:15:45+08:00
description: Sketch 58 Beta 版本已于近期推出（其实最近一段时间已更新了好几个测试版），官方终于推出 Smart Layout 智能布局，让 Symbol 组件获得响应功能，变得更加灵活和强大。之前我们只能使用第三方插件来制作响应式组件，比如之前介绍的 Kitchen 和 Anima。不过毕竟不是官方亲生的，难免会包含一些 bug 和不足。比如 Kitchen 插件在制作 Symbol 组件的时候，其自动排版功能会出错。Anima 插件对上传到蓝湖的标注会有显示问题。关键是在团队协作的时候，其他使用源文件的同学也必须安装对应的插件，否则没有效果。那么这次 Sketch 58 Beta 版本新推出的 Smart Layout 智能布局功能，能否解决长期困扰设计师的响应布局问题呢？一起来看下。Sketch最新Beta版本下载如果想体验 Sketch 最新 Beta 版本，请进入 Sketch 测试版主页下载→https://www.sketch.com/beta/。但是要记住，一定不要用在自己的正式文件中，防止修改后，低版本打不开。Sketch 58 要求 Mac 系统版本是 macOS High Sierra 10.13.4 及以上，下面是 Sketch 各大版本对应的 Mac 系统版本，如果遇到新版的 Sketch 打不开就需要检查下自己的系统版本。Sketch52-58系列版本需要macOS High Sierra 10.13.4及以上Sketch51系列版本需要macOS Sierra 10.12.2及以上Sketch50系列版本需要OS X El Capitan 10.11.2及以上Smart Layout智能布局介绍本次 Sketch 58 Beta 最大的更新就是 Smart Layout。在新建 Symbol 组件时，弹窗新增 Layout 选项，总共有 7 个属性，分别对应不同的图标，下面是每个属性的简单介绍。1. No Layout正常布局，也就是和原先一样，没有特殊效果。2. Left to Right Layout赋予 Symbol 组件智能布局效果，组件尺寸会根据内容变化，方向是水平从左往右布局。3. Horizontally Center Layout同上，方向是中间往左右两端布局。4. Right to Left Layout同上，方向是从右往左布局。5. Top to Bottom Layout赋予 Symbol 组件智能布局效果，组件尺寸会根据内容变化，方向是垂直从上往下布局。6. Vertically Center Layout同上，方向是中间往上下两端布局。7. Bottom to Top Layout同上，方向是从下往上布局。另外在选择好 Layout 属性后，Symbol 页面的画板组件图标会发生变化，除了 No Layout 布局还是之前的画板图标之外，其余 6 个都有对应的新图标，看下图。此外，选择画板后，右侧的属性面板中会新增布局选择功能，包含上面讲的7种属性，可随时对 Layout 布局进行更改。看上面的描述还是比较迷惑，实际上智能布局简单来说，就是赋予 Symbol 组件内容边距的功能，尺寸随内容变化而变化，有点类似于前端 CSS 中的 padding 属性。下面用实际例子展示。制作弹性按钮以前我们使用过 Kitchen 和 Anima 制作过弹性按钮。需求是，文字两端的边距（即CSS中的padding）保持固定，文字数量不固定，按钮宽度随文字内容走。那么在 Sketch 58 中，我们先制作一个按钮，文字两端的边距是 20。转化为 Symbol，出现弹窗，在新增的 Layout 下拉中，选择 Left to Right Layout，这样文字变化时，左边是固定不动的，内容往右边延展。这样一个弹性按钮就做好了，不管文字有多少，两端边距永远保持固定 20。和前端 CSS 中的 padding-left 和 padding-right 功能一样。如果这个时候我们再拉伸 Symbol，右侧 Overrides 会出现一个新的图标：缩小实例以适配内容。点击后，被拉伸的组件会还原为文字内容长度。注意，这个和原先的重设覆盖层图标不同，不会清除覆盖的文本内容，只会还原为适合内容大小。以上是从左往右的布局，水平两端和从右往左也是一样的道理，只是方向不一样，下图是从右往左的布局。这就是智能布局的主要功能，赋予 Symbol 组件 CSS 代码 padding 属性，具备响应特征。还需要注意的是，智能布局目前只针对 Symbol 组件，Kitchen 插件是可以作用于普通组的。制作弹性按钮组上面是单个组件的智能布局，如果是嵌套组件呢？也是可以的，一起试下。我们把刚才做的按钮横向分布三个，再一起做成新…

Sketch 57 Beta版本发布，五大全新功能亮相！
type: item
date: 2019-08-15T15:46:44+08:00
description: Sketch 除了正式版之外，也会提前放出 Beta 版用来测试。为了和正式版的黄色钻石区分，Beta 版图标是一个蓝色大钻石。目前，Sketch 57 测试版本已出，一起看下都有什么新功能。如果想体验 57Beta 版本，请进入 Sketch 测试版主页下载→https://www.sketch.com/beta/。但是要记住，一定不要用在自己的正式文件中，防止修改后，低版本打不开。Sketch 57 要求 Mac 系统版本是 macOS High Sierra 10.13.4 及以上，对 Mac 系统的要求一直没有突破 10.14，方便低系统版本同学使用。下面是 Sketch 各大版本对应的 Mac 系统版本，如果遇到新版的 Sketch 打不开，就需要检查自己的系统版本。Sketch57系列版本需要macOS High Sierra 10.13.4及以上Sketch56系列版本需要macOS High Sierra 10.13.4及以上Sketch55系列版本需要macOS High Sierra 10.13.4及以上Sketch54系列版本需要macOS High Sierra 10.13.4及以上Sketch53系列版本需要macOS High Sierra 10.13.4及以上Sketch52系列版本需要macOS High Sierra 10.13.4及以上Sketch51系列版本需要macOS Sierra 10.12.2及以上Sketch50系列版本需要OS X El Capitan 10.11.2及以上Sketch49系列版本需要OS X El Capitan 10.11.2及以上下面一起看下 Sketch 57 的新功能吧。更好的布尔运算操作如果平时在使用布尔运算中遇到 bug 和错误，那么 57 版本将会对其进行优化。官方对布尔运算进行了性能改进，属于软件功能优化，大家可以在实际工作中进行前后的体验对比。但是感觉不属于新功能，应该属于 bug 修复和性能提升，不清楚官方为什么会着重介绍这个点。总之，我们在使用复杂形状的布尔运算时，会增加 Sketch 的运算量，造成卡顿。希望 57 版本能够提升体验。智能分布图层重新排列智能分布是 Sketch55 版本中新增的一个功能，对于多个元素可以直接对其进行平均分布和排列。56 版本增加了对组的支持和整理功能。但是修改元素间的顺序就会变得特别麻烦，需要重新排列，费时费力。57 版本中增加了元素的拖拽排列功能。在平均分布后，鼠标 hover 任意元素，元素中心会出现一个小白点，鼠标拖拽即可进行排列。周围元素会自动变化位置，提升修改的效率。此外，对画板也同样适用，平时画板布局混乱的设计师可以更简单方便地全局整理了。图层顺序调整快捷键更改在对图层进行前后顺序排列时，经常会用到快捷键。但是目前版本中需要同时按 3 个甚至 4 个键，双手操作很不方便。57 版本中对这四个操作的快捷键进行了优化，减少了需要的按键数量，让单手操作成为可能。△ 旧版本的图层调整快捷键△ 57版本的图层调整快捷键直接粘贴富文本富文本，即带有样式的文本内容，比如颜色、加粗、大小等属性。举个例子，在 Pages 中复制文本后，打开 Sketch 粘贴，默认是不带样式的，除非使用粘贴为富文本功能。不过以前的版本需要在文字编辑模式下才能选择粘贴为富文本，现在可以直接粘贴，更加方便。渐变预设增加样式标题这是个比较小的改动，把之前的渐变预设色增加了名称进行区分。以前二者之间只是一条分割线，现在增加了标题。总结以上就是 Sketch57 Beta 版本的新功能，正式版也即将发布，敬请期待。欢迎关注作者的微信公众号：「UI黑客」作者： UI黑客

从 Sketch 迁移到 Figma 半年后：以为是个青铜结果是个王者？！
type: item
date: 2019-06-22T22:56:59+08:00
description: 阅文体验设计YUX – 梁捷 ：去年 10 月开始阅文海外设计从 Sketch 迁移到 Figma。如果你还不了解 Figma 或者在犹豫要不要切换到 Figma，这里会给你答案。Figma介绍：以为是个青铜结果是个王者Figma 是一款基于 Web 的在线设计工具，很多用户包括笔者在内对于在线工具都会下意识地感觉性能差，功能弱，尤其是对于一款专业的生产力工具，这种不靠谱的感觉更为强烈。然而实际体验下来会发现 Figma 不仅功能完善，与 Sketch 相比别无二致。而且操作体验上更是如丝般顺滑，虽然是网页应用，但 Figma 的编辑器是用 C++ 编写，通过 emscripten 将 C++ 编译为 JavaScript 的方式获得更高效的代码与内存控制，得以达到 60fps 的流畅度与 2x 于原生应用的性能。因此你完全可以放心大胆地去使用这款在线设计工具，体验一番 Figma 独特的魅力，从此告别被 Sketch 低下的性能支配的恐惧。Figma与Sketch既然是一款专业的设计工具，与 Sketch 同一赛道的竞争对手，那自然是避不开与 Sketch 的正面交锋。△ Sketch界面△ Figma界面Figma 与 Sketch 的布局与功能整体上非常相似，不过 Figma 异常简洁的导航栏可能会让人怀疑 Figma 的功能真的够完善么？坦率地说 Figma 确实有一些基础功能缺失，比如 Figma 的 Scale 只能手动拖拽目标缩放，不能像 Sketch 一样设定数值进行缩放。但是相比那些无关痛痒的低频功能，Figma 没有 Sketch 的插件功能以及丰富的插件生态也许更让人遗憾。今年6月12日，Figma 官方宣布开始插件功能内测，结合 Figma API 不知道会擦出什么样的火花，非常让人期待。1. 比Sketch弱？不存在的事实上以上功能缺失完全不会影响到日常的设计工作，反而 Figma 所拥有的以下功能让 Figma 在整体的体验上赶超 Sketch 数个身位：多人协作评论观察者模式版本控制标注（Developer Handoff）团队组件库与样式自动保存全平台制霸智能布局（Smart Selection）1～8 项功能均得益于 Figma 在线的特性，让更直接更高效的多人协作模式成为可能，多位设计师可以在一个设计文件内同时进行编辑操作，添加评论进行沟通。而且一个链接就可以让所有人在任何平台上直接访问到设计文件，发送给需求方 Figma 就是你们讨论交流的白板，发送给开发 Figma 就是在线的标注工具。而 Smart Selection 则是笔者最喜欢的功能之一。Smart Selection 主要是用来批量操作矩阵，帮助设计师一步到位调整布局，省去拖拽、调间距等繁琐的操作。△ 通过Smart Selection快速操作列表间距与排序｜图片来自Figma Twitter类似的功能最早出现在 Adobe XD 上，后来 Framer X 也增加了自己 Stack，实现了 CSS 的 Flex 布局一样的效果，Figma 也在去年 10 月左右跟进上线了 Smart Selection，并且经过三个月的迭代从原本只能单独控制行或者列，进化到可以控制矩阵。△ 通过Smart Select快速布局内容｜图片来自Figma Twitter2. 为创造高效生产环境而生的Figma毫不夸张的说设计师的日常工作只有 20% 的时间在发挥创意解决问题，80% 的时间都在重复一些机械操作改颜色、改间距、改排列、改命名等等，最后还要整理文件同步文件，这些都让整个设计工作冗余、低效还无趣。Sketch 每个版本更新后除了更卡、bug 频出、插件又没法用、旧版又没法打开新版文件之外，几乎看不到其主动为设计师创造更高效的生产环境而作出的努力。即便是最近上线的 55 增加的 Smart Distribute 与 Create new layers from SVG code，还是 56 将会上线的 Team Collaborate 提升生产力的功能都是非常被动的从 Figma 抄袭搬运，虽然这些功能在 Figma 上已经上线了半年甚至一年之久。相比不思进取的 Sketch，Sketch 的插件们为了提升设计效率倒是异常的用力，可惜的是优秀的插件却越来越少，从 Measure、Paddy 的退出可以瞥见 Sketch 的插件生态已经大不如前。对比 Sketch，在越发深入的使用 Figma 后，越会发现 Figma 是一款更为先进、更理解设计师工作方式和需求的界面设计工具，除了刚才列举的数个提升生产体验的功能，还包含着大量细节，如矢量网格、批量组件化，快速复用属性，链接 Google Fonts 等等，都在帮助设计师从低效的泥沼中解放…

想取代 Sketch 的 Figma 好不好用？我花了一年时间给你答案！
type: item
date: 2019-06-05T16:37:28+08:00
description: 第一次知道 Figma 是在 2016 年，但真正用起来还是在去年。那时苦于 Sketch 每次更新都会导致一些插件不能用，且界面不够精致，一直想要为它找一个替代品。直到后来尝试将自己的个人项目都导入到 Figma，这才开始在 Figma 中尝试设计。△ 我的设计文件￼因为 Figma 是基于 Web 的，也就是在线的网页，我总觉得使用起来会受限于性能，而不够流畅，这也是我前几年不敢去用的原因。但直到我真正使用起来，才发现操作非常流畅，而且文件都在云端，免费版保留最近一个月的历史记录，再也不用「最终版1」「最终版2」这种方式管理设计文件了。而随着使用加深，我发现 Figma 的交互也非常符合直觉，还有很多精心设计的小细节。借用一位朋友的话来说，「这是一群设计师为设计师打造的设计工具，让大家专注于设计本身，而不是在设计时还要克服工具自身影响效率的因素」。下面我结合我的使用经验说一说我是怎样用 Figma 做设计的，以及这一年以来我的一些使用心得。我的设计流程在此之前，先说一下我的背景。我平时会做很多业余项目，大多是网页和小程序，平时还会做一些公众号的封面和插图，基本都是在 Figma 中设计完成的。△ 平时处理的一些公众号封面等￼1. 初稿构思一般当我有了一个想法时，我会先在 Figma 中随意勾画出一个初稿。然后，我会在这个基础上不断修改，不断完善自己的想法。这其实相当于原型设计阶段，在这个过程中我不会在意样式是否美观，只会在意功能、结构是否合理。△ 某一个产品的初稿￼因为我的想法会不断变化，说不准什么时候有一个新的想法会加进去，所以在这个阶段它的变化会很大。因为 Figma 可以自动保存最近 30 天的历史（付费版可以保存所有历史），所以你不用担心自己突然想要回到之前的某个版本而没有保存。尽管大胆地构思设计，你可以随时恢复到之前的版本。△ 恢复至某一版本2. ￼设计调整接下来我就会开始调整样式，细化设计了。这个过程中我会用到两个比较重要的东西 —— 组件和栅格。组件可以用来设计重复性模块，提高效率，栅格则可以让我的设计元素的分布保持一致的比例。所谓组件，类似于 Sketch 中的 Symbol、PowerPoint 中的母版，用于绘制可复用的元素。比如说在我的设计中有一个卡片列表，我会在旁边先做这个卡片，微调它的样式，等差不多满意时再复制出多个放到页面中。△ 组件￼最原始的组件叫做 master，而从它复制出去的组件叫做 instance，当你调整 master 的样式时所有的 instance 都会跟着同步。Figma 允许将 master 组件就近放在页面旁边，这样是极其方便的，因为后面难免需要调整细节，这时候你就可以边调整 master 细节边看它在整个页面中的效果，比如下图中我想看一下将 logo 放大的效果。△ master 组件同步到 instance￼而反过来，当你调整 instance 的部分样式时，master 是不会跟着变化的。这样就保证了灵活性，因为总有一些 instance 需要和其它 instance 有一点区别。说完组件，再说说栅格的妙用。在 Figma 中我们可以给页面（即frame）和组件添加栅格，而栅格可以添加网格、行和列。在页面中添加网格可以帮助你对齐元素，但我一般会添加列栅格，因为它可以帮助我把元素排列为等分的几列，并保持元素间隙。下图中红色长条就是列栅格，它将中间内容区域均分为 12 列，我就可以把里面的元素按照 1-8-3 的比例布局。△ 栅格系统￼如果将栅格和组件联合起来，就可以设计出固定内边距的效果。我给卡片组件就设置了一个行栅格一个列栅格（蓝色背景），它们就给整个卡片四周划分出了一个固定的内边距。当我把里面的文字图层的 constraints 设定为左右固定并将它左右边缘对准栅格边缘时，当我放大缩小卡片时这个文字图层就会保持左右的内边距固定。△ 组件+栅格￼用一个动图表示一下，上面这个使用了栅格，下面的没使用，此时上面图片的四周就会紧贴着栅格边缘。△ 组件+栅格动态示意3. 添加交互最后，为了体验真实的效果，我会给它添加一些交互效果。Figma 自带的交互动作包含了跳转、显示浮层、打开链接等，而触发方式包括点击、鼠标悬浮、延时等，还有滚动固定等效果，足以做出一些基本的交互效果了。△ 交互原型￼如果是移动端，我可以用手机直接打开 https://figma.com/mirror 来预览效果。这很方便，不需要额外下载 App，只需要在手机上登录一下就行了。当然，整个设计过程中还会有很多细节会让你觉得十分方便。比如说使用 Fill 来统一代表背景色和文字颜色，方便同时调整文字和图层。还有 Smart Selection 可以让你快速选择一些元素，将它们对齐，并随意互换两个元素的位置。…

Sketch 55 Beta版本探秘，看看都有什么新功能！
type: item
date: 2019-05-09T17:16:57+08:00
description: 当我们还沉浸在 Sketch 54 版本带来的中文版喜悦中时，还不到一个月的时间，55 Beta 版本最近也被官方偷偷释放出来了，更新频率比之前加快很多，是个好现象。Sketch 54 版本的新功能可以看这篇→《Sketch 54 Beta版本探秘，超多好用新功能等你发现！》。虽然 54 版本带来了官方中文版界面，但却是跟随系统语言强制使用的。很多小伙伴习惯了英文版之后对此不太适应，这里提供一个还原英文界面的方法→《还我英文界面！Sketch54设置英文版的方法》。Sketch 55 版本下载地址： Beta版本地址需要注意的是，Sketch 55 要求 Mac 系统版本是 macOS High Sierra 10.13.4 及以上。下面是 Sketch 各大版本对应的 Mac 系统版本，如果遇到新版的 Sketch 打不开就需要检查下自己的 Mac 系统了。Sketch 55 系列版本需要 macOS High Sierra 10.13.4 及以上Sketch 54 系列版本需要 macOS High Sierra 10.13.4 及以上Sketch 53 系列版本需要 macOS High Sierra 10.13.4 及以上Sketch 52 系列版本需要 macOS High Sierra 10.13.4 及以上Sketch 51 系列版本需要 macOS Sierra 10.12.2 及以上Sketch 50 系列版本需要 OS X El Capitan 10.11.2 及以上Sketch 49 系列版本需要 OS X El Capitan 10.11.2 及以上其实 Sketch 54 版本除了中文版界面和参考线优化之外，并没有带来大的新功能，那么 Sketch 55 会给我们带来什么样的惊喜呢？一起来看看吧。SVG代码直接粘贴为SVG形状我们平时在使用矢量图标的时候，经常会到一些网站去下载 SVG 格式，然后直接复制文件到 Sketch 中使用。比如 Iconfont 这个网站，相信大家都不陌生，里面的图标提供 SVG、PNG、AI 三种格式，很贴心。本次 Sketch 55 版本新增了 SVG 代码直接粘贴为 SVG 形状这个功能。只要拥有 SVG 图标对应的代码，就可以直接复制到 Sketch 中显示为形状。比如下面这个例子，直接把 UI黑客 logo 的 SVG 代码复制到 Sketch 中即可使用。假如在 Sketch 54 及以前版本中这么做，会粘贴为一大堆代码。不过，实际工作中直接下载 SVG 文件粘贴到 Sketch 会比拷贝代码更方便。看起来是一个比较鸡肋的功能，但如果遇到无法直接下载的 SVG 图标，就可以用到它了。拿 Iconfont 主页的 logo 做例子，本身是个 SVG 图标而不是正常图片格式，我们无法直接另存为使用，查看网页元素是一堆代码。那如何获取这个图标的文件呢？可以这么做：在 Chrome 中右键查看元素，找到 svg 开头的标签，右键 – Copy – Copy element，然后粘贴到 Sketch 就可以看到形状了。关于 SVG，对于我们设计师来说是一个矢量的图片格式，但它本身是指可伸缩矢量图形（Scalable Vector Graphics），使用 XML 格式定义，是 W3C 的一个标准，被绝大部分浏览器支持。格式结构有点类似于网页 HTML，也可以简单理解为一种代码的可视化。图层间距调整功能我们经常会遇到多个对象间距调整的问题，一般情况下间距都是统一的，如果遇到间距修改就需要一个个调整。现在在 55 版本中选中多个元素，右上角的属性面板中会多增加个间距属性，分为水平和垂直。利用这个功能我们可以同时调整元素之间的间距。也可以把鼠标 hover 在全选的元素上，间距里面会出现白色的小竖条，通过拖动小竖条来统一改变间距数值。如下图：不过还有一点需要注意，目前只能通过多选元素来调节间距，如果做成组的话功能就无效了，大大降低了实用性。因为正常情况下为了保持图层的可读性和条理性，编组是一个很好的方法和习惯。只能看官方在正式版的时候能否优化这个体验了。总之是个不错的功能，但是很多插件都已经具备了，比如 Kitchen 插件的间距功能，Flavor 插件的快速复制功能，Anima 插件的 autolayout 功能，Sketch 官方在这方面还是慢了很多步，聊胜于无吧。关于间距、排版方面，Kitchen 插件有着更加强大的功能，具体看这两篇文章：《用这个 Sketch 的黑科技，让你快速掌握智能排版！》《用这个 Sketch 的黑科技，让段落自动排版！》以上就是 Sketch 55 Beta 版本新增的两个主要功能亮点，其他的包含一些性能提升和 Bug 修复。体验后感觉也并不是…

超详细评测！2019年值得关注的四个原型制作工具
type: item
date: 2018-12-12T21:00:58+08:00
description: Cezary Ołowski ：如今各大公司在产品功能竞争上，比起之前口若悬河的宣传，现在更多的是将功能直接展示出来。相信你也有过这种经历，有时用言词解释某些 idea，倒不如在白板或者纸上写下来更省时、易懂。而这张纸上的说明就是原型。再来想象另一种情况。你对陶器很着迷，打算打造一种新型的喷水壶。此时明智的方法是和朋友快速制作一个简易模型。因为你不想一上来就开始建立庞大的生产线，而只是希望先检验你的想法是否有漏洞。而这个模型正是原型。无论你是要开发一个新的 App 还是要制作个喷水壶，原型设计作为设计流程中的一步，可以帮助你验证自己的想法、向他人说明自己的设计、还能在用研中帮助检验用户体验。如果把设计看作是一种沟通手段，那么经过原型打磨过的设计可以让用户每次和你的产品沟通时，都会有一段愉快的对话。用户会喜欢什么样的「话题」，也可以通过原型先测试一下，把那些让人不知所措的冷笑话排除掉。这个打磨沟通的过程，就是原型设计。那么，应该使用什么样的工具制作原型？这很大程度上取决于你想要实现的效果以及制作原型的目的。选择合适的工具对于开发和客户的沟通至关重要。同时，选择符合呈现效果复杂度的工具也很重要，如果只是想制作按钮的简单悬停状态，则无需构建整个屏幕。切忌不要用大炮打麻雀。挑选工具前，我们需要制定一个挑选标准。我关注的几个因素是：1. 易用性学习一款工具有多难？可以不费劲的快速自学还是需要专门费力研究？2. 协作效率这点是原型设计的核心价值。原型是否容易分享并留言评论？如何与你的团队以及客户沟通？留言管理、链接分享、云端文件管理，是否可以快速下载并离线预览，不同的使用情景需要不同的功能支持。3. 保真度原型看起来是否够逼真？还是像一个线框图大致展现一下思路？高保真原型更适合做用户测试，这样用户可以更加关注产品的流程或者功能，而不会因为原型的低劣保真度分心。低保真原型更适合设计的初期想法，此时你不需要在意具体细节。4. 流程衔接该工具是否适合现在的工作流程？它是否可以很自然地同现在的工作方式衔接？这一点非常重要，没有什么比穿着不合脚的鞋子更糟心了。一、Framer X官网链接：https://framer.com/Framer 已经上线有一段时间了。它的前身——Framer Studio 是用来制作高阶且复杂的交互原型，比如可以键入信息、调用设备传感。不过它也有一个缺点，就是需要 CoffeeScript编程基础。Framer X——最新上线的版本，功能强大且入门门槛低了很多。现在你仅需点击几下就可以制作和之前一样的高阶交互效果。无需任何编程知识仍可达到编程制作的效果。可自定义页面过渡、轻松创建滚动组件以及可滑动的 UI元素，而且元素还可以快速响应。但是如果你需要在原型上添加一些额外的高大上效果，那你就要到一家商店，里面都是用 React编写的代码组件：YouTube播放器，UI工具包，货币转换器，可交互式地图组件。如果懂 React，你也可以自己建立组件以供自己或他人使用。更棒的是，还可以直接交付代码给开发套用，减少沟通中的摩擦和误解。实际上，Sketch 是静态设计工具中的老大，但它却并不理想。因为设计师产出的是图像，而开发人员需要使用 Invision 或 Zeplin等工具将图像再转换为代码。Framer X 旨在让设计师不仅可以绘图，还可以从多个方面考虑设计，从而让产品的各个环节更加紧密地联系在一起。1. 易用性如果你很熟悉 Sketch，就可以顺畅无阻地转换到 Frame X。两者的主要不同是在创建布局时，Framer X 使用的是框架而不是组。框架就像是一个 HTML 的容器，可以将素材等放到隐形容器内，这些框架易于操作和调整样式。Framer X 还有更多强大的功能，比如 Stacks。使用 Stacks 可以轻松创建具有自动分发和对齐功能的自定义列表，非常方便。但是，如果要创建更高级的组件，则需要一些 React 基础知识。这可能会吓跑一些设计师，尤其是那些主张「设计师不应写代码」的人。综上，在易用性方面，Framer X 获得五颗星中的三颗星。2. 协作效率这一点，Framer X 做的很不好。除非把源文件发给对方，否则无法将项目转交给客户或开发人员，这真是太不友好了。Framer Studio 有个很赞的功能，就是你可以将原型上传到云端，这样就可以在任何地点访问该链接。此外 Framer Studio 还支持下载后离线使用。而 Framer X 则没有这些功能。虽然仍可以生成共享链接，但一旦关闭文件或手动停止实时预览，它将自动变为无法访问。我相信 Framer 团队有能力解决这个问题，但现在我只能给一颗星。我是认真的，Framer团队！3. 保真度这点可以弥补刚刚 Framer 失去的分数。制作高保真原型从来不是一…

Office 2019 迎来最重磅的更新，这 10 个新功能你不能不知！
type: item
date: 2018-10-22T23:12:56+08:00
description: 前阵子是微软一年一度的 Ignite 大会。而其中最引人注目，也是与我们一般人最息息相关的消息，当然是 Office 2019 的正式发布。尽管 Office 2019 所更新的功能，对于 Office 365 的订阅用户而言，已经称不上什么新鲜事，但对于迟迟未订阅 O365 的 Office 2016（甚至更早版本）的使用者来说，可以说是一大福音。它涵盖了 Office 365 这三年以来的重磅更新，让更多 Office 使用者无须每年花钱订阅，也能享有这些望眼欲穿的新功能。以下就让我们来盘点，相较于 2016 版，Office 2019 新增了哪些强大的功能吧。△ 新版 Office 2019 的启动画面一、PPT 篇：打造 3D 电影级的演示我们先来谈谈 PPT 2019 中所新增的功能。主要是以打造冲击力更强的演示为目标的「平滑切换」和「缩放定位」功能，另外也先介绍在 PPT、Excel 和 Word 的「插入」选项卡都具备的「3D 模型」和「图标」。1. 平滑切换提到苹果的演示软件 Keynote 的动画效果「神奇移动」，相信大家都不陌生。而在 Office 2019 之后，PPT 也加入了同样的效果，也就是页面间的切换动画——「平滑」。△ 切换动画中的「平滑」「平滑」的具体效果，在于让前后两页幻灯片的相同对象，产生类似「补间」的过渡效果。由于它不需要设置繁琐的路径动画，只需要摆放好对象的位置、调整好大小与角度，就能一键实现「平滑」动画。可以说是相当高效的功能，同时也能让幻灯片保持良好的阅读性。△ 「平滑」的演示效果△ 「平滑」的演示效果除此之外，利用「平滑」搭配「裁剪」等进阶技巧，还可以快速做出很多酷炫的动画效果。例如：2. 缩放定位如果说上述的动画效果「平滑切换」取自 Keynote 的「神奇移动」，那接下来要介绍的「缩放定位」，就很类似于另一款演示软件 Prezi。△ 「缩放定位」功能「缩放定位」是能跨页面跳转的效果。在原有的 PPT 中，我们只能依照幻灯片顺序来演示。而在这项功能加入之后，你可以插入「缩放定位」的页面，页面中会插入幻灯片的缩略图，让你直接跳转到相对应的幻灯片。对讲者来说，是大大提升了演示的自由度和互动性。△ 「缩放定位」的演示效果除了作为目录或导览页来跳转以外，你也可以为幻灯片做点设计，搭配「缩放定位」让演示效果更加生动。3. 3D 模型如果说「平滑切换」和「缩放定位」这两个强大的功能，还属于演示软件的范畴的话，那接下来要介绍的新功能「3D 模型」，可以说是演示软件的一大突破。当你打开 PPT 2019，就能在「插入」选项卡中看到「3D 模型」这个新功能。让你能够在 PPT 中插入 3D 模型。目前 Office 系列所支持的 3D 格式为 fbx、obj、3mf、ply、stl、glb 这几种，导入 PPT 中就能直接使用。△ 插入「3D模型」在插入「3D 模型」后，你可以搭配鼠标拖曳，来改变它所呈现的大小与角度。而搭配前面所提到的「平滑」切换效果，则可以更好地展示模型本身。△ 「3D模型」的展示除此之外，在 PPT 中的「3D 模型」又自带了特殊的「三维动画」，包括「进入」、「退出」以及「转盘」、「摇摆」、「跳转」三种强调动画。为「3D 模型」添加它特有的「三维动画」，可以让你的演示更加生动活泼。△ 「3D模型」的动画4. SVG 图标我们都知道图像化表达比纯文本能更快、更好地展示信息。因此，图标使用一直是 PPT 设计中不可或缺的一环。以往由于 PPT 软件的限制，我们只能在 PPT 中插入难以编辑的 PNG 图标；如果要插入可灵活编辑的矢量图标，就必须借助 Ai 等专业的设计软件开启后，再导入 PPT 中，使用上非常不便。在 Office 2019 中，微软为我们提供图标库，图标库中细分出很多种常用的类型，方便我们查找使用。你只需要以「插入 – 图标」就能快速插入你需要的图标素材。△ 插入「图标」此外，我们还能直接导入 SVG 这种最常见的矢量图。同时可以藉由图形工具中的「转换为形状」将图标拆解开来，分别编辑它每一部份的大小、形状和颜色。让我们往后使用图标时，都能更好地去编辑它。△ 将图标「转换为形状」二、Excel 篇：更高效的新图表和新函数在谈完 PPT 的新功能之后，接下来也简单说说 Excel 2019 中，我们最容易用到的新功能。1. 漏斗图在以往要做出漏斗图，我们往往需要对条形图设置特别的公式，让它最终能呈现左右对称的漏斗状。而在 Excel 2019 中，我们只需要选中已输入好的数值，接着依序点击「插入 – 图表 – 漏斗图」，就能一键生成漏斗图了。△ 「漏斗图」的使用2. 地图在分析销售数据时，往往会需要利用专业的软件，在地图上标以深浅不同的颜色来代表销售数。而这样的图…

2019版PS功能那么牛，但同事把我P得像个狗…
type: item
date: 2018-10-20T23:59:45+08:00
description: 用最新版的 PS撸最骚的图。最近 PS爸爸更新了，为了能够给大家带来言简意赅、通俗好记的版本测评，我连夜下载Adobe Photoshop CC 2019，赶制出了这篇别具一格的测评。​这次新功能还挺好用的，比如：「3秒制作老干妈logo」「一键还原老板发际线」等等。△ 点击查看完整视频​​​当然，除了这次 pc上的 ps更新之外，photoshop 还更新了 iPad版本。△ 点击查看完整视频这样设计师就能够「随时随地改稿啦」刺激得我昨晚都睡不着了呢，还好我没钱买 iPad。欢迎同学们关注最充满智（dou）慧（bi）的设计账号：「Adobe全家桶新功能全在这里」《Adobe CC 2019 重大更新！附官方试用版下载链接》《官宣！Adobe CC 2019 全家桶新功能全在这里了！》《刚刚免费的Adobe XD 是Photoshop 杀手无疑了》作者： 你丫才美工