最全面评测！这款完成度超高的神器如何征服一个设计团队?
前言最近这段时间，到处都是关于国产 UI 设计工具的讨论，我们的老大也免不了让我们去做了下调研，看看我们的国产设计工具现在做得怎么样了，哪个完成度比较高？有没有比较适合我们团队的？正好身边也有很多朋友在做比较，所以也把我们的结论分享出来给大家，如果有和我们一样需求的团队可以参考。在经过比较全面调研过后，我们给出的结论是：「即时设计」应该是很不错的选择，比较适合我们团队，虽然在一些细节上还值得更多的优化，在社区发展上也需要再加把劲，但无论是设计功能、团队协作还是本土化服务，都已经有了很不错的成果，而且迭代快，团队活跃度高，产品表现出了很强的生命力。即时设计官网： https://js.design下面，就把我们的报告，按照下面几个维度给大家简单总结下：对于设计师来说，创作体验是第一位的1. 设计功能完善度设计工具是重型生产力工具，设计师一旦选择，每天就要花大量的时间使用，功能的完善性一定是考察的首要部分。而「即时设计」的设计功能，基本已经完全覆盖了 Sketch，包括已经成为必备而不再是加分项的变体、自动布局这些高级功能，也和 Figma 保持一致，可以满足日常 UI 设计。此外，原型交互模块也已经具备足够高的可用性，虽然还不如 Principle 这种专一型工具强大，但已经涵盖了常用的交互事件，配合智能动画和交互式组件，完全可以产出带有交互动效的高保真视觉稿。2. 性能仍有进步空间性能是另外一项需要着重考察的点，整体对比下来，国产工具和 Figma 相比都还有一定差距，但相比 Sketch，即时设计的大文件性能应当是可以满足日常使用的了。具体到文件，多页面多画板，大概几万图层的一个项目，创作过程中基本只有在频繁缩放画布时会有短暂的加载卡顿，其余情况完全不会影响操作。但是遇到特别复杂的文件时，还是能够感知到掉帧和卡顿现象，有一定的可提升空间，不过因为每天都在迭代，持续使用下来，性能也一直在肉眼可见地提升中，情况比较乐观。3. 资源社区有特色「即时设计」的社区虽然开放时间不长，但发展得还算不错。大厂规范、组件库、图标库、插画等等资源，都保持着较高频率的更新，入驻的设计师也很多，相比 Figma，也有了更多更能满足国内设计师需求的中文资源，这是比较好的一点；但资源数量上确实还是差了 Figma 一大截，还需要继续努力呀！4. 插件设计师对于插件的使用需求很高，不管是使用 Sketch 和 Figma，都有大量的效率插件供我们选择，但这得益于开放插件生态后全球开发者的贡献，而对于国产工具来说，还是任重而道远的。相对来说，「即时设计」在这方面还不错，陆续上线了 20 多个官方插件，而且近期新插件的上线速度也有明显变快。可以看到，现有的插件已经满足了很多高频需求，并且已经和字由、iconfont、iconpark 这样的平台合作，看的出来国内的生态资源还是挺不错的。对于团队来说，协作效率是最重要的1. 设计协作交付这在整个产研工作中是很重要的环节，我们打造「风火轮」平台就是为了提升设计交付的效率。而「即时设计」不仅和同类产品一样可直接查看设计稿的参数标注、代码等内容，还额外做了一个研发模式。该模式能满足单位换算、平台切换、颜色统一定位、开发临时切图等特殊的需求，相当于内置了很多第三方交付平台的功能，交付功能更加易用。而且在线工具实时同步交付的特性无限放大了这一优势，不用像 Sketch 一样通过插件上传，对接起来会更高效。体验多角色协作： https://js.design/scene2. 设计资产管理对于设计团队来说，最重要的设计资产就是团队的设计规范和授权字体。「即时设计」支持「共享设计库」，和以往使用的资源库一致，团队通用的样式、组件，可以发布到共享设计库中，供所有团队成员在其他项目里复用、同步修改。同时也开放了「团队共享字体」，允许我们上传团队可用的字体并建立线上字体库，方便成员使用。3. 团队项目管理值得强调的一点，如果你所在的团队恰好不是特别擅长文件管理，那么「即时设计」工作台应该会成为你们的好帮手：进入「正在跟进」页面，所有正在进行的个人或团队文件一目了然；进入团队，每一个文件可以清楚地看到当前进度；想找到某个文件，既能根据合理的目录结构翻找，也可以直接搜索……而这些，都得益于「即时设计」独特的文件管理体系。对于国产工具来说，本土化服务是必须的1. 用户支持对于一个普通用户，使用 Figma 的时候，最困扰的一点就是有了问题，很难得到官方的帮助，只能手动检索问题或者找自发的用户群解决。而「即时设计」作为国产工具，在用户支持方面做的还是非常好的，官方社群活跃度高，用户反馈流程简单直接，包括创始人也会在每个群里和用户沟通，了解需求，解决问题，有着很浓厚的「共创」氛围。2. 文档和教程在教程方面，除了官方的工具文档，即时设计还为设计师整合了国内设计师的图文知识、视频教程等内容，一方面帮助设计师了解即时设计，提高工具使用的效率，一方面实现自身设计能力的提升。即时教程： https://js.design/courses3. 开放的迁移服务设计师更换工具最大的顾虑就是迁移和学习成本，在这一部分即时设计也比较开放：同时支持 Figma、Sketch 和 XD 文件导入，也可以将任意项目导出为 Sketch 文件，还可以将 Figma 文件一键转换为 Sketch 文件。另外，考虑到用户使用工具的习惯，即时设计也有提供「Sketch 适配模式」，可直接匹配 Sketch 快捷键和滚轮操作习惯，方便上手。4. 私有化部署如果要考虑到数据安全和私密性的话，私有化部署也是相对比较重要的一个考察维度。「即时设计」支持公有云数据隔离、私有云和本地部署三种方案，同时前后端分离，可以实现功能热更新，可以满足不同的企业需求。总结整体看下来，即时设计，或者说国内工具，在性能和插件生态上都还有一定的成长空间。但相对来说，从功能、性能、社区生态、团队协作、本土化服务这几个维度来看，即时设计不仅完成度够高，还有很多符合国内设计团队的创新，产品、开发、运营各个方面也都十分积极，应该会是一个很好的选择。即时设计官网：https://js.design更多即时设计评测：欢迎关注「58UXD」的微信公众号：原作者：优设@ 58UXD
超实用！这款神器只用 6 招，帮你解决设计文件管理痛点！
编辑推荐：无论是以往的本地 Sketch 文件管理，还是 Figma 的在线文件管理，都存在着一定的痛点，而「即时设计」在这方面，无疑是考虑到了更细致的角度，通过多项特色功能，为设计师提供了一种更为有效且易用的文件管理方案，一起来看下吧~即时设计官网： https://js.design最近，在系统性地整理去年的各种文件时，我才真正意识到，自从用上即时设计、Figma 这些新的在线设计软件，我的文件管理习惯与以前使用 Sketch 时相比，已经潜移默化地产生了很大的变化。作为一个有强迫症的设计师，曾经最受不了的一些画面：为了不遗漏近期工作需求，通通堆在桌面设计文件整理不成体系，东一块西一块一个项目十个版本，全是最终版收集资源没有二次整理，下载目录眼花缭乱……想想就很头大是吧？之前也有给大家分享过一些整理电脑里文件的思路，不过今天要分享的，是在用上新工具之后变得不太一样的设计文件管理方式，希望可以给大家提供一个新的工具使用参考~在线保存，随开随走这是最基本，也是相当重要的一点。不管是即时设计还是 Figma，首先最吸引人的就是，所有的设计稿都被乖乖地保存在云端，这让我本地的 Sketch 文件数量大幅下降，桌面和其他文件夹都变得比以往要干净不少，甚至好像电脑都“轻”了 200g……其次，得益于在线工具的属性，我的设计文件可以完全摆脱设备和硬盘的限制，不用考虑电脑系统，不用考虑容量，不用担心备份的麻烦，随时关闭离开，在任何一台电脑上都能继续进行创作，这是以前用 Sketch 时很难享受到的体验。跟进以前，我的桌面之所以会乱，基本就这两种情况：有紧急的客户需求，总是要放在桌面方便打开；担心错过工作需求，不得不放在桌面好及时确认进度；而这些需求在做完后，又总是忘记归档，再加上做需求时为了便于使用在桌面放的各种素材、截图等等，时间久了就难免变成上面截图里那个样子。但现在，在「即时设计」里，我却完全不会遇到这种问题。即时设计和 Figma 一样，作为基于浏览器的在线工具，他们都没有桌面的概念，但是即时设计有一个功能叫「跟进文件」，通过右键菜单，我在遇到有很多需要近期处理的设计稿时，都可以直接跟进。这个功能算是比较容易理解，跟进后的文件，我可以方便地在左侧的「正在跟进」页面里找到，就相当于以前用 Sketch 时把文件放到了桌面，但操作更简单，效果也更好。而且，因为跟进的是源文件，我甚至可以先归档后跟进，完成需求后直接结束跟进即可，也不需要像以前一样，先放到桌面，等到所有工作都结束了再单独归档。打标签一些特殊的项目，我总是会单独在文件名后面加括号备注，或者通过 Mac 自带的标签功能加上一个特定的标记，个人认为这算是一种比较好的处理方式了。不过，在我用了「即时设计」的文件状态标签功能之后，已经有点嫌弃以前的方法了，并且由于这目前还是个团队独享的功能，我还专门建了个团队把自己工作台的文件放了进去。这也是即时设计的特殊功能之一，我现在会自定义一些常用的文件备注，然后非常方便地把某些文件打上我觉得合适的标签，也可以通过不同的颜色进行区分，相当于同时满足了两个需求。另外，这个功能也不仅仅是用来便于识别，在此基础上，它同样可以用来筛选文件，直观的看到对应的设计稿，也比在 Mac 里只能筛选出所有乱七八糟的文件要好用很多。体验「即时设计」文件状态： https://js.design文件分类无规矩不成方圆，没有分类的文件整理肯定也算不上整理。对外的项目、对内的项目、个人的作品、练习、公众号等等各种各样的内容，在整理前，起码要按照恰当地划分出至少 2-3 层子目录才能保证结构的清晰，但具体分类规则因人而异，就不展开聊了。经过几千年验证演变而来的文件夹，依然是分类管理最必不可少的，也是我们最习惯的方式，这一部分的习惯我在用「即时设计」时倒是没有什么变化。因为「即时设计」支持文件夹功能，和以往的操作基本没有区别。而与上面提到的「跟进」和「文件状态标签」搭配起来，体验可能还要比本地的文件管理好上很多，并且标签可以只筛选子文件夹里的文件，比 Mac 的全局筛选效率要高不少。不过在用 Figma 时却遇到了点小问题。Figma 是不支持文件夹管理的，也没有多层级的文件整理方式，虽然可以通过创建团队和项目的方式曲线做到单个层级的简单分类，但免费用户暂时也只能创建一个项目和三个文件……由于我目前还没有购买专业版的需求，所以约等于无。版本管理及备份创作这种事，当下的灵感和想法往往远比实际劳动的意义更高，做设计、写文章都一样，不管是自己还是 leader，都会有突然想要用回之前某个版本某个部分的情况，所以历史版本的重要性不言而喻。用 Sketch 的时候，虽然也有自动保存的历史快照，但基本只能用来防止文件意外丢失，在寸土寸金的 Macbook 里，版本快照动辄几十 GB 的空间占用还是很吓人的。所以我之前还是经常会通过手动复制对应版本文件的方式来实现版本管理，但是需要注意控制文件数量。当然，手动保存的版本，在公司层面也可以通过 Abstract 或者半年多前才上线的办公空间进行云端备份和管理，也是之前比较常见的形式。而有了「即时设计」和 Figma 这样的在线设计软件后，我的设计稿已经可以像在线文档一样，实现所有内容自动云端保存，随时恢复了。同时所有内容都在一个文件中记录和保存，还能随时快速创建重要版本的标记，不用像之前一样考虑本地多文件整理、上传和下载这些概念，省了好多麻烦。即时设计和 Figma 也都支持了导出自有格式的本地备份，一个是 .jsd 一个是 .fig，都可以 100% 保留文件数据并还原。即使公司需要备份 Sketch 文件，也可以通过即时设计自带的功能或者 Figma 的第三方插件将设计稿导出为 sketch 格式，在工作中使用完全没有问题。资源管理说到资源管理，其实 Eagle 已经非常全能了，我的本地资源基本也都是用它来保存的，如果舍不得花钱的话，还可以用 Billfish 来实现类似的功能。这依然是本地管理的方式，不过现在，我们也可以在线管理资源的方式。1. 个人资源库其实在最早介绍即时设计的时候也有提过，它的「个人资源库」是一项和 Eagle 类似的功能。我现在会将很多经常要在各种场景下使用的素材，都上传到即时设计中，在外出用笔记本或者 iPad 办公时，可以随时从个人资源库调用，不必每次临时需要某些素材时才去当初收集资源的网站重新搜索。2. 共享字体不只是素材，我收集的一些常用字体也基本都上传到了即时设计，虽然有本地字体可以用，但上传后的方便之处确实要真正体验过才能清晰地感受到。以前，我在家里电脑上做好的海报或者封面图之类的，如果要发到了其他电脑上，一定要把里面用到的新字体一起发过去，然后就是熟练的下载安装一条龙，才能正常编辑这个设计稿。现在，用即时设计做的项目，不管用哪台电脑哪台 iPad 打开，都可以直接照常编辑，既不用发文件也不用发字体。这个共享字体，不光个人能用，团队里的所有人也可以，而且对团队来说，实用价值更大，在 Figma 里，也可以通过购买企业版体验到团队共享字体。总结基本上就这些了，和 Sketch 相比，Figma 和「即时设计」具备一些相同的优势，但也有各自的优点和不足，一边有更强的性能，一边有更多能满足我们日常需求的功能，就目前来看，是没有必要非得二选一的。从自动保存备份、到文件夹、文件跟进、文件标签，再到素材和字体管理，起码在即时设计上，我已经完全培养出了一套比本地文件要便利得多的文件整理流程，这方面「即时设计」做的确实要好上很多。即时设计官网： https://js.design更多即时设计的介绍：原作者：优设@ 菜心¹
超全合集！腾讯、字节、阿里多套大厂资源，十几套小程序 App 模板！
2021 年就要结束了，年底给大家分享一波高质量的实用在线设计资源！与以往不同，这些从即时设计开源社区中整理的资源，借助着在线工具的特性，可以不用下载一键保存，更重要的是完全开源，不仅可随意对源文件进行二次修改编辑，还全部免费可商用！并且数量丰富，实用价值也非常高，每一份都能实实在在地用到工作项目里，千万不要错过~超多资源获取： https://js.design/squareTDesign 设计系统网址：https://js.design/resourceDetails腾讯上周刚刚开源的设计系统，据说是由内部 300 多位设计师和开发者共同打造的，规模可见一斑。TDesign 的内容也确实非常丰富，包含了各种可复用的设计组件资源，如色彩体系、文字系统、动效设计、图标素材、布局结构等，风格也能一眼看出是腾讯的设计。常用的组件类型也足够全面，绝大多数中后台设计场景都能满足，而且在规划中是有两套组件的，桌面端已经全线发布，移动端的组件应该会陆续更新。Arco Design 设计系统网址：https://js.design/square各种 Web 端设计必备的最新企业级设计系统，字节内部团队做的，刚开源一个多月。里面提供了 67 类不同的组件，从最常用的按钮、导航、输入框到各种菜单、列表、数据展示等等，搭建网页常用的在这里都能找到，而且整体设计风格非常不错，又新又高级。整套组件大概有几千个，每一类组件都对应着大量不同的状态，光是按钮就有上百个，随拿随用，我们日常的各种设计场景和需求应该都可以满足。Arco Design 图标库网址：https://js.design/square除了组件，还有一份将近 300 个图标的 Arco Design 图标库，基本覆盖了功能层面的大多常规分类，而且图标精致度够高，用它们做出来的 UI 绝对不会差。Ant Design 设计系统网址：https://js.design/square蚂蚁打造的老牌设计系统 Ant Design 4.0，知名度已经非常高了。Web 端、移动端都可以用，还有全套的页面模板、UX 线框流程图以及数据可视化图表等资源，组件多，内容全，素材极其丰富，应该是现阶段使用范围最广的开源设计系统。iOS 15 设计规范网址：https://js.design/square最新发布的 iOS 15 设计规范，包含了 iPadOS 和深浅色两种模式，内容比以往更多。Android 虽然有 Material Design，但因为国产安卓系统太多，一直没有真正通用的规范，所以苹果官方的 iOS 设计规范则成了几乎每一位 UI 设计师都必须要熟悉的移动端设计规范。这套规范的价值不容小觑，除了颜色、文本等规范外，还有大量的 iOS 组件。我们不只可以从中参考了解到 Apple 的 UI 设计布局、样式，更是可以非常轻松地用这些组件在几分钟之内搭出一个 iOS 端 App。WeUI 官方组件库网址：https://js.design/square微信小程序已经成为了移动端最重要的生态之一，而且这也是只有国内具备的一个独特领域，发展到现在，差不多每个 App 都需要一个对应的小程序。那有了这套组件库，设计师朋友必定可以更好更快速地适配并设计出一款符合需求的小程序 UI。18 套移动端设计模板网址：https://js.design/square厉害的来了哈！整整 18 套完整的小程序 App 界面设计，都是设计原稿，里面每一个图层都能自由编辑修改属性，不但可以用来参考，还通通免费可商用！全都是由「即时设计」团队设计并开放给用户的，18 款不同应用，几乎覆盖了市面上主流移动端产品类型，在这基础上改动也好，直接拿去开发也好，总之你想怎么用都没问题，这不得好好夸一下？百度智能小程序图标库网址：https://js.design/resourceDetails还有一套不得不提的。百度智能小程序发布的新版图标库，大概有 1000 多个，种类异常丰富，而且与上面的 Arco Design 不同，有大量偏内容层面的图标。书籍影音、互动社交、交通出行、生活服务、政务服务等等，还提供了彩色和线型两种风格，适用范围更广，实用性高。百度智能小程序插画网址：https://js.design/resourceDetails另外，百度还提供了大概 200 多个插画资源，内容也是相当地多，不同角色、不同风格的场景插画，纯人物插画，还有各种人物组件、物品元素……运营插画 banner网址：https://js.design/resourceDetails插画的用处很多，其中最常见的估计就是运营图了，活动页、海报、banner 以及封面等等，相信包括我在内的很多设计师在工作中都有接触过。那这套资源除了同样有很多插画素材外，也相当于提供了模板和范例，可以简单修改部分元素和文案快速出图；还可以在自己设计时作为参考或复用部分元素。App 弹窗合集网址：https://js.design/resourceDetails提到运营设计，另一个很重要的版块就是弹窗，与功能弹层不同，活动弹窗对视觉的要求更多，要有特点，要足够吸引眼球，还要具备一定的引导性等等。这套弹窗资源就非常不错，类型够多，基本能覆盖市面上大多数弹窗应用场景。总结以上就是今天要和大家分享的一些偏实用的设计资源啦，想要的同学，可以直接去「即时设计」资源广场查找，里面还有非常多优质的设计资源，详细使用方法之前也有分享过，看这篇就可以：值得收藏！一套你从没见过的在线资源使用方法更多资源获取地址： https://js.design/square欢迎关注作者微信公众号：「菜心设计铺」原作者：优设@ 菜心¹
作品集太普通？5 分钟教你做出一份可交互的在线作品集！
编辑推荐：绝对是打开新思路的一篇分享！「即时设计」这款国产在线设计工具的热度越来越高，在不久地将来势必会成为更多 UI 设计师的主力工具，和本地工具相比，云端存储、多人实时协作，团队一站式交付，还有上次提到的一键使用在线设计资源等等，都是它所具备的优势。而这次，又为大家带来了特殊的「在线可交互作品集」制作方法，而且不占空间，随时修改……相信会让你对这款工具产生更不一样的看法~「即时设计」官网地址： https://js.design分享了那么多作品集案例、点评、包装的经验，这次准备说点不一样的，大纲如下：作品集的意义常见作品集形式新的作品集形式如何制作我的新型作品集总结作品集的意义作品集永远是能最直观地体现设计师个人能力和审美的东西，而且它不仅可以作为我们对自己创作和成长的总结，更是面试时他人对我们进行评判的重要依据。所以，一份足够优秀，足够新颖的作品集，对于每一个设计师来说都非常重要，他可能决定着我们机会的多少，也可能决定着我们的工资……想知道如何让作品集更优秀的话，可以直接从以往的相关文章借鉴经验，而如果想试着让我们的作品集变得更新颖，更与众不同的话，就跟我一起往下看吧~常见作品集形式1. PDF应该是目前最普遍的形式，没有字体和兼容问题，对于偏向图文展示的设计师来说基本够用，不过也只能满足纵向浏览的静态图文了，而且需要发送文件，控制文件大小也是个很头痛的事情；2. 设计网站个人主页很多设计师也会通过分享自己在各大设计类网站的个人主页地址的形式展示作品，这样优势是可以直接一个链接搞定，不用考虑文件大小，但实际内容要么和 PDF 类似地整理在同一个页面，要么就需要他人反复跳转加载新页面来查看；3. 个人网站一种比较理想的形式，既具备了链接优势，又可以不局限于图文，完整地按照自己的思路整理作品甚至演示交互，但是有一定的开发难度和维护成本，对设计师的综合能力要求较高。与众不同的在线作品集当然，形式是一方面，一个合格的面试官也绝对不会只因为形式就拒绝一位优秀的设计师，但是如果每天要筛选成百上千份简历和作品集的话，浏览体验和展示效果必然还是会有不小的影响。接下来，就为大家打开思路，为什么我们不能找一种方式，既能保证我们的内容展示，又能不局限于文件大小和图文效果，同时还不需要进行过多额外工作，来展示我们的作品集呢？没错，我还真找到了这么一种不但满足以上优点，还非常新颖的作品集展现形式——即时设计。上次安利它的时候就已经有想法了，后来去实际测试了一番，发现它的功能意外地非常适合做这个事情，而且最终实现的效果相当不错，所以决定给大家好好分享一下，怎么？已经有点好奇了？那就来看下吧：在线作品集，云端存储分享首先，作为一款在线 UI 设计工具，即时设计可以将我们的作品完整地存在云端，直接通过链接的形式分享出去，他人便能查看到你想展示的全部内容，完全没有文件大小限制。工具和内容一体，展现形式多样当作品集本身和作品集的制作、浏览、演示都在设计工具之中时，我们可展现的部分必定会更多，形式也自然与以往有很大不同。1）图文如果你依然需要常规 PDF 形式的图文内容做介绍，那没有任何问题，就像我们在 Sketch 上做 PPT 做一样，即时设计也可以非常轻松地搞定图文排版。而且相比 PDF 文档，在无限画布的设计工具中，也不再局限于单一的纵向浏览，排版形式更加丰富，既可以直接全局浏览查看整体效果，还能自由缩放移动聚焦感兴趣的信息。2）图文+设计稿除了图文，还可以利用设计工具的特性做出更多花样，比如图文和设计稿结合，提高作品集的真实性和说服力，每个设计师按照场景进行不同的组合排列，肯定会产生与普通图文差异更大的效果。3）交互稿不止设计稿，即时设计同样还支持原型交互，所以你完全可以用这种比线框图直观数倍的方式展示你的逻辑性和对交互的理解程度，当然，两者结合也 OK。另外，你还可以利用它的智能动画功能，在演示完整交互的同时展现你的动效创作能力，并允许他人直接在线预览和操作。4）模拟真实网站在简单的交互展示上更进一步，通过即时设计强大的原型功能，给设计好的网页加入各种点击、悬停、拖拽事件，我们甚至能完全模拟出一个真实的网站，每个动效，每个页面的跳转，每个弹层、浮窗，包括外链，几乎可以以假乱真。功能全面，制作维护成本低刚刚提到了即时设计的原型功能，事件全，还有智能动画，满足大多数交互和动效需求，而设计功能也是相当完整，基本跟 Sketch、XD 和 Figma 一致，加上本土化的优势，让你使用起来几乎没有门槛甚至更容易上手，所以平时创作的任何内容，都可以在即时设计上快速完成并进行编辑维护。如何制作我的第一份在线作品集？好了，既然已经看到这里，那想来你一定已经对这种作品集的形式产生了浓厚的兴趣，可能也忍不住要把作品集放上去感受下了吧？当然，这些都是我用小伙伴的作品和官方资源做的一些简单演示和总结，以展示为主，与真正的作品集依然有很大区别，那介绍完形式，下面我会继续从制作方法和相关功能方面分享一下，相信各位在看完后，绝对能凭借着自己的作品和创造力，打造出足够惊艳的线上作品集。1. 作品导入上传第一步不用说，自然是把自己以往的作品上传到云端了，或者也可以从零开始。对于 UI 的设计师来说，最多的应该就是 Sketch 或者 XD 格式的文件，而即时设计同时支持了这两种格式，你可以直接导入到里面进行编辑和调整，非常方便。如果你还有 PS 文件的话，可以先通过 XD 打开，保存为 XD 文件后再进行导入；其他的像 C4D 这种文件就算了，还是当成图片用吧……2. 作品整理要将不同作品整理到一起，直接复制粘贴即可。你可以根据自己的需求，把不同类型的作品集分文件整理，也可以整合到一个文件里，但是建议分页面管理，尽量不要把所有作品都堆在同一个页面。3. 文本超链接整理好作品后，我们可以将自己常规的作品集介绍放在首页做一个完整的展示，最优秀的作品也可以选择放在首页做好排版，如果要跳转其他作品的话，就可以通过即时设计的文本超链接功能来完成了。这是一个非常实用的功能，它不是简单地跳转外链，而是可以一键跳转到设计稿中的任意一个页面甚至单个画板。只要在页面或者画板处右键，复制链接，并添加到文本的超链中，就能实现在文件内或不同文件之间的跳转，也可以用来跳转预览页面，直接进行交互动效演示。4. 排版优化和动效即时设计已经支持了很多进阶的功能，让我们可以更方便地优化内容排版并对作品集进行动效加持：「自动布局」，可以用在自适应的图文、列表、卡片中，既能快速保证不同内容的对齐，还能大幅减少后续排版调整和设计稿维护修改时的手动操作；「变体」，将已有的引用组件整理成变体之后，不仅在维护设计稿时可以更快速地一键切换组件状态，在实现组件间的交互时对效率的提升也尤为明显；「智能动画」，除了前面比较简易的交互动效外，还可以将它自动补间的特性用在更为细节的内容如 LOGO、图标、Loading 等动效展示上，提高作品集的精致度。5. 字体授权字体，在作品集里的作用显而易见，正是它让设计师选择了 PDF 而不是 PPT，所以当用设计工具来承载作品集时，必然也躲不开字体问题，尽管自带了数十款云端字体，但对于大量的文字内容来说，肯定还是无法满足的~而即时设计完美地解决了这个问题，不管我们想用什么字体，都可以通过「导入本地字体」并「授权」给作品集文件的方式实现，让所有查看作品集的人都能正常显示任意文本，完全不用考虑对方电脑里有没有某个字体！上次讲资源的时候就已经提到了，即时设计同时满足本地、云端、个人导入三种字体使用方案，这也是即时设计最特殊的优势之一。6. 在线资源在丰富我们的作品集时，也可以尝试利用下即时设计资源广场里的大量设计资源，不管是参考作品模板、画线框图，还是使用样机模型，都能提供不小的便利。至于这些资源具体怎么用，可以看上一篇分享：《值得收藏！一套你从没见过的在线资源使用方法》7. 实时更新同步线上作品集还有一个优势，就是实时更新。这也意味着，如果你在简历和作品集邮件已经发出去之后，突然想要补充或调整，可以直接在即时设计中完成，所有的修改都会实时同步到云端，保证对方随时看到的都是最新的内容，这一点也是 PDF 做不到的。8. 导出 PDF诶~ 没想到吧？！绕了一圈又回来了。即时设计已经支持了导出 PDF，所以就算你在里面做完了各种炫酷的作品集之后，遇到没办法使用或者不方便用的情况，依然可以通过导出最为常规的 PDF 文件来投递简历，怎么样，是不是很周到？总结好了，以上就是今天分享的最新形式的作品集内容，如果你能看到最后，那相信不管你会不会用这样的作品集去面试，一定已经收获了不少新的作品集思路或者对「即时设计」这款新工具的不同认知和理解，可以预见的是，它还有很多有待我们挖掘的可能性。最后，希望大家都可以做出更优秀的作品集，找到更适合自己的工作~「即时设计」官网地址： https://js.design欢迎关注作者微信公众号：「菜心设计铺」原作者：优设@ 菜心¹
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 年《设计师喜爱的十大生产力软件应用》和《设计师喜爱的十大生产力硬件外设》，列表中的产品不分排名和先后顺序，数字序号仅为方便阅读展示。榜单中的这些产品，我们参考了大家在问卷中的反馈，还有各电商平台上的销量、好评率，每一个产品类型最终只挑选出一个品牌的产品，让有升级装备计划的设计师，能有一份可靠的清单参考。如果你认为有更好的产品值得加入榜单，请联系下方同事告诉我们，说不定它就会出现在下一次的榜单中。原作者：优设@ 包大有趣
为什么都在推荐这款设计工具？它究竟比 Figma 好在哪里？
编辑推荐：过去的几个月里，「即时设计」这款存在感爆棚的新形态国产设计工具吸引了太多设计师朋友的关注，也让很多人对于“它和国外的 Figma 到底有哪些差异？我们又该如何选择？”等类似的问题充满了好奇，前段时间刚分享了一套它和 Figma 不同的资源用法，这次就为大家更全面地展示下它的本土化优势，一起来看看吧~「即时设计」官网地址：https://js.design从上半年入坑 Figma 之后，我就一直在关注国内设计工具的进展，期待能有更符合我们本地需求的体验出现。前阵子看到「即时设计」一周年的汇报，发现它不仅功能已经足够全面，本土化也做的相当不错了。尤其是最近更新了智能动画和交互后，原型、交互、设计、在线协作这些基本都已经和 Figma 相差无几。而两者的差异也越发地明显，作为一款国产工具，即时设计多了很多更适合国内用户的优势，当然，因为去年才上线，有些方面还不如 Figma 完善，但这不是今天讨论的重点。今天主要还是跟大家聊聊，为什么它的本土化会让我这么看好。全中文不用说，这也应该是最明显的优点。虽然 Figma 很好用，但中文确实是个大问题，尽管有网友做汉化，不过也只覆盖到部分基础功能，很多地方依然需要一定的英文功底。在浏览器里还能配合着翻译功能应付一下，而新版 Figma 客户端却彻底限制了第三方修改，之前替换中文补丁的操作现在只能用在旧客户端里了。而即时设计里就不存在这些问题，所有的操作界面，官方的教程、说明文档全都是中文，任何一个母语中文的设计师都没有阅读和识别障碍，学习成本极低。更重要的一点，就是 Figma 并不支持显示中文字体名称，用起来非常不方便。而我们做设计又几乎都是中文场景，光是中文字体这一点，即时设计的体验就直接高了一个档次。另外，相比起 Figma 遇到问题需要在社区里使用英文求助的方式，即时设计直接扫码加入用户群随时反馈的体验，无疑更能让人安心。网络稳定同样作为一款在线工具，即时设计自然也没有平台限制，浏览器即开即用，支持 Mac Win Linux 甚至 iPad，而最重要的是，它的服务器在国内，没有网络门槛，也没有境外信息安全问题。Figma 的网络就比较随缘了，起初不能用，后来一段时间访问很流畅，但最近又开始频繁失联，动不动就无法加载必须要特殊方法才能打开……对于个人来说这问题可能还好，但是对于 Figma 这样一款在线协作工具，网络问题还是很头疼的。我好不容易进入了编辑界面画好了设计稿，结果链接分享给别人，对方又打不开，每次都会非常尴尬。所以，既然我没办法很好地优化自己的网络，倒不如试着换一个选项。操作习惯前面两点还是相对比较基础的差异，也算是本土化必须具备的优势。不过接下来，就该一点点看出这个团队做的更实际的工作了。即时设计界面布局并不特殊，对于习惯 Sketch XD 或者 Figma 的用户都能很快 get 到，自带的一套快捷键也和 Figma 比较接近，需要额外学习的地方并不多。而让人很意外的点在于，它做了一个很特别的「Sketch 适配模式」，让用户可以选择使用 Sketch 的快捷键和滚轮缩放习惯。毫无疑问，国内的 Sketch 用户群体非常庞大，有了这个功能，设计师能更自然地无缝切换到新工具，绝对是非常令人愉悦的体验。字体管理在字体方面，也值得多说一点。除了友好的中文字体支持外，即时设计还有更多优势，就是它做了三种不同的字体使用方式，大概是目前市面上唯一一个这么做的设计工具。安装本地字体助手，直接调用本地字体；导入字体包，字体在线共享和使用，摆脱下载安装；什么都不用做，随意使用官方提供的数十款在线无版权字体。我们再也不用担心朋友同事缺少某个字体，更不用随时备好一堆字体文件等着给他们安装……以前字体使用习惯中最麻烦的问题，一下子被彻底解决了，这应该是即时设计最戳我的一个地方。资源库即时设计有和 Figma 社区对标的资源广场，只是暂时还不支持用户发布自己的作品。但即时设计又额外做了一个在线的「资源库」，不光可以引用资源广场的素材，还能手动上传自己收集和创作的内容，随时都能使用。而且资源库的素材都可以直接拖拽到编辑界面，资源和工具衔接地非常顺畅。从资源使用的角度来看，相比以往只能完整下载一堆源文件再复制粘贴的体验，即时设计似乎又更友好了一点。在我的期待里，如果它后续允许用户发布作品，并且支持这种能自由拖拽复用的形式，那资源的使用体验必定会既独特又实用。文件管理相信不光是我，每一个设计师的文件数量都只会随着时间越来越多，很少有人会选择直接丢掉自己的心血和成长痕迹。以前用 Sketch 时还可以通过电脑中的文件夹来整理，但 Figma 里个人文件只能按顺序排列在草稿页，团队文件也只能按照项目来划分，有些不太适应。而即时设计已经支持了无限嵌套的文件夹功能，和本地文件的分类管理体验几乎没有区别，我可以按照喜好自由整理不同类型的设计稿。当所有文件都能整整齐齐地保存时，带来的也不只有优秀的体验，还会让人多一份归属感。​项目跟进工作中，我们经常会同一时间参与很多需求和项目，每次去一大堆文件里找东西是真的很麻烦。即时设计针对这种情况做了一个「跟进文件」的功能，它让我们可以直接跟进近期的所有文件，并在「正在跟进」面板里一览自己负责的内容。这个功能的好处在于，如果我们近期需要同时处理多个项目，而这些项目又分散在不同的团队或文件夹中，它可以帮我们节省反复切换页面和搜索的时间成本。对于每一个设计师、产品、开发，甚至是团队 Leader，都能借此来大幅提高项目管理的效率。文件状态这是一个面向团队用户的功能。我们可以使用管理者设置好的标签来标记团队文件的状态，如进行中、评审中、已完成等等，所有团队成员都能更高效地筛选项目并清晰地确认每个需求的进度。看起来很小的一个功能，但是和文件夹、项目跟进这些整合在一起，让即时设计的工作台不论是看起来还是用起来，都比以往的设计文件管理体验好了几倍不止。团队协作非常值得一提的部分。Figma 虽然把原型设计和标注切图整合在了一起，但是对很多国内团队来说，还不能很好地满足现阶段的需求和使用习惯。所以即便很多人用上了 Figma，也还是难免要像以前用 Sketch 一样，借助第三方插件来完成协作交付的工作。但即时设计不一样，它更了解国内用户，知道我们需要切图预设，需要颜色定位，需要标注参数的倍率切换和单位切换，需要开发好上手……那么我们国内团队，目前也只有在即时设计里，才能感受到真正将原型交互、设计工具和开发交付的第三方插件结合在一起的协作体验，到底能有多爽！其他协作相关另外，协作方面还有一点优化，就是即时设计的仅预览权限，对方确实是只能预览和查看标注信息，无法复制和编辑你的设计稿。而不像 Figma 那样，只有一个可查看的权限，只要对方拿到链接就能把你的项目复制一份进行编辑。即时设计还支持扫码预览，可以用微信或者官方 App 扫码实时预览设计效果，并用手机对设计稿进行远程评论，协作体验十分完善。文件迁移即时设计和 Figma 一样也可以导出本地文件备份，对于有必要确保数据安全的用户来说是完全满足需求的。而即时设计又多做了一点，它同时支持了导出 Sketch 文件……这意味着，就算只有你在用即时设计，也能和使用 Sketch 的朋友或同事进行协作，并且如果公司要求 Sketch 文件备份，也照样可以满足。即时设计还可以导入 Sketch 和 XD 文件，甚至已经有人把它当成文件转换工具在用了，因为效果确实比 Figma 的收费插件要好很多……总之，在文件迁移方面的体验，即时设计必然也能够满足更多的用户需求。不足和期待即时设计作为一款刚刚上线 1 年的产品，在这么短的时间里已经做到了和上线 6 年的 Figma 如此接近的程度，不得不说，这个迭代速度还是很惊人的。当然，也还有一些欠缺的地方：主要是大文件下的性能体验、第三方插件市场和真正流转起来的社区。根据反馈看，性能应该是它接下来迭代的重点；目前官方也上线了十几款插件，相信之后会有更多；至于社区这块，就看他们想和我们国内的设计师怎么玩起来了！~就像前面说的，它在本地化方面已经做出了很多它独有的优势。但其实和现有设计工具类似的地方并不是我关注的重点，未来它会在中国的设计环境下发展成什么新的样子，反而是我最期待的部分！总结之前也说过，Figma 很香，但是在国内很难推广。因为不管是你的公司或者团队、朋友，总会因为语言、网络、价格、服务、信息安全，也包括协作以及其他的体验问题中的某一点或几点，而无奈拒绝掉它……所以如果有需求的话，倒不如试试即时设计，反正是免费的！凭借着丰富的本土化优势，它必定能更好地满足我们~「即时设计」官网地址： https://js.design原作者：优设@ ZoeYZ
值得收藏！一套你从没见过的在线资源使用方法
编辑推荐：已经安利过不止一次了，上线刚满一年，「即时设计」这款中国版 Figma 已经能做到很多 Figma 无法实现的事情了，而且确实和他们的口号一样，为国内设计师打造，今天推荐的这套资源使用方法，就很好地展现了这一点，来看看吧~「即时设计」官网地址：https://js.design经常会给大家推荐一些资源，但是很少有聊过这些资源都应该怎么用，因为可能每个设计师都有自己不同的使用心得，并不容易转换……不过今天，我还是有了点想要分享的东西，一套保证和你之前完全不同的资源用法，它将在线的资源和设计工具深度集成在一起，不光在体验上做到无缝衔接，效率的提升也相当可观，最重要的是，这套方法目前只有「即时设计」这一款工具能实现！没错，Figma 做不到，Sketch 也做不到，尽管它们在某些程度上可以有类似的效果，但体验差异非常大，如果想看看它到底有什么不一样的话，不妨我一起了解下吧，大纲如下：丰富的在线资源在线资源的多种用法独特功能实现的完美闭环字体也能云端共享的特别体验从第一次了解「即时设计」到现在，前前后后加起来大概也用了有一个多月的时间，在上面做了不少日常项目，比如公众号封面和一些文章配图，还有偶尔给朋友画个图标，搭个界面之类的。虽说时不时也遇到了小 bug，但整体还是挺棒的，没想到国内的设计工具也已经发展到这种程度了。也正是这一个多月的使用，让我一步步体会到了这种随时打开浏览器就能做东西的体验，到底可以带给人多强的幸福感，同时逐渐体会到了，在云文档已经大行其道的当下，在线设计工具可以还能有多少的可能性，或许看完这篇文章，你也会产生不少新的看法~**1. 要什么有什么巧妇难为无米之炊，在聊资源怎么用之前，还是得先看看都有什么资源。• 设计规范和组件库打开即时设计的资源广场，最醒目的位置就放着三套设计规范，蚂蚁的 Ant Design、微信小程序、安卓 Material，下面还能找到鸿蒙、iOS 等各种官方资源，很明显是比较重要的内容了。确实，在作品集里我们可以毫无顾忌地发挥自己天马行空的想象力和创意，但是在日常工作中，遵循一定的设计规范绝对是必要的。由大厂团队精心总结的设计规范，质量自然不用说，不管是用来设计对应平台的应用，还是当成其他作品的参考，都能实现非常不错的效果。而对应着完整的设计规范，即时设计还专门整理了相当数量的配套组件库，可以直接应用在设计中。• 种类丰富的其他资源除了上面最重要的两类资源外，即时设计里的资源还有很多，虽然量级还赶不上专业的资源站，但提供相当精准，各类型的概念 App、网页设计，丰富的运营图、PPT 案例，以及适应不同需求的的图标、插画、样机模型等，几乎涵盖了日常设计的各种场景。而且这些资源还支持筛选「是否可商用」，明确哪些用于参考学习、哪些直接可以商用，让你放心使用，无需担心版权问题。可能有朋友看到这会问了，你也说了这些资源虽然够丰富，但还是赶不上我收藏夹里那些资源站，那我干嘛非要从这里找资源呢？别急，还记得我们最开始说的么，这是一套完全不同的资源用法，而且一定要配合着工具才能体现出它的价值，而它的不同自然要看完下面的内容才会更清晰~想怎么用怎么用首先，作为一款在线工具，它最大的优势就是在线的资源不需要下载，可以直接保存到设计工具中，而具体到各种资源里，还有很多高效的用法：• 快速「使用」整个文件在线的设计规范、模板、App 和网页概念设计等很多完整的资源，都只用点击一下「使用」就能保存到工作台中打开，一步直达，没有任何的多余步骤。这些保存好的资源，可以像其他工具一样按照自己的需求自由地使用，而不一样的地方，则在于即时设计工具本身的特色，就拿规范来说吧，我们可以将其中最重要的颜色、文本、阴影等样式分别创建为独立的全局样式，更高效的运用到具体项目中。创建好后的全局样式可以实现一键快速切换，批量修改等操作，甚至在即时设计里还能做到云同步，就算是把设计稿分享给他人，对方也能直接对文件中的样式进行编辑和复用，体现出了协作的优势。• 一键「引用」资源库在这里才真正展现出即时设计资源和工具本身高度集成的优秀特性。资源广场的资源分为两大类型，一类是像上面的规范和概念 App 这种可以直接保存的完整文件，还有一类，则是可以一键「引用」到资源库的组件、图标、插画等素材，引用之后，能够直接在编辑页拖拽使用所有的内容，实用性极高。形式上有点类似 Sketch 的 Library，但是实际使用起来，无论是直接引用无需下载的优势，还是左侧面板的浏览和拖拽体验，都要比 Sketch 来的更加方便和好用！即时设计的引用组件也有很丰富的用法，属性独立可修改的实例组件、方便整理和快速复用的引用组件库、更高级的引用组件变体等等，讲起来内容有点多，这次就先不展开啦~• 自带无版权图片和智能填充如果你在设计时需要用到图片，即时设计直接在编辑页的资源库里提供了 pixbaby 的在线无版权图片，搜索后就可以点击或者拖拽运用到作品中，模拟更加真实的头像、banner、图文卡片等组件展示效果。另外他们还自带「智能填充」的插件，可以快速随机填充各种类型的图片和文本，让你彻底摆脱单调的占位元素！• 自带 iconfont 插件如果你觉得图标不够用，他们最近又刚好上线了 iconfont 插件，作为国内最大的图标站，数量上必然不用担心，而且直接搜索关键词就能修改参数拖拽使用，在便利性上也比往常还要从 iconfont 里复制 SVG 粘贴到设计界面的操作高上很多！看到这里，有成功 get 到这一整套在线资源+设计的优势了吗？从设计规范的样式到组件，再从模板素材到图片、图标，最后到个人的设计创作，基本涵盖了设计流程中的所有关键节点，最难得的是，每一个环节都在即时设计这一个工具网站中完成，没有借助任何其他工具，而且资源和设计一体化所带来的优秀体验和效率提升，绝对要远比你想象的更大！可能有朋友又会问了，这一整套看下来好是好，但是好像只能用它里面提供的资源啊，那万一我要用的没有，岂不是很尴尬？其实我一开始也有和你同样的顾虑，但是在我发现下面这个功能后，问题就全都被解决了。通过个人资源库实现资源复用这是即时设计中最独特的功能之一，它的入口很浅，和引用的资源库放在一起，很容易被忽略，但是这个功能它有多好用呢，你可以把它当成是在线版本的 Eagle……当然，目前还没有 Eagle 那么强大，但是在线的优势，以及和工具高度集成的特性，都让它的实用价值得到了极大的提升。它可以将所有你想用但是资源广场里没有的资源，比如设计时导入的素材，甚至是你创作的任何引用组件、变体、图标等等所有的内容，通通上传到「个人资源库」，精准地整理出独属于你的设计规范、组件库，或者是素材库。而且这同样是云端的功能，和在线资源的性质几乎完全一样，不会占用本地空间，打开浏览器就能拖拽使用，无需重新设计、筛选，真正实现了将每次设计过程中的资产最大程度地归纳复用！延伸：独有的在线字体库还没完哦~ 在这套完美闭环的一体化在线资源设计流程之外，还有更大的惊喜，因为字体也是一种设计资源，所以如果能把字体也加入到这套在线资源用法中，是不是会更容易地感受到用在线工具做设计的优势呢？即时设计还真实现了，它支持了将字体导入云端，让你可以搭建一个在线的字体库，和其他资源一样直接线上使用，总之既保留了本地字体的便利，又完美地解决了本地字体重复分享、下载、安装这些繁琐问题，多了一种其他工具所无法提供的全新体验！官方对比图总结以上就是使用即时设计这段时间里，我总结出的在线资源设计方法了，整体并不复杂，看完文章后上手应该没有任何问题，可能你也已经迫不及待地想要亲自感受一下了，那就别等啦，未来一定是云端工具的天下，试着从现在开始就养成在线使用资源的习惯吧！「即时设计」官网地址：https://js.design欢迎关注作者的微信公众号：「菜心设计铺」作者： 菜心设计铺
忍不住安利！这款设计工具真的被低估了！
编辑推荐：最近「即时设计」这款工具在设计圈里真的是赚足了眼球，不少朋友都在推，我们也已经关注和使用了很长一段时间。「即时设计」和 Figma 类似，是一个可多人实时协作的云端设计工具，从设计到评审、交付、团队协作、版本管理都可以 cover。作为一款上线不久的国产工具，起初大家对它并不是很看好，但不得不说，在深入使用后，不管是它的迭代速度还是它的完成度，比我们的预期都要高出太多，确实已经有了让人重视的资本，甚至隐隐中还有了一股对国产的自信。一直想找个时间把它分享给大家，上周刚好看到已经有朋友深度体验并发表了他的使用感受，观点足够客观，优缺点分析地也都到位，而且同为设计师，大家关注的点其实差异并不大，所以决定直接将这篇文章分享给大家，后面有机会再从其他角度进行探讨~「即时设计」官网地址：https://js.design前段时间一直在跟大家聊一些设计经验和技巧方面的事情，好久没聊工具了，今天咱们换个话题！最近连续好几个同学跟我提到一款国内的 UI 设计工具——「即时设计」，问我怎么看，但我之前没太关注，所以也不好直接评价；但不得不说这还是勾起了我的好奇心，于是我认真用了一下他们的产品，顺便还去他们用户群默默潜水了一段时间。说实话，他们产品的完成度和迭代速度是超出我预期的，而且不到一个月，又接连更新了 4 个大功能；在群里对用户的反馈处理也相当迅速，用户问题秒回、Bug 基本是当场修复、甚至提的一些小的新功能也能做到当天开发上线。最要命的是，我在群里潜水了这么久，他们基本天天如此，也是很让人佩服了，所以虽然还是有一些小 Bug 和需要优化的地方，但也让我对国内的专业设计工具有了很大信心，那下面我们就来详细地聊一下这款工具吧~懒得重新录，直接用了他们官方配图基本每天一更的更新日志当然，对于用户来说，光有态度肯定是不够的，工具本身的体验肯定需要跟上，既然是一款专业工具，自然也应当从专业角度来介绍它，我会从设计师比较关心的一些维度给大家分享一下我这些天用过之后的感受。上手体验如何？切换成本高吗？「即时设计」的布局和操作基本和其它设计工具一样，如果你已经能熟练地使用 PS、Sketch、XD 或者 Figma 这类工具，那估计没什么学习成本。而且，它还极其人性化地提供了「Sketch 适配模式」，支持使用 Sketch 原生的滚轮缩放习惯和快捷键！对于像我这种 Sketch 忠实用户来说真的是非常给力了。在文件迁移方面，它支持了 Sketch、XD 文件的直接导入和编辑（别的工具应该都不支持 XD ），想要把项目迁移进去还是很方便的。不过目前还不支持批量上传，希望能尽快支持一下，毕竟历史文件还是蛮多的。最令人惊讶的是前天上线的「Sketch 导出」功能，刚一发布群里就跟炸开了一样，**两个字此起彼伏的……这好像是目前唯一一个支持导出 Sketch 文件的设计工具吧？他们心还挺大，不过也确实有底气，不用担心用户流失。初步体验了一下，虽然是 Beta 版，但还原度真的蛮高的，编辑性也保留了，感觉比 Figma 上面导出 Sketch 文件的那个插件效果要好很多，所以如果你也想迁移到上面试试，但公司又要求必须有 Sketch 文件备份的话，现在应该没啥问题了。能看得出来，作为一个新的设计工具，「即时设计」在用户迁移体验这块确实还是花了相当多心思和精力的。已经能满足设计需求了吗？像矢量编辑、蒙版、布尔运算……这些基础的功能肯定都有，就不多说了，毕竟如果连这都没有的话，那也根本算不上是一款专业的设计工具。可能比较多同学关注的引用组件（Symbol）、样式管理、Resize 这些也都一个不差，矢量网格也是参考的 Figma 的形态，除此之外，Figma 上面那几个最提效的功能——自动布局（Auto-Layout），有了！变体（Variants），也有了！全部用了一遍，就目前来说，在功能和性能方面，它的可用性都已经足够高了，起码在原生功能方面，「即时设计」基本上已经和主流工具站在了同一个起跑线。而且迭代的步伐只快不慢，也就原型这块还是弱了一些，动效和事件比较单一，不过设计时用得少，所以影响也不是很大，如果能再把原型里的功能完善一下，基本就齐活了！有什么特别的功能吗？对于一款国产的设计工具来说，肯定不能只做 Figma，本地化的特色自然也是很重要的。1. 文件迁移这几个功能在前面一 pa 其实也讲过了，在为其他工具用户提供的便利性上，「即时设计」做的确实够多了，两个主流本地工具 Sketch、XD 的文件导入，一个最主流的 Sketch 文件导出，它这基本上相当于给用户完全敞开了大门，不管你是想进来还是想走，都全凭自己决定，光这一点，格局就已经比很多工具要大上不少了。2. 资源广场官方提供了一个可以查找和引用设计素材的资源广场，里面有设计规范、App 概念设计、页面、组件、图标、插画等几种不同类别的内容，应该是有专人进行维护的。这两天上线的饿了么和 Ant Design 4.0，还有上个月华为发布的鸿蒙 OS，他们上面都有成套的设计规范。虽然数量上比不上专门的资源网站，但我的态度和给各位同学分享资源一样，这种东西永远是在精不在多，量大的心理安慰固然很重要，但是能真正使用并转化到设计上的才是好的。起码看起来，挑选的内容质量还是不错的。3. 资源库这也是和其它工具区别很明显的地方，针对国内设计师的使用习惯，即时设计做了「资源库」的功能，和我们平时常用的 Eagle 这类工具的定位类似，可以保存自己收集的设计资源，比如规范、组件、图标、图片等，在不同的项目中直接使用。这无形中又节省了一项软件成本，而且一项很大的优势是所有素材全部存在云端，所以随时随地登录账号就可以使用。4. 与国内平台的接入及合作在国内的环境下，即时设计如果要和一些国内常用的协同平台进行合作必然会比 Figma 要来的更加方便和实际，目前可以看到他们已经作为第一个也是目前唯一一个 UI 设计工具接入了「飞书」，和飞书的消息系统以及快捷面板都打通了。如果你的团队刚好在用飞书，那便利性肯定会高很多。这对双方都是有好处的事情，虽然不知道后续会不会再接入类似的办公平台，但这部分还是很值得期待的。5. 字体共享即时的字体使用模式也和别的工具不太一样，除了官方内置的字体外，其它字体是需要靠自己导入到平台的。最开始还是觉得不能使用本地字体有点麻烦，后面用了一下，发现其实这个模式也还挺好。第一，这相当于建立了一个自己的线上字体库，即使换了电脑甚至是用 iPad 来进行设计时，也一样可以访问和使用；第二，当你邀请别人一起协同编辑某个文件时，如果要用到特殊字体，你可以直接把字体授权给文件，这样所有协同者和预览者都可以使用或看到这个字体了，这可比以前每次要给别人安装字体爽多了。团队使用体验如何？因为我主要是自己用的，所以团队部分没有过多实际使用，但是我看了一下，团队管理、多人实时协作、标注切图、链接分享、打点评论等等都是和 Figma 一致的，一个链接就可以让所有人（包括产品、开发、运营）参与其中，项目修改实时更新。所以应该是完全能满足团队使用需求的，而且据我了解，身边一些同学也已经在团队中用起来了。什么系统可以用？因为是在线工具，所以直接浏览器访问就可以，对于系统没有任何限制，Windows、Mac、Linux 用户都能用，甚至你想用 iPad 也是没问题的（键鼠、触屏和 Apple Pencil 也都支持）。贵吗？免费！！！所以。。。不用担心。有同学担心割韭菜的问题，团队也多次明确地表达了态度，说永久免费就永久免费，盈利计划会放在商用素材、私有化部署和企业权限管理等其它方向上，不必担心突然收费而增加成本。最后基本上到这里，关于「即时设计」本身想说的也差不多了。一个初创团队，上线不到一年的时间，在工具的功能性上就做到了这种程度，性能也已经可以满足大多数用户的日常设计工作，尽管跟发展了好几年的 Figma 相比还有一些差距，偶尔也会需要通过刷新来解决一部分稳定性的问题，第三方的插件市场也还没有开放（目前有一些常用的内置插件），但我还是非常看好他们的，不为别的，就单凭这群人做起产品来跟疯了一样的迭代速度……当然，还有一点个人的期许吧，用了这么多年国外的东西，确实也很希望国内能够出现一款与之相媲美的专业设计工具。最后我想说的是，在大多数国内用户刚好还处在 Sketch 和 Figma 交界之间时，「即时设计」无疑是在极为恰当的时机从中间冲出了一条新的跑道，并且已经跑在了很多人前面。最最后，我觉得他们现在还有一个最大的问题，那就是——知道的人还不够多！我都已经分享到这种程度了，同学们赶紧用起来吧~ 可别再观望了，你不用我不用，国产何时能出头啊！……咳咳……「即时设计」地址：https://js.design作者： UX小学