2021 优设年度榜单！设计师喜爱的十大生产力装备
距离2022 还有 1 个多月时间，过去的一年是如此不平凡，我们经历了奥运夺冠、建党百年、神舟问天开启逐梦空间站时代。这一年，防疫似乎也逐渐成为了我们生活的一部分，学生和老师们适应了用电脑手机上网课，很多人也开始习惯居家办公和远程协作，以往的生活方式和工作模式都在发生改变。这期间涌现出了许多生产力工具，极大地提升了设计师们的工作效率。一共20件宝贝！这里有课代表归类了，访问更有仪式感、设计感的专题页如何提升生产力？这是设计师心中永恒不变的话题。每个人对这个问题都有自己的答案。是看书、买课提升自身能力？或是学习新的软件和新的设计风格？还是购买新的装备提升工作效率？为此，我们在网站、微博和微信群里做了一份调查问卷，向众多设计师们征集最有生产力的装备和工具。通过这份 1356 人的问卷，我们整理出了一份2021年《十大设计师喜爱的生产力软件应用》和《十大设计师喜爱的生产力硬件外设》专题文章，以供要提升生产力和升级装备的设计师们参考。这些产品，我们统一都整理进了这个专题页里，你可以直接点击进去查看专题：《2021优设年度榜单》十大设计师喜爱的生产力软件应用Adobe全家桶：行业标准制订者功能特点：入行必学 | 软件联动 | 图像处理软件官网：Adobe（https://www.adobe.com/cn/）说起设计软件，哪怕是完全不懂设计的人，也能随口说出「在吗？帮我 P 张图」，这里的 P 其实就是指的Photoshop，由此可见 Adobe 软件的江湖地位是多么深入人心。Adobe 公司成立至今将近40年时间，软件产品囊括修图调色、排版印刷、插画手绘、影视后期、动画制作、音频制作、UI与UX设计、网页开发等多个行业类型，几乎覆盖了创意设计工作的方方面面。Adobe 全家桶软件，在各自的专业领域都有着无可替代的作用，各个软件间的联动性和强大功能，带动了例如摄影摄像、网络印刷、影视工业、互联网等许多高新行业的快速发展，为后来的无数创意软件提供了灵感。目前市面上几乎所有的修图调色软件里，都能看到 Adobe 软件的影子，是当之无愧的行业标准制订者。Sketch：专为UI设计而生功能特点：矢量编辑 | 无限画布 | 智能组件软件官网：Sketch（https://www.sketch.com/）随着 2013 年苹果公司正式发布 iOS 7，UI设计正式进入扁平化时代，随之而来的便是互联网行业的高速发展，成千上万的大小企业开始投入到 App 开发的行列。舍弃了拟物化那些复杂的光影设计，Photoshop 等传统设计软件在 UI 设计工作中开始变得繁重起来，这让 Sketch 一跃成为 UI 设计师心中的最佳工具。优雅的界面正对设计师的审美口味，无限画布可以任意发挥创意空间，智能组件功能为设计师省去大量重复性操作，轻量化的功能让 UI 设计变得更加专注。此外，许多开发者也为 Sketch 提供了超过 700 多种强大的插件支持，例如字符/图表自动生成、插画素材调用、自动填充高清图片等诸多实用功能，更加丰富了 Sketch 软件的使用场景。遗憾的是，Sketch 至今已经更新到第 78 个版本，自始至终只支持 Mac OS 系统，对于用户占比更大的 Windows 用户来说，便无缘体验这款软件了。Figma：风靡全球的UI神器功能特点：全平台使用 | 实时协作 | 响应式设计软件官网：Figma（https://www.figma.com/）很难相信，Figma 发布至今仅仅 5 年时间，它的使用人数已经逐步超越 Sketch，成为国内外各大互联网团队热捧的设计工具，微软、谷歌、阿里、腾讯、网易等大厂的设计团队，也逐渐转入 Figma 阵营。工具和技术一样，短短几年就会迭代出新的形式。Figma 能够一路突飞猛进获得如此迅速的发展，取决于他们借助浏览器作为载体，这意味着设计师不需要下载安装应用程序，打开浏览器就能开始做设计。同时也直接解决了操作系统的问题，不管你是用 Windows 还是 Mac，再也不用顾虑软件下载、升级安装以及兼容性等一系列麻烦。而 Figma 的实时协作功能也是一大亮点，它可以支持多人同时编辑一个文件，历史记录会保留每一个修改的版本，是谁做了哪些修改都清晰可见，很大程度省去了成员协作时交接、命名等繁琐操作，也更加方便异地合作的成员之间协同完成项目，这一切都只需要一个浏览器就能完成。CINEMA 4D：艺术表现新维度功能特点：建模 | 动画 | 材质渲染 | 动力学模拟软件官网：CINEMA 4D（https://www.maxon.net/zh/cinema-4d）CG 技术的进步，成就了诸如漫威宇宙、迪士尼动画等众多影视项目的蓬勃发展，而 C4D 在其中扮演了非常重要的角色。如今，C4D 正式进入创意、广告、科技、电商等领域，也逐渐成为设计师必学的软件之一，这都依赖于它强大的材质、动画、动力学模拟以及渲染能力。它可以模拟出逼真的色彩、光影、反射、纹理等质感，金属、玻璃、木头、塑料、织物等等统统不在话下。它也能还原真实的物理动态，不论是刚体跌落碰撞还是柔体积压弯曲，亦或是空气动力学中的气流与飘动，C4D 都能完美重现。C4D 还具有强大的光照系统，可以通过调整光线、阴影、光通量等选项，模拟出太阳光、灯泡、灯管等真实的光照效果，配合上像 Octane 这样强大的渲染器，就能制作出效果惊人的作品。Procreate：为艺术家而生的绘画工具功能特点：丰富笔刷 | 手势操作 | 逐帧动画软件官网：Procreate（https://procreate.art/）作为 iPad 付费 App 排行榜的第1名，Procreate 可以说是当前平板电脑生产力的代名词，而它也是苹果公司发布会里的老面孔。经过 10 年的不断更新，Procreate 已经到了 5.x 的大版本。它自带铅笔、墨水、炭笔、纹理、材质等超过 200 款丰富笔刷的画笔库，你还能对每个笔刷进行形状、颗粒、锥度、平滑度、动态等更细致的调整，从而达到理想的绘画效果。如果只有一堆笔刷，并不能让 Procreate 成为如此厉害的创作软件。它清爽的界面和极简的操作逻辑，让新手很快就能上手操作，配合手指触控可以实现更多功能。色彩助手包含 5 种常见色彩管理和配色方式，还有色彩调整和渐变映射滤镜，让色彩搭配也更加得心应手。此外，它还拥有速创形状、色彩快填、自由变换、文字编辑、图层编辑等非常高效实用的功能，是插画师和创意工作者非常值得尝试的一款生产力工具。即时设计：浏览器就是设计工具功能特点：中文界面 | 完全免费 | 云端素材库软件官网：即时设计（https://js.design/）在线设计已经被 Figma 证明了是未来的必然趋势，而「即时设计」仅用一年时间，就让中国设计师紧紧跟上了全球设计软件的步伐，发展为一款成熟的在线设计工具。这款真正符合国情的软件，不仅同样基于浏览器场景开发，无需下载安装就能直接开始工作，更有着让人倍感亲切友好的全中文界面、文档和客服，并且完全免费，不花一分钱即可使用全部功能，完成 UI 设计、原型框架和交互动画等需求。最重要的多人实时协作，它也做得足够本土化，在设计师的协同创作之外，还有着同时支持 Web 端和移动端的在线评论反馈，以及国内开发人员更习惯的切图预设、批量导出以及标注参数和代码复制等，都能通过同一个链接实现 。官方还提供了数百套的在线设计资源，包含设计规范、组件、模板、图标、插画、线框及样机等类型，可以省去下载步骤一键使用，大幅提升工作效率，让你有更多时间专注于优化产品视觉和体验。另外，它还提供了更完善的文件迁移，支持导入Sketch、XD 等格式直接编辑，甚至允许导出 Sketch 文件；还有云端个人资源库、字体库，更友好的文件管理体系等等，都深受设计师喜爱。字由：好字体一键拥有功能特点：云端同步 | 字型筛选 | 一键应用软件官网：字由客户端（https://www.hellofont.cn/download）除了忘记保存和改稿加班，「三句话让某公司花了好几万」的传说，也是设计师心中有苦难言的恐怖故事。而字由的出现，让商用字体从动辄上万的奢侈品，正式变成设计师们产出优秀作品的得力帮手。作为国内首家字体管理软件，字由整合了中文简、繁和西文、日文、韩阿拉伯文、韩文、越南文等超过 2623 款字体。其中仅免费商用字体就有近900种，会员可商用字体达到 222 种，这个数量还在持续增长之中。字由打通了和 Photoshop、Illustrator、After Effects、InDesign、Word、PowerPoint 等软件的联动性，你不需要单独下载安装字体文件，只需要打开字由，选择合适的字体，轻轻点击就能应用到设计软件之中。软件也支持字体筛选，你可以按照语言、字型、字体风格、字库品牌进行更精确地筛选。除了自身强大的字库开发团队，他们也和像优设这样有字体设计能力的团队合作开发高质量字库，持续扩充字由软件的字体品类，让设计师在工作中能有更多不同的优质字体可供挑选使用。Eagle：素材管理轻而易举功能特点：拖放采集 | 颜色搜索 | 文件夹管理 | 多种格式支持软件官网：Eagle（https://cn.eagle.cool/）每个创意工作者都有自己的素材库，如果你试过把素材都存在电脑里，那你一定也为分类整理和回看搜索而头疼过，Eagle 的诞生能直接提高你的素材管理效率。Eagle 可以轻松收集及整理设计项目的各种素材，你可以用它来管理自己的案例、灵感、截图、图片、音频、视频、PSD、AI、Sketch 等格式的源文件，甚至是字体、导图、文档、幻灯片、PDF 或者三维模型等多种文件和素材类型。官方还提供了浏览器插件，将网页中的图片拖拽或截图，就能直接采集到软件中，如果网页里有多张图片，可以使用批量收藏一键采集多张图片。Eagle 软件的管理功能更加强大。它可以为素材添加标签、注释以及链接，方便搜索与筛选。如果同一类素材你还想细分，可以使用多层级文件夹进行更细致地整理。筛选功能允许使用形状、尺寸、日期、类型、网址甚至是颜色进行分类查找，让素材搜索变得省时和高效。在文件夹里，可以直接通过鼠标悬停或者空格键进行预览，GIF、音频、视频都能自动播放，在最短时间内就能查看素材内容。瀑布流和自适应式的布局，让对齐强逼症们也有了不同的选择，一屏展示多少内容，拖动缩放滑竿就能任你控制，真正做到了如流水般的浏览体验。稿定设计：人人都能做设计功能特点：海量模板 | 在线编辑 | 操作简单软件官网：稿定设计（https://www.gaoding.com/introduction）复杂又庞大的设计软件，一直以来都是设计行业的高门槛，而稿定设计直接拆掉了这道门槛。同样是依靠浏览器作为载体，不用下载和安装，输入一行网址就能做设计。稿定设计提供了超过 20 万个高质量、可商用的案例模板，内容包含图片海报、公众号物料、广告 Banner、壁纸头像、LOGO、PPT、视频、H5、网店装修等多种类型，几乎涵盖了生活常见设计物料的方方面面，这给非专业人员带来了巨大的便利。每套模板中的文字、图形、图片素材都可以独立编辑，你可以选择适合的字体、配色，也可以替换文本、人物、场景等内容，这些操作只需要简单的选择、移动或者拖拽就能完成，所有操作都非常友好。同时它还支持云端存储，不用担心忘记保存或者源文件损坏这种问题，历史文件在草稿箱里都可以找到。如果你有日常简单的设计需求，或者亲戚朋友想让你帮忙做东西，那么稿定设计这个工具一定能帮你维护好人际关系。Blender：连苹果都看好的新宠功能特点：免费开源 | 自定义界面 | 全平台支持软件官网：Blender（https://www.blender.org/）对于设计爱好者或者自由职业者来说，免费开源绝对是让人无法拒绝的原因之一。而 Blender 正是靠着开源的优势，2020 仅 1 年时间，就在全世界获得超过 1400 万次的下载量。从去年开始，Blender 终于火到了国内，官网统计来自中国的流量增长超过了 70%，今年这个数据还会再次扩大。许多 3D 艺术家也开始使用 Blender 进行创作，众多面向基础入门的教学内容也逐渐受到关注，我们的优优教程网就已经上线了免费的《Blender零基础入门系列教程》，而这些也会进一步推进软件的普及和使用。Blender 拥有众多庞大的社区支持，随着今年10月份，苹果公司宣布加入 Blender 发展基金，目前已经有近 30 家企业支持 Blender 的发展，其中包含了 EPIC、NVIDIA、AMD、微软、Adobe、英特尔、谷歌等知名科技公司，这意味着未来 Blender 也将获得更多平台和技术支持，软件的发展及应用前景让人倍感期待！十大设计师喜爱的生产力硬件外设Apple iPad Pro：设计师手中的生产力功能特点：精致便携 | 性能强悍 | 随时随地创作产品主页：Apple iPad Pro（https://www.apple.com.cn/ipad-pro/）「买前生产力，到手爱奇艺」这是很多人对 iPad Pro 的直观评价。目前看来，只有设计师才能真正能体现出它的生产力，而 Adobe 发布移动版 Ps、Ai，Procreate 稳居 iPad 付费榜第一，这正是设计师生产力的体现。苹果的 M1 芯片有多好不用我多说，而它给创作者带来的直观提升是，你可以把画布建的更大一些，图层可以更多一些，色彩可以更丰富一些，设备对想象力的限制更小了，设计师的发挥空间更大了。于是 Adobe 也已经把 Ps、Ai 这些软件移植到了 iPad 上，这样修图调色、海报制作这些工作，也都可以借助 iPad 来完成，随时随地就能掏出平板开始改稿。最新版 iPad Pro 支持 5G 网络，在外使用就能拥有更快的网速。更加高清的 1200 万像素摄像头，视频体验也有了更大的提升，和朋友视频、远程会议、网课教学都能有更好的观看体验。配合 Apple Pencil 和键盘，可以拓展出更多的办公场景。最新的 iPad OS 系统也有了分屏多任务处理的功能，回邮件的时候打开便签，看视频的时候回复消息，或者画画的同时展示参考图，这些事情都可以同时做到。连上鼠标和键盘，它也就有了跨设备操作的能力，真正实现了多平台同步的高效体验。明基 PD2700U 4K 显示器：呈现视觉影像生命力功能特点：设计师专显 | 4K分辨率 | 显色精准产品主页：明基 PD2700U 4K 显示器（https://detail.tmall.com/item.htm?id=577120244303）导致设计师反复改稿的原因，不一定是做的不对，可能只是少了一台精准还原设计稿的装备，但凡你有过一次大屏高分辨率显色精准的工作体验，就很难再回到原来的状态里了。明基 PD2700U 是专门为设计师准备的工作装备，它有 27 寸屏幕，高达 4K 分辨率，不管你用它制作的是大色块的海报或网页，或者是色彩丰富的插画、照片或视频，它都能还原出准确的色彩效果，显示器经过 Pantone 国际色彩认证，每一台出厂前都有专业的人员给你做好了色彩校正，接上你的主机或者笔记本就能直接使用。面向视频、平面或者室内等不同方向的设计师，PD2700U 预设了 7 种图像模式。普通用户或者平面设计师，默认可以选择 sRGB 模式，视频后期可以选择 Rec.709 模式，其他还有像 CAD、动画设计、暗房、双色彩等，你就可以根据自己的使用场景自由选择。你也可以去官网下载 display pilot 管理软件，它能用来辅助管理显示器的色彩模式、桌面分区，甚至还可以针对不同的设计软件，设置不同的色彩模式。如果你有两台电脑，它自带的 4 条线路 11 个接口，可以接入 HDMI、DP 和 Mini DP 线路，不管是台式主机还是笔记本，都可以很方便进行外接显示，还有 4 个 USB 接口可以用来拓展连接鼠标、键盘或者 U 盘等其他外设。针对长时间观看屏幕的设计师，这台显示器还带有防蓝光和自动亮度调节，在没有作图的时候可以开启，一定程度上减缓眼睛的疲劳感。Wacom CTL672 手绘板：有颜有实力的入门基本款功能特点：颜值出众 | 轻巧便携 | 兼容性高产品主页：Wacom CTL672 手绘板（https://detail.tmall.com/item.htm?id=558799421450）许多刚接触手绘的新手，买手绘板会有很多顾虑。设备质量必须要好，但是又不能太贵，尺寸也不要太小，最好是颜值也高，这些听起来「离谱」的需求，居然被 Wacom CTL672 都满足了。Wacom CTL672 可以说是手绘新手入门的基本款手绘板，极简的外观，全身没有一个多余按键，尺寸刚好比 A4 纸小一圈，精致便携的同时也不会有局促感。自带专家级别的 2048 级压感，配合磨砂质感的板身材质，体验就像用真实的铅笔在纸上作画，能够准确感受并反馈笔尖上的细腻变化。对于手抖星人来说，最怕的就是画的线歪歪扭扭，Wacom 的抖动修正功能可以确保每次下笔都能画出连续平滑的线条。手绘板支持 Win 和 Mac 两种系统，台式机和笔记本都能用 USB 轻松连接使用。除了配合 PS 软件进行绘画、修图等创作，Wacom 还同时兼容 Ai、Ae、Pr、Au 等设计软件，以及 Word、PPT、Excel 等办公类软件，你可以用它来做矢量绘制、远程演示、手写标注等操作，从而优化工作流程，提高工作效率。如果是想要一步到位的手绘大佬，也可以考虑更专业的 PTH660 手绘板或者 DTK1661 数位屏，顶级的 8192 级压感能带来更细腻的手感，自定义按键和显示屏幕，能为更高要求的项目带来更好的使用体验。乐歌 ET6 智能升降桌：拯救脊椎的办公装备功能特点：高度调节 | 桌面倾斜 | 拓展空间产品主页：乐歌 ET6 智能升降桌（https://j.youzan.com/TGBzS2）1个月前，B 站视频 UP 主@老师好我叫何同学 一条 AirDesk 视频，把乐歌的股价拉到涨停，这也让很多人第一次认识了乐歌，这个专做智能家具/办公桌的品牌。如果你想在家里搭建一个专属工作台，智能升降桌能直接提升你的舒适工作体验。常见的桌面高度是 78 cm 左右，身高偏矮和偏高都会感到别扭，乐歌 ET6 可以根据不同身高的使用感受，自由调节桌面高度，哪怕是家里的老人和小孩，也能找到最舒服的使用高度。长时间坐姿办公觉得太累，一个按钮就可以升高桌面改为站立办公，缓解你久坐办公的疲劳感。而乐歌 ET6 除了升降功能外，桌面前部的翻转桌板可以有 0-40° 的倾斜抬起，对于经常手绘的小伙伴会有非常有好的使用体验，即使是设计、阅读、写字这些需要长时间伏案进行的工作，可以有效减缓脊椎的压力。如果想要更多收纳空间，桌面下方还有一个 71cm 宽 7cm 高的隐藏式抽屉，尾端带有自吸阻尼部件，即使地面不平抽屉也不会自己跑出来。左侧还有一个可折叠的拓展面板，可以轻松在大小桌面之间切换，方便你灵活调整卧室或者工作间里的布局空间。在桌面空间有限的情况下，可以搭配乐歌的 Q3 显示器支架，让显示器悬空，这样就能腾出更多的桌面空间。支架可以夹在桌子边缘，确保稳定性的同时也不会破坏桌面。如果你预算不多，或者是在公司不方便换桌子，可以退而求其次选择更加轻便的何同学同款 M2S 桌面升降台，同样也支持升降调节，相比升降桌就会小巧许多，它的承重有 15kg，显示器、笔记本、鼠标、键盘、手机、水杯组合使用也毫无压力。Apple AirPods Pro：从此远离办公室喧嚣功能特点：机身小巧 | 续航稳定 | 环境降噪产品主页：AirPods Pro（https://www.apple.com.cn/airpods-pro/）你有没有一边工作一边听歌的习惯？打开软件，戴上耳机，这样才能全身心投入到工作。大耳麦携带不方便，有线的又经常会被自己绊到，AirPods Pro 或许刚刚好。AirPods Pro 自带降噪、通透两种模式，正常办公就可以打开通透模式，同事喊你也不怕听不到。专心作图、剪片或者写稿的时候，就可以打开降噪放点轻音乐，既不容易分心也不会觉得吵闹。AirPods Pro 是入耳式设计，官方赠送了 3 种不同尺寸的耳塞大小，以确保不同的耳朵造型的佩戴舒适度。AirPods Pro 耳机底部带有力度感应器，可以直接切换耳机模式。耳机里的感应器，也能感知到是否佩戴耳机，当你摘下任意一只耳机，音乐或视频播放会自动暂停，方便专心和别人沟通。耳机外侧的麦克风网状声孔，可以帮助减少风噪，在室外比较嘈杂的环境里，带着耳机打电话会听的更清楚。带着它出差旅游也不怕电不够用，AirPods Pro 在充满电的情况下，单次使用最长可以到 4 个半小时，配合充电盒的最大续航时间可以超过 24 小时。而且它还有抗水抗汗功能，带着耳机去跑步，也不用担心汗水导致耳机事故。三星 T7 移动固态硬盘：速度提升肉眼可见功能特点：快速传输 | 坚固耐用 | 数据保护产品主页：三星 T7 移动固态硬盘（https://item.jd.com/100006306845.html）快乐的时光总是短暂的，而传送文件的时间总是格外的漫长，甚至比平板支撑的时候还要漫长。所以每个设计师都应该有一块固态移动硬盘。三星作为存储设备行业的老大哥，设备的品质是最让人放心的一点。T7 硬盘相比前代产品，拷入和拷出的速度有了成倍的提升，使用 USB 3.2 进行传输，配合 NVMe 技术，直接提高了数据传输的效率。三星 T7 的容量有 500G、1TB、2TB 三挡可以选择，读取速度可以达到 1 秒钟超过 1G，这几乎是上一代 T5 的 2 倍。这意味着哪怕是在拷贝大型 PSD 文件的时候，几乎都看不到进度条的出现就能完成，而常规的像软件安装包、视频素材这些 2~10G 左右的大型文件，传输时间最多也只需要十几秒就能完成，能为你节省非常多的时间。设计师通常把源文件看的比自己还重要，有同事之前就因为摔坏硬盘丢了源文件难过好久。T7 硬盘重量只有 58g，握在手上非常轻巧，外壳是金属材质，如果从桌上不小心跌落，也不会对硬盘造成损坏。而且硬盘带有指纹识别技术，可以提供指纹识别和密码解锁两种方式，最大限度保护硬盘里的数据隐私。罗技 MX Master 2S 鼠标：让你双手都有快捷键功能特点：智能滚轮 | 跨屏连接 | 自定义按键产品主页：罗技 MX Master 2S 鼠标（https://item.jd.com/4294661.html）鼠标可以说是设计师的第三只手，一款合格的鼠标，至少要能匹配使用者的握持和使用习惯，也要保证连接使用的稳定性，如果还能有设置合理的功能按键，那就可以称为一款理想中的装备。罗技 Mx Master 2S 独特的设计和高度自定义的功能键，或许能符合理想鼠标的一切要求。它的造型略微向右倾斜，顶部的弧形高度具有很好的握持手感，大拇指也能方便地在功能键之间移动。侧滚轮和3个功能键都可以支持自定义，借助官方软件就能设置，把软件中常用但没有键位的功能可以放到右手上，左右手同时拥有快捷键，效率直接拉满。罗技 Mx Master 2S 可以支持连接 3 台设备，底部的按钮一键就可以进行设备切换，对于有多台设备的同学来说非常方便。罗技的 Flow 技术，可以实现让鼠标在两台电脑之间复制粘贴图像、文本甚至是文件，直接省去了切换设备互传文件的时间。它的另一个特色功能是高效滚轮，如果你轻微滚动的时候是正常滚动，而如果你快速滚动时，滚轮会产生惯性转动，就像拨动，初速度越快滚动也就越久，页面也就滑动越多。这个功能在刷微博、查看长图或文章、浏览文档或网页，一次可以划十几页，配合上滚轮轻微但清脆的咔哒声，体验非常舒爽。Master 2S 的续航也很持久，紧急没电的情况下，充3分钟可以扛一天，充满一次可以连续使用20天以上。无线连接加上长时间续航，哪怕出远门也能提供长时间的支持，是非常可靠的贴身工作伙伴。西昊 M18 人体工学椅：三位数享受人体工学功能特点：旋转升降 | 扶手、头枕、腰垫可调节 | 高性价比产品主页：西昊 M18 人体工学椅（https://item.jd.com/12736618066.html）人的一生，有三分之一的时间都在睡觉。而另外三分之二的人生，至少有一半是在椅子上度过的，选择一款舒服且人性化的椅子，因此显得格外重要。西昊 M18 是三位数价位中，难得的性价比之选。升降功能是办公椅的必备项，西昊 M18 的升降高度在 43~53cm 之间，相比多数椅子要更低一点，不论高矮都能让双脚接上地气。坐垫宽度 45cm，腰围小于 140 都能坐进去，最大 400 斤承重， 是胖是瘦它都能承受。靠背三级调节，最多可后仰 120°，躺着午休也能有不错的感受。除了升降旋转，头枕高度和角度，腰靠的高度和前后位置，扶手的高度都可以进行调整，紧靠着办公或者放松坐躺都很舒服。椅子通身布料都是透气网布，能避免后背和屁股闷热出汗，坐垫 W 形的曲面，能帮你分担臀部压力，给臀部贴合的包裹感。M18 整体重量 18.8kg，相当于饮水机桶装水的重量，坐着滑动起来非常轻巧，如果赶上搬家，哪怕力气不大也能搬动。一体化的靠背支撑和全金属脚架，能确保获稳定的支撑和持久的使用寿命。ikbc W210 无线机械键盘：按快捷键也要有好手感功能特点：樱桃轴体 | 无线连接 | 续航持久产品主页：ikbc W210 无线机械键盘（https://item.jd.com/10025869969100.html）设计师每天和客户 Battle，自然少不了一把好键盘，它不光可以让你稳定持续输出，也能让你在做设计的时候拥有更好的手感。而机械键盘清脆的声音和回弹的触感，让你紧绷的情绪也能得到舒缓。Ikbc W210 在同价位级别里，是少有使用樱桃轴体的键盘品牌。红轴安静绵软，茶轴均衡的入门款，还有青轴清脆的段落感，三种轴体可以根据需求任选，即使是使用一天下来都不会觉得手酸。W210 采用的是PBT 材质键帽，不容易沾染汗液或者出现打油的情况，耐用性比较高。ikbc W210 的按键使用 4 阶高度 6 排的设置，侧面看上去是一道弧线，这样可以缩短手指的跨度范围，非常符合人体工学的按键排布。还有两段脚撑提供了 3 种高度以供调整，最大程度兼容不同人群的按键打字习惯。键盘右上角多出了 4 个多功能键，可以用来快捷控制视频或音乐的播放音量，或者快速调出计算器。虽然是使用电池供电的无线键盘，但它的续航时间非常持久，2 节电池就可以使用 6 个月以上，是非常具有性价比，也很适合机械键盘新手入门体验的一款工作装备。坚果 O1 Pro 投影仪：沉浸式智能家庭影院功能特点：超近距离 | 音质通透 | 歌词动效 | 自动对焦校正产品主页：坚果 O1 Pro 投影仪（https://item.jd.com/100014367249.html）备好零食、打开电影、关上灯光，抛掉白天的忙碌和烦恼，这是属于打工人们回归自己的最佳时刻，而投影仪也因此变成提升生活品质的不二选择。想要尽可能在家里还原电影院的感受，投射范围和音响效果格外重要。坚果 O1 Pro 的设计很有新意，采用了超近距离的投射方式，联合徕卡重新设计了光路，机器放在墙边就能投出 100 寸电视机的效果，不管房间大小，也不用考虑放置距离，就能获得很不错的体验。它还内置了一套专业的音响系统，经过顶级品牌丹拿调校，支持杜比音效，实际听感也非常舒适。坚果 O1 Pro 外观带有非常自然的圆角，整机看上去浑然一体，放在家里很显品味。它自带影音系统，如果你习惯使用爱、优、腾，它也支持下载安装更多应用，或者也可以用电脑和手机投屏，播放更多其他片源。另外一个特色功能就是 LUNA OS 的陪伴模式，包含了动态歌词展示、悬浮时钟、动态信息看板、主题切换等许多特色的功能，不看剧的时候，它就是一个炫酷的信息展示区域。总结以上就是我们根据后台收集的 1356 份问卷，总结汇总出来的 2021 年《设计师喜爱的十大生产力软件应用》和《设计师喜爱的十大生产力硬件外设》，列表中的产品不分排名和先后顺序，数字序号仅为方便阅读展示。榜单中的这些产品，我们参考了大家在问卷中的反馈，还有各电商平台上的销量、好评率，每一个产品类型最终只挑选出一个品牌的产品，让有升级装备计划的设计师，能有一份可靠的清单参考。如果你认为有更好的产品值得加入榜单，请联系下方同事告诉我们，说不定它就会出现在下一次的榜单中。原作者：优设@ 包大有趣
这5款 Sketch 插件，每个设计师用了都忍不住安利！
不管是可以快速运行各种 Sketch 命令的 Sketch Runner，还是可以批量修改图层命名的 Rename It，Sketch 插件社区总不乏令人惊喜的插件。今天就给大家推荐5款设计师用过都说好的 Sketch 插件，帮助大家大幅度提高设计工作的效率！CoDesign在以往，用 Sketch 制作设计规范存在以下痛点：无法实现多人同时维护；规范文档没有标注，加重开发的工作成本；组件更新时，相关设计稿没有一键更新替换的能力。而 CoDeisgn 既支持多人协同、云端数据可视化、更新自动提醒、历史版本回溯，还能自动生成规范文档。让设计规范搭建更高效，全面提升设计研发协作效率。插件链接： https://codesign.qq.com/downloadCRAFT神器级的 Sketch 插件代表，可以快速填充内容，同步样式库，还可自动生成制作高保真原型图时所需要的文本信息和图片信息。最让我惊喜的是可以将真实图像快速添加到界面，还可以自动替换图像和文本，效率简直了！谁用谁知道！插件链接： https://www.invisionapp.com/craftChart在 Sketch 上手动绘制图表时，只要数据变动，就需要再重新调整图表，实在是太麻烦了！用 Chart 完美告别手动作图调整的麻烦吧！Chrat 可以直接根据自定义参数快速创建出常用的图表，效率非常高。图表的种类丰富，完全能满足数据可视化的基本需求。插件链接： https://oursketch.com/plugin/chartCopy 2 allCopy 2 all 是 Sketch 插件小而美的典型，功能相对简单但高效，可以一键复制当前图层、编组或组件到全部画板的相同位置。非常适合在做设计稿状态图的时候使用！插件链接： https://oursketch.com/plugin/copy-2-allCompo在设计流程中，会设计各式各样的按钮且会有不同的边距。如果按钮的文本内容更改后，就需要重新手动调整按钮和按钮之间的边距。而 Compo 可谓是懒人设计师的小神器，只需按 ⌘J 即可将文本图层转换为 button 或按顺序排列现有组件，或者使一个现有图层转换为一个小部件，并按照指定的约束显示。插件下载地址： https://evilmartians.com/chronicles/compo-sketch介绍完了这些 Sketch 插件，不知道你最钟爱哪一款呢，欢迎评论区推荐你们觉得好用的 Sketch 插件吧！作者： 零帝小武
记得之前有些小伙伴私信我，每天工作总感觉忙的要死，抽不出多余的时间自我提升。其实一个非常重要的原因就是，重复性的工作上是否花了太多时间？要解决这个问题，就需要设计提效。提效方法有很多，除了之前我讲到的原子系统外，插件也是可以拿来提效的重要手段~对于设计师来说，一款优秀的插件不在于有多少丰富炫酷的功能，而在于是否能立竿见影地减少我们在工作上所花的时间。今天我就跟大家安利三个我一直在用的优秀插件，它们虽然功能单一，但胜在足够实用~Looper我们在日常设计中免不了创意几何图形的绘制。一般来说，对于这类图形创作，AI 是首选。但一旦将创意图形融入到界面设计，免不了两个软件来来回回的反复调试。毕竟 sketch 只能识别闭合图形，没法实现和 AI 的无缝对接。但是！looper 插件可以完美实现 AI 中才能创造出的复杂图形。简单介绍下 looper 的主要功能。它可以基于一个初始图形，复制的同时进行放大、移动、点阵、旋转和透明度处理，而且这些处理方式可以互相结合，从而演变出各种复杂绚丽的图形！举个例子。我们以一个正方形作为初始图形，就可以使用 looper 的功能快速进行各种自由变换。全程没有借用到 AI，并且不到 2 分钟搞定。可以说是非常方便了~当然，looper 也并非那么完美。这个插件最致命的地方，在于它所创造出的图形全部是不可逆的。它不能像 ai 那样，创建好复杂图形后可以随时调整变换的参数。一旦你想回过头抠细节（比如放大点阵的间距、或者微调旋转的角度），只能从头开始重新创建~所以，我们最好提前在面板上完成细节的调试，确认之后再完成创建哦~Clipboard Fill大家平常都有在某个形状中填充图片的需求，比如界面中的头像、信息流图片等等。一种方式是用蒙版裁切，另一种方式是直接使用 sketch 自带的图片填充功能。而 clipboard fill 的一键填充功能直接从剪切板粘贴。这个功能类似 figma 自带的填图功能，不需要冗余的交互步骤，也不用频繁地调整图片尺寸。我们只需要复制想要的图片，选中形状，ctrl+alt+V，duang~~图片直接就填充好了~可以说是相当地节省时间。Split Shape我们在界面设计中经常会碰到等分布局的情况。比如界面中的三个等宽卡片，在确定了边距和卡片内间距之后，还得要我们手动计算出每个卡片的宽度。而 split shape 这个小工具则很好地优化了这个步骤。在绘制好矩形后，我们只需要在面板中填好列数、行数、边距和水槽数值后，这一整块矩形就会自动分割成规定数量的卡片~今天的分享就到这里，三个插件全部打包好了咯，开头和文末都有附件下载。我们下期见。欢迎关注作者微信公众号：「转行人的设计笔记」 文件名 如何下载使用 文件大小 提取码 下载来源 sketch插件 12.45MB 8866 点此复制 登录下载 作者： 转行人的设计笔记
设计圈超火的3个Sketch插件，让你效率逆天（已打包）
不知道大家日常有没有使用插件的习惯，反正我是经常使用，为什么？因为效率更高了，做图更快了。今天给大家推荐 3 个我常用的 Sketch 插件，它们真的很实用，而且我身边很多设计师也在使用。Split shape插件名字如标题 Split shape，意思是分割图形，这个插件其实没那么简单，它不是直接简单的分割图形，而是均分图形，看到这，也许你觉得没啥，那么下面看看它的神奇之处在哪里？△ 来源 Dribbble 设计师上图，我们看到了 3 个卡片，卡片也是设计中经常遇到，我们日常都是手动去绘制三个等量的卡片，今天用了这个插件，瞬间可以画出三个卡片来。如上图，只要我们确定画板的设计宽度和左右的间距，那么下一步就是直接画一个矩形，然后使用这个 Split shape 插件就可以直接生成右侧样式图形，这样卡片就出来了。上图就是这个插件的基本参数，比较简单，我把翻译已经描述出来，只要玩一两遍会了，下面我换一个参数试一试。上图右侧图形是不是很熟悉，大家做标签选项时候，经常会遇到。在这里我用一个长方形就把他们均分出来了，下面来看看我修改的参数。插件修改的地方，我已经用红色数字标记，大家和之前对比下，应该就能秒懂这个插件了。Rename It快速批量的重新命名你的图层，这个插件可以说太实用了。不知道大家有没有这样的情况，特别是概念设计时候，一般图层都是比较混乱的，等你完成设计后，图层也比较多，这时候你要是一个个去改命名，那太费时间，今天这个插件就帮你解决问题。上图我简单举例，左侧的场景，我相信在座设计师，很多时候都遇到过。那么右侧使用这个插件就可以快速批量选中，改命名。瞬间交付出去的设计稿文件，是不是更专业一些？而且省时省力。来看看这个插件面板参数非常简单，操作步骤比较少，一学就会的那种。Flavor快速批量填充名字、时间、日期、手机号、邮箱数据中英文数据、格式全支持、精准到像素的快速批量复制设计元素、快速参考线，强大的 UI 网格工具。△ 网站链接：https://fancynode.com.cn/flavor上图就是插件的全貌截图，这个插件，我认为最重要的功能就是“快速参考线”，我叫它网格神器，也是我非常喜欢的一个插件。会使用网格的设计师应该清楚，如果我们要绘制上图的布局网格，早期一般都得计算出来，而且特别麻烦，容易算错，而这个插件只要你前期定义好左右边距，中间就可以自动计算并生成网格。上图就是我用这个网格插件快速计算出来的布局网格。如果看不懂上图，可以看下下面这个图，我把他们区分更清晰一些。这就是一个网格系统的基本构成，其它端也是同样的元素组成。今天就不讲网格系统了，想学的可以看这里：好了，今天分享就到这里，这 3 个插件我已经打包好了，请大家自行下载。欢迎关注作者微信公众号：「功夫UX」 文件名 如何下载使用 文件大小 提取码 下载来源 插件素材 2.5M 64x1 点此复制 登录下载 作者： 功夫UX
使用Sketch的人，千万别错过这款效率逆天的插件Anima！
我一贯主张不要为工具所累，所以在各种诱人的 Sketch 插件面前，我总是提前思考下自己的真正需求，这款软件是将我奴役，还是为我所用？而我在亲自使用 Anima 这款工具小半年后，开始意识到它是一款真正优秀的提效工具，并且效果立竿见影。尤其是 Stack（堆栈）这个功能，毫不夸张地讲，用“逆天”二字形容丝毫不为过。它能真正地将你的页面内容以动态的方式布局工作，从而实现与 css 中 Flexbox 类似的布局效果。前排提醒，Anima 在国内相关的文章不多，很多名词未查证到专业的中文术语，所以大量名词我直接以英文来讲述，不过我都会给出清晰的解释~大纲：关于 AnimaPadding 内间距Pin 固定边缘Stack 堆栈Anima 的局限性最后关于 AnimaAnima（跟我念，ai ni me，不是阿尼玛）产品的主打功能有两个，一个是在线的响应式原型，我们完成设计稿后用浏览器可以真实的预览，而且可以手动添加各种逼真的交互动画；另一个正如官网所说的那样“让设计与开发归于统一”，帮助开发者在设计稿上一键获取代码（emmmmm，大概类似蓝湖和 zeplin 那样的高效协作平台）。但是！！Anima 另一个功能 auto-layout 我绝对要推一下。虽然不知道为什么官网没有半点对它的介绍和宣传。。auto-layout 主要包含三个功能，padding、pin 和 stack，我简单翻译为内间距、固定和堆栈。前 2 个是不是很熟悉？没错，sketch 里自带，不过 Anima 让创建的过程变得更简单和高效。最后的堆栈放到了最后压轴讲，因为这是个惊艳全场的功能。padding 内间距padding 对标 sketch 中的智能布局，我在组件动态自适应这一篇有讲到。智能布局主要解决的是组件自适应问题，它可以将我们制作好的组件尺寸基于一类规则，跟随内容的变化而动态适应。但是 Anima，它有什么资格抢别人饭碗呢？还真有。简单演示下它的 padding 功能。你可以切换 padding 的位置选项来实现不同位置的数值输入。而且 padding 只是图层编组的过程，它对图层不会产生破坏，我们依旧可以对文字和容器进行任意编辑。Anima 创建文本后无需组件化，一键 padding 即可生成，而且 padding 提供数值输入，无需自己手动测量。如果想要去除 padding 效果直接解组即可，非常快捷方便。但是，无需组件化的同时也为它的复用性埋下了隐患。我后面尝试将 padding 后的对象创建成 symbol 组件，自适应上没有任何问题，但是在进行拉伸适配处理时是没有效果的，这也就意味着它在响应式上和 symbol 无法兼容。所以，我建议界面设计中的自适应依然使用 sketch 自带的智能布局。Anima 的 padding 并非不能用，只是不适合用来响应。pins 固定Anima 的 pins 除了本身 sktech 自带的“pin to edge”和“fix size”之外，还提供了其他额外新增的功能。具体见我在面板中标红的位置。1. 固定水平或垂直居中字面意思很好理解，在跟随父级响应时始终保持水平或者垂直方向的居中。2. 数值化的边缘间距sketch 自带的固定边缘功能只能选择向哪个方向固定，具体数值需要自己手动测量。但是 Anima 提供了更加可控、便捷的数值功能，你只要输入数值即可迅速控制元素的位置。而且它还提供百分比的形式，即元素内间距占父级总尺寸的。3. 数值化的固定尺寸这里直接结合上个例子固定了左上边缘，勾选后默认取值对象本身尺寸。跟随响应时始终保持尺寸的固定。当然也可以自己输入固定数值，同样支持百分比。另外，尺寸后的 min 和 max 分别代表了响应过程中元素尺寸最小值和最大值，更加可控了。4. 距离中心的偏移量至于距离中心的偏移量，就是将对象基于中心朝某个方向偏移一段距离。比如在勾选水平+垂直居中后，水平和垂直方向的偏移量就是 0。如果你想基于 C 位向某个方向偏移，那就在对应的方向上输入数值即可（右上方为正数，左下方为负数）Stack 堆栈终于，到了我们的 Stack！为什么要把它放最后讲，就像我开头说的那样，这个功能极为逆天。官网文档说明中在 Stacks 标题后面括弧了一个 Flexbox，这也就意味着这个功能可以达到前端 CSS 中的 Flexbox 效果。文档里把 Stack 定义为：A Stack is a special type of Group that defines the layout of its child Layers.我简单翻译了下，就是堆栈这个东西是编组的一种特殊类型，它定义了子级图层的布局。光看也是懵懂，我上个动画便于各位直观 get 到它的逆天之处。真的是太、逆、天、了。请允许我多次这么形容。下面我会先简单讲下 stack 可控制的外部属性，而 stack 自身内部的核心属性放在了最后。1. Stack 的创建创建 stack 相当简单，只需要选中你想要控制的元素，一键点击右侧 icon（group to a stack）即完成了创建。取消 stack 的操作和上面的 padding、pin 一样，直接 ungroup 解组即可。创建后，它会自动基于目前图层的排列自动按某个方向堆栈并且对齐，同时自动保持 spacing 间距的一致。2. Direction 堆栈方向定义元素们排列的方向是水平还是垂直，对应在面板中是 direction 这个功能。3. Align 对齐方式Anima 提供了四种元素的对齐方式，分别是 Top（顶对齐）、Center（居中对齐）、Bottom（底对齐）和 Spread（等宽对齐，即通过拉伸的方式强行使元素的尺寸保持一致）。对应在面板中是 Align 功能。4. Spacing 间距即定义元素的间距，对应在面板中是 spacing 这个输入框。5. StackStack 自身的内部属性是 Flexbox 布局的核心精髓所在。为什么是内部属性，就是因为这个属性属于本身固有的属性，它不会像上面的那些外部属性那样可以手动控制。简单来说，stack 能够基于既定的 Spacing，实现所有（注意是所有）元素布局的自适应。这是什么概念？大家 Word 应该都用过，当我们在稿子中间插入一段文字后，后面的文字会自动折行，删除这段文字后，下面的文字又会向上回到刚刚的空间。这是文本编辑器固有的属性，所有的笔记类应用也是这样。但如果这两段文字分别属于独立的图层，那就会非常麻烦。假设我们需要保持一致的间距。那你得先将下方文字移动一段合适的距离，然后拷贝上方文字，编辑、移动，然后再手动或者通过 Tidy（整理）功能保持间距的一致。是不是跟产品突然要求你在页面中加字段的场景很像？低效而无奈，尤其在我们 B 类产品复杂的后台表单页，新加字段的影响范围一旦很广会异常麻烦，当时都恨不得扒了产品一层皮。但 Stack 解决的就是这个！！比如，我们给下面三个色块加入 stack 后，删除中间的色卡，下方色块会基于给定的 spacing 自动补位。另外，你也可以随意调整、颠倒图层的顺序，它们的 spacing 始终也是固定的。这些被赋予 stack 属性的图层仿佛有了自己的生命力，可以自己动，而不需要我们再去手动干预。我可以毫不夸张地讲，拥有了 Stack，你就可以告别那些因增减、调序而导致间距调整的低效重复性工作了。（怎么感觉像打广告。。）6. Collapsing 塌陷（原谅我想不到其他更合适的翻译。。）Collapsing 听起来逼格高，实则很简单。没有激活它时，Stack 删除一个图层才能起到间距自适应的效果，但是有了 Collapsing，我们只要隐藏图层即可同样实现效果。我通常建议是开启的，避免“改了十几稿，还是用初稿”，但你初稿早已不再的的人间惨剧发生。7. Stack 的嵌套Stack 支持嵌套来应对那些较为复杂的版块和页面。拿一开始的那个例子说。我通过将单行卡片 Stack 化，来保持每个卡片的间距保持 12px。这属于右内向外的第一层。同时我希望这些卡片不论大小、数量，整体的宽度始终保持固定，并且卡片的行间距保持 12px。那么我们需要再次将刚刚的两个 Stack 嵌套成一个更大的 Stack，通过 spacing 和等宽的 Align 来实现。具体参数见下。很简单的几步，就可以达到上述的效果。当然，我们可以结合 pins 来实现更多的目的。比如我们希望内容的总宽度和人物图片能够固定、边距能够固定、人物图片始终保持居中等等，都可以使用 Pins 中的属性来控制。这里就不做演示了。各位有空可以自己去尝试一波~源文件和 Anima 插件我打包好了，文末/开头即可下载Anima 的局限性可惜的是，目前 Anima 和 symbol 的兼容性依旧是个问题，我在搭建组件库时曾经试图将两者结合在一起，但在动态自适应和响应式上总会出现各种各样的问题。所以，各位使用到 symbol 时需要谨慎使用。但是，在组件的基础上进行页面的快速搭建时，或者在不涉及到组件的页面，我会毫不犹豫地跟你推荐它！！最后如果说原子设计解决的是一次性设计问题，那么 Anima 就是非常简单粗暴地快。它不需要任何的组件、不需要手动调整间距、学习成本也比 sketch 的智能布局、弹性布局低得多，不得不说，它给你带来的提效效果立竿见影。我是 AndrewChen，下期见。欢迎关注作者微信公众号：「转行人的设计笔记」 文件名 如何下载使用 文件大小 提取码 下载来源 源文件和 Anima 插件 11M 2333 点此复制 登录下载 作者： 转行人的设计笔记
全面解读2020最值得上手的界面设计工具：Figma
前言工欲善其事必先利其器，器即工具。选择一种工具的本质是选择一种方式。个人的选择或许是基于喜好习惯，行业的选择则伴随行业工作模式的变化。作为互联网行业的设计师，我们应当时时跟进技术的发展，解锁新模式和新工具。设计工具的战场1. 概述随着日新月异的技术发展，互联网时代进入深水区。行业环境越复杂，设计师将面临越多机遇和挑战。设计不同于艺术，本质是为了解决问题，而设计工具直接影响着设计师思考问题和解决问题的能力。设计工具的背后，体现着设计行业的整体水平和效率。如果把设计工具的竞争类比战场，笔者今天探讨的是互联网时代最受关注的界面设计战场。界面设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。2. 历史追溯在界面设计领域，设计工具一直以惊人的速度演化，竞争愈演愈烈。从曾经的PS一家独大，到近年Sketch新晋王者，再到当下的各类新工具百家齐放。2010年前，界面设计师普遍使用的是Adobe Photoshop（简称PS），那时界面设计还在起步阶段。PS的定位是图像处理软件，是一个全面的设计工具，界面设计只是使用这个工具的一个行业分支。2010年后，界面设计飞速发展，PS的性能和效率都无法匹配这个新兴行业的需求。因此，Sketch顺应而生，聚焦界面设计，并迅速占领界面设计的市场。放眼当下，各类新型界面工具相继出现，挖掘和突破Sketch的短板。Sketch只面向Mac用户，其它系统无法使用，XD成为Windows上最接近Sketch的工具替代，但过于相似、缺少独特也意味着XD目前难以超越Sketch。另外，Sketch在原型和交互设计上发挥不足，inVision很好的从这个环节独立出来。再如Framer，基于开源原型框架，在代码上的优势，为设计和技术的融合搭建桥梁。总体来看，界面设计工具在往两个方向分化。一种是模仿者，进行功能效仿或内部整合。另一种是跨界者，横向扩展，做不同领域的功能集成。工具战场是力量的决胜，亦是速度的角逐。3. 黑马逆袭近来，有一匹黑马，频繁出现在设计师的信息视野，成为设计行业的热门话题，团队使用逐渐覆盖国内外龙头企业。国外如微软、谷歌、Facebook等，国内如阿里，腾讯，字节跳动，网易。这匹黑马，就是 Figma。如今，从 Sketch 迁移至 Figma 已然成为趋势。Figma逆袭的奥义何在，如此受到设计师和团队的青睐。探讨之前，我们不妨先来了解这款软件。Figma是什么Figma是基于浏览器的界面设计协作工具。它的最大特点就是基于浏览器和设计协作。基于浏览器Figma以浏览器为载体，依靠网络，全程在线操作，所有文件保存在云端。简单理解，Figma是打开一个网页使用，Sketch等是打开本地软件使用。云端的最大优势就是不受物理设备限制，多平台共享，使用灵活。Figma全平台可用，操作系统支持 Win，Mac，Linux等，设备支持电脑，平板，手机。在线意味着不需要下载安装包到本地，软件插件都会自动更新，不再漫长地等待下载和频繁安装更新。设计协作Figma是第一个真正意义上的设计协作工具。协作，是Figma对界面设计师这个角色的重新定位。如Sketch专注于设计师个人完成设计工作，就像一个单一的点，如需和外界产生关联，需要借助第三方工具。而Figma是从团体的角度去定位设计，界面设计不仅仅是设计师个人的事情。团队内，设计师需要更高效地衔接设计流程的上下环节，设计师和设计师之间可以更轻松地协作沟通，共同完成设计工作。团队外，设计行业应有分享精神，站在行业巨人的肩膀上再创新，推动设计行业更加高效。流程衔接——跨界工具集成传统流程中，设计师在不同环节，需要使用不同工具进行设计工作。流转在不同工具的过程，会造成时间成本的消耗，产生流转中的错误。使用Figma就能免去切换工具的烦恼，因为它本身就全面覆盖了产品设计中所有重要的步骤，让工作流程更高效完整统一。令人赞叹的地方是，这样的工具集成体，界面却比Sketch更简洁易上手。内部沟通——多人在线同时编辑支持多人在线同时编辑，意味着团队可并行工作，同时修改一个文件。项目是一个整体，而不再是被分割的多个文件。文件是一个链接，而不再是需要传送的源文件。如此，极大地降低团队的沟通、修改、维护成本。资源共享——开源社区互联网行业追求高效，俗话说“众人拾柴火焰高”，集合众人的力量方能让价值最大化，资源必不可少。如Github是全球最大的社交编程及代码托管网站，其社交化编码、开源共享的理念改变着整个开发社区的生态，让全球开发者共同创造了无数优质项目。在设计行业，Dribbble和Behance作为最知名的国际设计社区，是设计师们展示作品、合作招聘的最大平台，但一般只展示设计作品而不共享源文件。Figma的社区功能，和Github有异曲同工之妙。一方面设计师们可以一键取用世界顶尖公司及设计师精心制作的设计系统和模板，快速构建高质量的设计作品，节省重复基础性工作的时间精力，提高工作效率。另一方面，设计师可以轻松浏览行业一线设计作品，开拓设计视野，并进行互动沟通。工具的技术趋势选择新工具是一件慎重的事情，特别对团队来说，需要从整体的角度去评估成本、风险和回报。个人的选择或许是基于喜好习惯，而行业的选择则是伴随行业工作模式的变化。如前文所说，从 Sketch 迁移至 Figma 已然成为行业趋势。互联网行业正在发生怎样的变化，面对未来的技术趋势，我们正在关注什么。技术趋势数字化信息，泛指人类社会传播的一切内容。数字化是将信息转变为数字、数据，建立数字化模型，而后转变为一系列二进制代码，引入计算机内部进行处理的过程。当下信息爆炸的时代，更多信息以数字化形式存在，人与世界的互动将更多以网络为媒介。云计算“云”实质上是一个网络，一种计算资源共享池。云计算，把计算资源通过网络让资源被快速取用。未来的时代是云计算的时代，用户通过网络就可以获取无限资源，同时获取的资源不受时间和空间的限制。信息处理拥有更多时间自由性和空间灵活性，意味着我们获取和使用信息可以随时随地，想即所得。大数据数据是信息的基础，是智慧的前提，是所有新技术的依托。大数据是数据的集合，对海量数据进行专业化处理，形成价值，是行业竞争、产业实现盈利的关键。大数据和云计算是深度结合的，并和物联网、移动互联网等新兴计算形态密切相关。人工智能即AI，是以人类智能相似的方式做出反应的智能机器。人工智能使机器能像人一样思考，并能够胜任一些通常需要人类智能才能完成的复杂工作。未来机器人是否能超越人类，甚至接管世界，是个尚待讨论的话题。至少，我们的世界正在借助AI的力量更自动化，更高效化。5G第五代移动通信技术，是最新一代蜂窝移动通信技术。我们的网络信号，主要就来自于通信基站。随着网络基础设施日渐完善，世界的运作和发展将会更快。在未来，当5G全面覆盖，且所有的设施都实现了智能化后，我们将真正的进入到一个“万物互联”的时代。工具趋势新技术的浪潮下，工具行业的发展和趋势，整体来看，呈现云端化和一体化。云端化云端化是工作载体的变革，从本地到云端，信息以最快的方式触达和共享。用户无需在本地安装软件和插件，直接在浏览器上使用工具，摆脱了电脑硬件的束缚。云端拥有强大的计算能力，使用性能远超一般的本地软件。拷贝传送式的本地模式在文件的共享上，效率远不如链接式的云端模式。比较典型的例子就是各类在线文档编辑工具。一体化一体化是工作模式的颠覆，流程、工具、资源都应当打破壁垒，让协作更通畅。一体化可以理解为将不同的个体有机融合为一个整体，形成协同效力，实现团体的整体效率和利益最大化，这里的团体可以是项目团队，可以是公司，也可以是整个行业。用技术的方式扫除沟通协作的障碍，能大大提升团体的专业和效率。Figma的模式Figma的愿景是成为设计界的 Google Docs，打造类似 GitHub 的设计共享与协作的社区。这也是我认为Figma现阶段逆袭的原因所在,它敏锐的捕捉到了云端和协同的价值。在过去，设计师和产品、开发者都有明确的角色分配，但随着全栈设计和全链路设计的升温，设计师的角色定位有了更多可能性，可以更进一步融入产品的设计开发流程中。全栈全链路设计，二者本质上都需要设计师拥有更强的综合思维能力。Figma的跨界功能集成优势，很好的匹配了这种职业发展方向。Figma的利器大家最关注的，应该还是在具体功能使用上，Figma到底有何亮点。下面，详细聊聊那些本人目前觉得Figma比Sketch更优的功能。1. 全局组件设计组件化的概念是从程序的开发模式中演变而来，是将界面拆分成更小部件使之易于管理的方式。形象化去理解，界面设计就像搭积木，组件是积木，页面是模型，设计师使用组件（积木）搭建成页面（模型）。组件的内部逻辑，可以用父子关系来形容。原始被复制的组件是父件，复制出来的组件是子件。以父子关系比喻是因为，在组件逻辑中，父件有变化，子件们会继承，同步变化。这点上，Figma和Sketch是一致的。Figma组件逻辑比Sketch高明在，子件可以灵活处理继承和嵌套关系。子件可以各自调整如形状、颜色、尺寸等样式属性，当我们发现某个元素样式复用频率高，也能轻松转变成新的父件。如此，一个相同的组件可以应对不同场景变化成不同的样式，建构组件体系变得更灵活。Sketch的子件只能复刻父件，任何对组件的修改，都会以完全覆盖掉原始组件的模式完成。因此，当我们使用Sketch构建组件体系时，需要提前把所有可能的样式全部罗列出来。随着项目日渐复杂，组件复杂臃肿，后续的维护极其繁琐。使用Figma时，父件可以放置任何页面任何位置。比如把父件放在子件旁边，调整父件的细节时就可以同步看到子件在整个页面中的效果，很方便。而使用Sketch时，组件被固定放置在另外一个名为Symbols的页面，设计组件和浏览页面效果需要在不同页面切换查看。△ Figma演示△ Sketch演示跨流程工具高保真可交互原型设计Figma可制作高保真的交互原型，无缝完成从设计到原型演示的切换。它比Sketch生硬的页面跳转友好，适合demo展示。如需制作更复杂的交互，Figma也提供导入Principle的功能。在手机上预览效果可用 Figma Mirror 。支持导入gif文件，演示更加灵活。设计评审反馈内置评论功能，在设计和原型制作模式下都支持注释。设计和协作是可以同时进行的，任何人都可以在设计图的任何地方添加评论。可以在评论中 @其他人或将评论标记为已解决。不但可用于设计评审，也是设计走查反馈的利器。前端协作每个 Figma 文件都有代码模式，工程师可以在其中查看设计文件。工程师能在设计图上获取标注，并自行导出所需资源（包括 CSS、iOS、Android 样式）。共享灵活Figma支持任何文件，页面或画板的共享。提供权限管理功能，自定义共享人员编辑和查看的权限范围。当创建共享链接时，单击该链接的人将打开Figma的浏览器版本。这种共享形式，使共享方式准确高效便捷。你可能有这些疑问1. Figma是英文，我看不懂怎么办？打开网站：https://figma.cool/ 支持客户端汉化补丁和Chrome插件。2. Figma基于浏览器，会慢吗？Figma是在线使用，极少占用本地内存，处理文件速度极快。使用体验是，飞一般的丝滑。Sketch 太容易卡顿，设计文件一大一多卡顿得就更严重。3. Figma学习成本高吗？对于有Sketch使用经验的设计师，1天足够。Figma的界面和快捷键，都和Sketch基本相似，而且Figma支持Sketch导入，所有的信息和内容都得到了最大限度的保留，这对项目迁移非常友好。对于未使用Sketch的设计师，笔者认为Figma是目前最易上手好用的设计软件了。4. Figma收费吗？Figma分成初级免费版，专业付费版，企业付费版和教育免费版。个人使用，选择初级免费版就完全足够，无限的文件存储空间，30 天版本历史记录，但只能2人同时编辑。专业版适合团队，比免费版优在有无限的版本历史记录，无限编辑者，无限项目。费用是按月15美元/月/人或按年12美元/月/人。企业版比专业版优在有更多定制化服务。满足条件的教育者或者学生，可以免费使用。5. Figma的教程、插件、资源在哪里？最优秀的教程就是Figma官网——https://www.figma.com/ Figma本身就自带社区功能，提供了丰富的资源、插件，而且一直在更新，Figma的生态环境将会越来越好。优秀的国内Figma学习网站推荐：https://figmachina.com/ https://figmacn.com/结语在接下来的10年、20年、50年，设计工具还会给我们带来怎样的惊喜？谁都无法完美预测，但能肯定的是，能脱颖而出的是那些，在流程和模式上做出创举，代表未来方向的产品。至少现阶段，Figma打破了原有工具的局限建立了自己独特的核心竞争力，并且未来可期。欢迎大家提出问题和阐述更多思考。更多关于Figma的思考：欢迎关注作者微信公众号：「美柚UED」作者： 美柚UED
说起Sketch的一大痛点，就不得不提颜色样式。明明已经建立好完整的图层颜色样式，文本就是无法调用，必须重新建立。导致实际项目中的文本样式非常复杂，特别影响效率。在69版本中，这个问题将不复存在，新增的颜色变量功能将会统一文档中的颜色调用方法，与Figma类似。此外还增加了组件视图、插入窗口等新功能。69版本整体改变还是挺大的，下面一起了解下。Sketch最新Beta版本下载如果想体验Sketch最新Beta版本，请进入Sketch测试版主页下载 https://www.sketch.com/beta/。但是要记住，一定不要用在自己的正式文件中，防止修改后，低版本打不开。Sketch 69要求Mac系统版本是macOS 10.14.4及以上，下面是Sketch各大版本对应的Mac系统版本，如果遇到新版的Sketch打不开就需要检查下自己的系统版本。颜色变量这是69版本最大的改变。因为增加了独立的颜色变量属性，所以无论是图层、文本、投影、描边，都可以通过颜色变量来调用同一种颜色。在颜色选择面板中，可以对当前颜色制作变变量，并且支持编辑、更新等操作。原本颜色选择区域右侧换了新图标，这就是颜色变量。以前的图层叠加模式放在了右上角。下图中展示了描边、投影的颜色区域，跟填充一样，都可以添加颜色变量。应用后图标会变成紫色，并且底部会显示颜色变量名称。因此，以后的文本和图层就可以共用同一种颜色，非常方便。有点类似于前端的CSS样式名，符合代码样式逻辑，向代码化迈进了一小步。组件视图又是新增的大功能，组件管理更加细致。原本的图层和组件标签切换被去掉，工具栏最左侧增加画布Canvas和组件库Components面板切换。组件库面板又分为组件、文本、图层、颜色四种分类。其中的颜色是上面讲的颜色变量，也被归类到此。组件文本样式颜色插入窗口在插入工具中新增搜索功能，可以对组件、文本样式、图层样式进行快速搜索。并且右侧新增独立窗口按钮，或者按快捷键C即可快速打开搜索面板。其他组件Symbol的图标更新了，从原来的刷新变成菱形。话说，Figma的组件也是个菱形，不过是由4个小的组合而成。另外路径偏移功能和用户反馈功能新增对应图标。总结这次的69版本在组件样式方面做了大量的改动，无论是颜色变量还是新的组件库面板，都会对我们后面的设计流程产生影响。尤其是颜色变量功能，以后的文本样式可以把颜色单独提取出来，让颜色成为全局的一个基础原子属性，减少组件库的复杂度。不过和隔壁的Figma相比，组件和样式的灵活性还需要加强，Sketch要加油了。Figma 和 Sketch 哪家强？来看这篇超详细的对比：欢迎关注作者的微信公众号：「UI黑客」作者： UI黑客
如何让Sketch效率实现飞跃般的提升？先收下这些Symbol技巧
用Sketch做界面设计也有些年头了，一开始无情的工具人全程手动加复制粘贴，至于速度么，全看手速了。后来学会了一些偷懒的技巧，才真正开始工业化生产页面，其中一项就是Sketch自带的 Symbol 功能，不过我翻了翻，好像也没有专门介绍的，今天就总结一下我使用Symbol的一些经验分享给胖友们。封装封装Symbol类似于PS的智能对象，可以实现全局样式的修改，提高作图和改图速度也就在于这点，我就不做过多介绍了。那怎么能用好Symbol，构建好高效且灵活的Symbol就是门学问了。封装即创建Symbol的操作不多做介绍，右键下拉菜单和工具栏里都可以实现，需要注意的是，封装时候默认讲选中的内容以最大边界为准重新建立画板，会发送到「控件」页面。而如果选中画板创建Symbol，则会在当前页面直接生成，不会发送到控件页面。这种情况应用较少，通常我个人在调整运营图的时候会使用，在当前页面同时预览一个运营图在各个尺寸设备下，或者不同状态下的展示情况。命名和分组这个命名并不是给大家讲什么命名规则，完全可以按照自己的习惯来起名字，也不限制于中文或英文，这里要介绍一下Symbol命名的分组方法。我们看其他Symbol库里面有目录结构，这个目录让我们使用起来非常方便，那又是怎么分类的呢？很简单，在创建Symbol的时候把名字起好就OK啦，命名时用 「/」 把层级划分开，就可以实现Symbol的目录结构构建。当然也可以修改，进入控件页面修改画板名称就可以了。神奇缩放（尺寸/位置）封装Symbol的时候通常会建立组，神奇缩放对于Symbol缩放/变形时，里面各个元素的相对位置变化起着关键作用。否则一缩放，里面的内容可能就会变形跑偏。下面介绍几种实际构建中常用缩放方式。靠左（右）边固定页面或组件伸缩时需要其中元素靠左边距离固定，要配合横向或横向&纵向固定尺寸来使用。这样就可以实现中间内容宽度随页面拉伸（一般不涉及高度变化），左侧内容固定不变，靠右固定同理。这个在我们做响应式布局的时候比较常用，比如标题栏的伸缩，可以做到标题文字和关闭按钮分别居两端固定，宽度随内容调整。靠两边固定针对沿4个角相对位置固定，横纵均会拉伸的情况，常见不同尺寸设备适配调整的输出。根据情况选择其中相邻两个边靠边固定，然后同时固定横向和纵向尺寸，即可实现。靠四边固定页面或组件伸缩时需要内容的边距固定，锁定4个边即可完成。嵌套及修改嵌套嵌套好理解，就是老千层饼了，一层一层封装Symbol就可以实现嵌套。学问在什么时候用嵌套，如何嵌套，为什么要搞嵌套呢？建立Symbol是为了方便批量复制和修改，那嵌套Symbol则是为了展示多种可能出现的情况，尽量真实的模拟上线效果，为设计上下游同事提供更多相关信息。下图展示了同一页面利用Symbol呈现复杂情况的优势。内容替换（Data）那想要实现上面的效果需要如何操作呢？我们需要找到素材库，sketch默认有一些素材库，也可以网上链接一些图库资源作为素材库。当然大多数情况是满足不了我们日常项目的，针对项目情况可以自己建立素材库（就是建个文件夹，扔一堆图片进去）。打开sketch首选项，选择素材，添加素材库，把之前的设置好的图片文件夹导入进去，就能看见自己配置的素材库了。为了方便调用，建议直接导入最高层级的文件夹，这样所有子文件夹的内容也会以目录的形式一并导入。图片替换我们要在Symbol里需要替换图片处新建图片的显示区域（一个矩形），然后填充设定为图片。注意图源尺寸是否规整，下面的「输入」尺寸需要对应选择，不规则尺寸一般选择「适应」。完成这一步就完成了准备工作，后面我们就可以批量生产我们的组件了。然后需要进行差异化修改，点过填充框内的图标是紫色时，我们可以批量选中需要改变内容的Symbol，点击刷新素材，会随机往里填充不同的图片，就形成了多样化的图片卡片。文本替换文本建立和替换与图片原理相同，只不过需要构建的是一个文本文档，每条文本回车换行。在Symbol里即可替换文本框内容，这里再不赘述了。建立和替换样式建立样式样式建立方便我们替换按钮等组件的状态变化，样式替换可以理解为一种成本较小的Symbol替换。常用于按钮，标签的状态切换，这种情况下我们不需要建立多状态Symbol来进行切换，用样式来做更方便快速。一般是基于填充色、描边色、描边粗细以及阴影这几种属性变化的情况来使用，尤其是多个属性同时变化的情况，样式替换的便捷性就尤为明显。属性和分类样式主要分为图形样式和文本样式，图形样式主要属性如上所述：填充、描边、描边粗细以及阴影；文本样式主要属性：颜色，字体，字号。文本颜色替换常和按钮标签等元件的状态配合使用，常见于按钮反色，或者可用状态切换。字号字体的变化可能会影响栅格布局，所以界面设计一般不涉及。命名和管理命名规则和 Symbol 一样，用「/」划分开即可区分层级关系。管理可以通过直接修改属性然后更新完成，也可以在样式列表里进行增加、删除、分组和更新等操作。切图与管理1. 切图每一个封装好的Symbol其实都是一个单独的画板，那切图我们就可以通过给画板制作导出项的功能来做到「无痕」切图，也方便控制切图的尺寸，对于不规则icon，或者需要留出边距的情况极为方便。已经添加导出项的Symbol在使用时，不会在页面里出现切图框的虚线，所以也就不会影响整体画面的预览，而且不会影响Relay、lanhu等工具对切图的识别，下图可以看到对比的效果。2. 插件这里只介绍一下Quark插件，Quark为我们提供了实际项目中常用的模拟数据（商品图、商品名称、收货地址等），但是这个自动填充数据的功能和Symbol的内容替换不兼容，所以我个人通常是结合来使用，即Symbol和组结合。按钮、标签等一般会封装成Symbol，商品图和文字内容一般则会直接设定好矩形框和文本框，调整的时候直接利用插件填充图片和文字，按钮标签类的内容根据项目情况，分别对应展示。3. 复用管理Symbol的确定通常与设计规范绑定，在产品迭代过程中，通过Symbol来承接不仅能节省做图时间，更重要的是能保证规范组件样式一致。这也是我认为做Symbol「最重要」的意义。实际工作中产品版本迭代一般不能放在一个sketch文件里，如果都放在一起会导致运行速度极慢，电脑容易卡死。那统一产品不同版本的功能迭代想要快速准确完成该如何做呢？我一般会在第一版本完成时，输出一部分组件的设计规范，把标准组件封装成Symbol，在下一版本设计稿中直接引用之前做好的规范组件库，这样就可以直接拖拽修改，大大节省出图时间，也能保证规范统一。以上是本地Symbol库复用的方法，我们也可以利用Quark平台来进行共享，这样在交接和协作的时候就能很大程度避免误差并提高效率了。结语这些是我近两年工作总结的内容，可能不会特别全面，但都是我实际工作中能用到的。Symbol 学习起来不麻烦，不过要设计好Symbol确实要花心思和精力，不过我认为在项目长期维护的过程中这些工作是有必要和意义的，长远来看确实也更方便，毕竟总得有人种树才有凉可乘嘛。希望今天分享的内容能给小伙伴们启发和帮助。有问题或指教可以在评论区和我互动，如果感觉有用可以分享给更多人see see。欢迎关注「JellyDesign」的小程序：更多Sketch技巧：原作者：优设@ 京东JellyDesign
又到毕业季，设计行业的求职大战一触即发。但是我们会发现很多设计师只关注作品集的炫酷，却忽略了源文件的重要性。同时越来越多的设计师反馈，面试官会看你的设计源文件，比如Sketch。严谨的命名、合理的分组、整齐的Symbol组件……这些细节能从侧面反映出你对工作的细致程度，妥妥的加分项。就好比高考作文，不管内容怎么样，字一定要写的像衡水体一样漂亮。否则这个小细节会让你和心仪的offer失之交臂。不过，那些平时工作对源文件马马虎虎，图层混乱不分组，命名只用默认的设计师也不用担心，因为即将发布的Sketch68版本会教你如何让源文件更整洁漂亮。Sketch最新Beta版本下载如果想体验Sketch最新Beta版本，请进入Sketch测试版主页下载 https://www.sketch.com/beta/。但是要记住，一定不要用在自己的正式文件中，防止修改后，低版本打不开。Sketch 68要求Mac系统版本是macOS 10.14.4及以上，下面是Sketch各大版本对应的Mac系统版本，如果遇到新版的Sketch打不开就需要检查下自己的系统版本。智能助理介绍什么是智能助理？简单说就是它可以对Sketch文件整体进行智能分析，并列出建议修改点。https://www.sketch.com/docs/assistants/更新68版本后，顶部工具栏会多出一个智能助理的图标，点开后是一个弹窗。助理安装默认情况下什么都没有，我们需要安装具体的助理。有点像一个应用小商店，后期我们可以通过官方平台来获取对应的助理功能。如果你有开发能力，也可以自己开发助理。但是目前还处于测试版，官方提供了默认的三个助理，我们可以打开链接，通过浏览器唤起Sketch来安装。把这三个助理都安装后，智能助理面板上就可以显示了。第一个图标代表所有的问题，看来这个Sketch文件问题还挺多的。其中每个折叠项展开后会显示需要修改的图层，点击图层会自动跳转到相应位置，非常方便。点击右键还可以对相应问题进行忽略操作。右上角可以对助理进行启用、删除、添加等设置。三个助理功能介绍官方默认提供了三个助理，后续会推出更多功能。下面这三个助理分别从命名、图层、样式三方面对你的设计源文件进行分析，并给出合理的修改意见。关于助理更多的功能可以看这份官方在Github上的开发文档。https://github.com/sketch-hq/sketch-assistants1. Sketch Naming Conventions 命名规则对图层、组、页面的名字进行分析，并给出合理的命名建议。比如对于这个反面例子，智能助理就给出了如下几条建议：画板需要以数字作为开头。命名以数字开头有利于排序，结构清晰易读，而且方便团队其他同学查找，是一个非常值得推荐的习惯。组名不能用默认值。很多时候我们编组后不会改名，因而会出现诸如Group 234、Group 235、Group 236这样的命名，非常不利于后期修改和维护。页面命名应该以一个Emoji来开头。这点国外很多设计师的源文件这么做，因为一个项目中页面分类不会太多，为了增强纯文本的可读性和趣味性，我们可以在文本输入中按control+command+space快速调用Mac系统的Emoji图标面板。Symbol组件应该用斜杠分组命名。这是组件库的基本命名法，用「/」来划分组件为不同的分类，是一个非常重要的命名点。严谨且高效的命名虽然是件非常小的事情，但是却关系着一个源文件的易用性，以及与团队协作的重要性。如果你本身就有非常好的命名习惯，面试时展示给面试官也是一个很好的加分项。2. Reuse Suggestions 样式建议这个助理告诉我们，文件中有多个图层和文字没有引用样式，并且有一些相同的组没有做成Symbol组件。对于Sketch来说，Symbol组件、文字和图层样式是做组件库中最最基本的三种功能。我们应该尽可能地把文字、图层引用样式，这样就可以从整体上控制整个文档，减少后期的修改成本。3. Tidy 图层清理图层实际上是设计中最容易出现问题的地方，如何保持图层的干净整洁，非常考验一位设计师的细节梳理能力。助理给出了文件中诸多的图层问题，经常见的有以下几点：一个画板中的图层应该尽可能地包含在分组中，过多的单图层容易增加图层结构复杂性，降低工作效率。图层不应该隐藏，过多的隐藏无用图层会增加整个文件的体积，对正常图层造成干扰。描边、填充、阴影等图层样式不应该禁止使用，如果有必要的话，禁止后应该删除该样式属性。图层的大小和位置不应该出现次像素，过多的小数点会给标注带来影响，应该勾选设置中的像素对齐功能。如果组内没有内容，应该删除该组。……总结虽然官方目前只提供了三个助理功能，但是却给了我们一面照妖镜，把平时做图时忽略的细节一一展现出来。此外，一份整洁的、清晰的、可读性强的Sketch文件也会让你在求职面试时额外加分，近期找工作的同学需要关注下。因此作为一名成熟的设计师，最重要的不是靠这个助理功能来优化设计稿，而是要把自己当成设计助理，平时就应该养成良好的命名、分组、整理习惯。整理方法见这篇：欢迎关注作者的微信公众号：「UI黑客」作者： UI黑客
疫情慢慢缓和，各位设计师想必都开始上班了。不过还需要注意，最近国外疫情逐渐严重，出门务必带口罩。与此同时，Sketch 64 版本也推出了测试版。和以前相比一个大的不同是，从64版本开始，Sketch对Mac系统的要求提高，从原先的10.13.4变为10.14.4及以上，足足增加了一个大版本。正式版出来后如果想体验最新的Sketch，请确认好自己的系统版本是否满足要求。下面一起来看下Sketch 64 Beta版的新功能。Sketch最新Beta版本下载如果想知道63版本的新功能，请看这篇文章《Sketch 63 Beta版本探秘，看看都有什么新功能》。如果想体验Sketch最新Beta版本，请进入Sketch测试版主页下载 https://www.sketch.com/beta/。但是要记住，一定不要用在自己的正式文件中，防止修改后，低版本打不开。Sketch 64要求Mac系统版本是macOS 10.14.4及以上，下面是Sketch各大版本对应的Mac系统版本，如果遇到新版的Sketch打不开就需要检查下自己的系统版本。新增Tints着色功能这是64版本主推的新功能，可以给组和Symbol整体覆盖新颜色，有点类似于Photoshop中的颜色叠加。在选中一个组或者Symbol后，右侧的属性面板中会新增加一个着色的功能。着色功能和填充功能类似，但是缺少了叠加模式，除了纯色填充之外，渐变、图像都没有效果。并且其中右上角的加号是灰色，无法增加多个着色。样式类选择下拉面板更新说明一下，这里的样式类包括Symbol、文字样式和颜色样式三种，在右侧属性面板中都有对应的下拉菜单。前几个版本，Sketch给予了以上三种功能新的下拉面板样式，但是实际工作中非常不好用，受到了很多设计师吐槽。这次64版本又重新返回了经典的下拉样式，检索起来舒服多了。图层列表过滤器位置移到顶部过滤器以前的位置是在图层的最底端，现在移至图层的顶部。如果非要说这次位置改动的作用，算是把画板区和页面区做了一个强区分吧。新增Symbol相关快捷键新增加下列快捷键，都和Symbol相关。Command + Y 新增SymbolCommand + Shift + Y 打散SymbolCommand + Option + Shift + Y 打散选中的所有Symbol但是个人觉得，Symbol牵一发而动全身，做界面时要十分小心，而且需要考虑命名、分类等细节。相关的操作并不是特别高频，所以使用Symbol快捷键时还需注意。总结64版本最大的更新就是这个Tints着色功能，具体解决的设计痛点还需要在工作中慢慢发掘。期待Sketch在2020年的新表现。原作者：优设@ 土拨鼠