私人书签导航 - 即时设计
type: channel
link: https://me.bizihu.com/index.php/tag/即时设计
items: 最全面评测！这款完成度超高的神器如何征服一个设计团队?
items: 超实用！这款神器只用 6 招，帮你解决设计文件管理痛点！
items: 超全合集！腾讯、字节、阿里多套大厂资源，十几套小程序 App 模板！
items: 作品集太普通？5 分钟教你做出一份可交互的在线作品集！
items: 2021 优设年度榜单！设计师喜爱的十大生产力装备
items: 为什么都在推荐这款设计工具？它究竟比 Figma 好在哪里？
items: 值得收藏！一套你从没见过的在线资源使用方法
items: 忍不住安利！这款设计工具真的被低估了！

最全面评测！这款完成度超高的神器如何征服一个设计团队?
type: item
date: 2022-03-29T00:29:28+08:00
description: 前言最近这段时间，到处都是关于国产 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. 文档和教程在教程方面，除了官方的工具文档，即时设计还为设…

超实用！这款神器只用 6 招，帮你解决设计文件管理痛点！
type: item
date: 2022-02-15T02:10:27+08:00
description: 编辑推荐：无论是以往的本地 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 …

超全合集！腾讯、字节、阿里多套大厂资源，十几套小程序 App 模板！
type: item
date: 2021-12-29T01:26:19+08:00
description: 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 以及封面等等，相信包括我在内的很多设计师在工作中都有接触过。那这套资源除了同样有很多插画素材外，也…

作品集太普通？5 分钟教你做出一份可交互的在线作品集！
type: item
date: 2021-11-17T01:54:57+08:00
description: 编辑推荐：绝对是打开新思路的一篇分享！「即时设计」这款国产在线设计工具的热度越来越高，在不久地将来势必会成为更多 UI 设计师的主力工具，和本地工具相比，云端存储、多人实时协作，团队一站式交付，还有上次提到的一键使用在线设计资源等等，都是它所具备的优势。而这次，又为大家带来了特殊的「在线可交互作品集」制作方法，而且不占空间，随时修改……相信会让你对这款工具产生更不一样的看法~「即时设计」官网地址： https://js.design分享了那么多作品集案例、点评、包装的经验，这次准备说点不一样的，大纲如下：作品集的意义常见作品集形式新的作品集形式如何制作我的新型作品集总结作品集的意义作品集永远是能最直观地体现设计师个人能力和审美的东西，而且它不仅可以作为我们对自己创作和成长的总结，更是面试时他人对我们进行评判的重要依据。所以，一份足够优秀，足够新颖的作品集，对于每一个设计师来说都非常重要，他可能决定着我们机会的多少，也可能决定着我们的工资……想知道如何让作品集更优秀的话，可以直接从以往的相关文章借鉴经验，而如果想试着让我们的作品集变得更新颖，更与众不同的话，就跟我一起往下看吧~常见作品集形式1. PDF应该是目前最普遍的形式，没有字体和兼容问题，对于偏向图文展示的设计师来说基本够用，不过也只能满足纵向浏览的静态图文了，而且需要发送文件，控制文件大小也是个很头痛的事情；2. 设计网站个人主页很多设计师也会通过分享自己在各大设计类网站的个人主页地址的形式展示作品，这样优势是可以直接一个链接搞定，不用考虑文件大小，但实际内容要么和 PDF 类似地整理在同一个页面，要么就需要他人反复跳转加载新页面来查看；3. 个人网站一种比较理想的形式，既具备了链接优势，又可以不局限于图文，完整地按照自己的思路整理作品甚至演示交互，但是有一定的开发难度和维护成本，对设计师的综合能力要求较高。与众不同的在线作品集当然，形式是一方面，一个合格的面试官也绝对不会只因为形式就拒绝一位优秀的设计师，但是如果每天要筛选成百上千份简历和作品集的话，浏览体验和展示效果必然还是会有不小的影响。接下来，就为大家打开思路，为什么我们不能找一种方式，既能保证我们的内容展示，又能不局限于文件大小和图文效果，同时还不需要进行过多额外工作，来展示我们的作品集呢？没错，我还真找到了这么一种不但满足以上优点，还非常新颖的作品集展现形式——即时设计。上次安利它的时候就已经有想法了，后来去实际测试了一番，发现它的功能意外地非常适合做这个事情，而且最终实现的效果相当不错，所以决定给大家好好分享一下，怎么？已经有点好奇了？那就来看下吧：在线作品集，云端存储分享首先，作为一款在线 UI 设计工具，即时设计可以将我们的作品完整地存在云端，直接通过链接的形式分享出去，他人便能查看到你想展示的全部内容，完全没有文件大小限制。工具和内容一体，展现形式多样当作品集本身和作品集的制作、浏览、演示都在设计工具之中时，我们可展现的部分必定会更多，形式也自然与以往有很大不同。1）图文如果你依然需要常规 PDF 形式的图文内容做介绍，那没有任何问题，就像我们在 Sketch 上做 PPT 做一样，即时设计也可以非常轻松地搞定图文排版。而且相比 PDF 文档，在无限画布的设计工具中，也不再局限于单一的纵向浏览，排版形式更加丰富，既可以直接全局浏览查看整体效果，还能自由缩放移动聚焦感兴趣的信息。2）图文+设计稿除了图文，还可以利用设计工具的特性做出更多花样，比如图文和设计稿结合，提高作品集的真实性和说服力，每个设计师按照场景进行不同的组合排列，肯定会产生与普通图文差异更大的效果。3）交互稿不止设计稿，即时设计同样还支持原型交互，所以你完全可以用这种比线框图直观数倍的方式展示你的逻辑性和对交互的理解程度，当然，两者结合也 OK。另外，你还可以利用它的智能动画功能，在演示完整交互的同时展现你的动效创作能力，并允许他人直接在线预览和操作。4）模拟真实网站在简单的交互展示上更进一步，通过即时设计强大的原型功能，给设计好的网页加入各种点击、悬停、拖拽事件，我们甚至能完全模拟出一个真实的网站，每个动效，每个页面的跳转，每个弹层、浮窗，包括外链，几乎可以以假乱真。功能全面，制作维护成本低刚刚提到了即时设计的原型功能，事件全，还有智能动画，满足大多数交互和动效需求，而设计功能也是相当完整，基本跟 Sketch、XD 和 Figma 一致，加上本土化的优势，让你使用起来几乎没有门槛甚至更容易上手，所以平时创作的任何内容，都可以在即时设计上快速完成并进行编辑维护。如何制作我的第一份在线作品集？好了，既然已经看到这里，那想来你一定已经对这种作品集的形式产生了浓厚的兴趣，可能也忍不住要把作品集放上去感受下了吧？当然，这些都是我用小伙伴的作品和…

2021 优设年度榜单！设计师喜爱的十大生产力装备
type: item
date: 2021-11-05T03:47:04+08:00
description: 距离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 正式进入创意、广告、科技、电商等…

为什么都在推荐这款设计工具？它究竟比 Figma 好在哪里？
type: item
date: 2021-10-18T00:56:36+08:00
description: 编辑推荐：过去的几个月里，「即时设计」这款存在感爆棚的新形态国产设计工具吸引了太多设计师朋友的关注，也让很多人对于“它和国外的 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 里个人文件只能按顺序排列在草稿页，团队文件也只能按照项目来划分，有些不太适应。而即时设计已经支持了无限嵌套的文件夹功能，和本地文件的分类管理体验几乎没…

值得收藏！一套你从没见过的在线资源使用方法
type: item
date: 2021-09-23T00:13:18+08:00
description: 编辑推荐：已经安利过不止一次了，上线刚满一年，「即时设计」这款中国版 Figma 已经能做到很多 Figma 无法实现的事情了，而且确实和他们的口号一样，为国内设计师打造，今天推荐的这套资源使用方法，就很好地展现了这一点，来看看吧~「即时设计」官网地址：https://js.design经常会给大家推荐一些资源，但是很少有聊过这些资源都应该怎么用，因为可能每个设计师都有自己不同的使用心得，并不容易转换……不过今天，我还是有了点想要分享的东西，一套保证和你之前完全不同的资源用法，它将在线的资源和设计工具深度集成在一起，不光在体验上做到无缝衔接，效率的提升也相当可观，最重要的是，这套方法目前只有「即时设计」这一款工具能实现！没错，Figma 做不到，Sketch 也做不到，尽管它们在某些程度上可以有类似的效果，但体验差异非常大，如果想看看它到底有什么不一样的话，不妨我一起了解下吧，大纲如下：丰富的在线资源在线资源的多种用法独特功能实现的完美闭环字体也能云端共享的特别体验从第一次了解「即时设计」到现在，前前后后加起来大概也用了有一个多月的时间，在上面做了不少日常项目，比如公众号封面和一些文章配图，还有偶尔给朋友画个图标，搭个界面之类的。虽说时不时也遇到了小 bug，但整体还是挺棒的，没想到国内的设计工具也已经发展到这种程度了。也正是这一个多月的使用，让我一步步体会到了这种随时打开浏览器就能做东西的体验，到底可以带给人多强的幸福感，同时逐渐体会到了，在云文档已经大行其道的当下，在线设计工具可以还能有多少的可能性，或许看完这篇文章，你也会产生不少新的看法~**1. 要什么有什么巧妇难为无米之炊，在聊资源怎么用之前，还是得先看看都有什么资源。• 设计规范和组件库打开即时设计的资源广场，最醒目的位置就放着三套设计规范，蚂蚁的 Ant Design、微信小程序、安卓 Material，下面还能找到鸿蒙、iOS 等各种官方资源，很明显是比较重要的内容了。确实，在作品集里我们可以毫无顾忌地发挥自己天马行空的想象力和创意，但是在日常工作中，遵循一定的设计规范绝对是必要的。由大厂团队精心总结的设计规范，质量自然不用说，不管是用来设计对应平台的应用，还是当成其他作品的参考，都能实现非常不错的效果。而对应着完整的设计规范，即时设计还专门整理了相当数量的配套组件库，可以直接应用在设计中。• 种类丰富的其他资源除了上面最重要的两类资源外，即时设计里的资源还有很多，虽然量级还赶不上专业的资源站，但提供相当精准，各类型的概念 App、网页设计，丰富的运营图、PPT 案例，以及适应不同需求的的图标、插画、样机模型等，几乎涵盖了日常设计的各种场景。而且这些资源还支持筛选「是否可商用」，明确哪些用于参考学习、哪些直接可以商用，让你放心使用，无需担心版权问题。可能有朋友看到这会问了，你也说了这些资源虽然够丰富，但还是赶不上我收藏夹里那些资源站，那我干嘛非要从这里找资源呢？别急，还记得我们最开始说的么，这是一套完全不同的资源用法，而且一定要配合着工具才能体现出它的价值，而它的不同自然要看完下面的内容才会更清晰~想怎么用怎么用首先，作为一款在线工具，它最大的优势就是在线的资源不需要下载，可以直接保存到设计工具中，而具体到各种资源里，还有很多高效的用法：• 快速「使用」整个文件在线的设计规范、模板、App 和网页概念设计等很多完整的资源，都只用点击一下「使用」就能保存到工作台中打开，一步直达，没有任何的多余步骤。这些保存好的资源，可以像其他工具一样按照自己的需求自由地使用，而不一样的地方，则在于即时设计工具本身的特色，就拿规范来说吧，我们可以将其中最重要的颜色、文本、阴影等样式分别创建为独立的全局样式，更高效的运用到具体项目中。创建好后的全局样式可以实现一键快速切换，批量修改等操作，甚至在即时设计里还能做到云同步，就算是把设计稿分享给他人，对方也能直接对文件中的样式进行编辑和复用，体现出了协作的优势。• 一键「引用」资源库在这里才真正展现出即时设计资源和工具本身高度集成的优秀特性。资源广场的资源分为两大类型，一类是像上面的规范和概念 App 这种可以直接保存的完整文件，还有一类，则是可以一键「引用」到资源库的组件、图标、插画等素材，引用之后，能够直接在编辑页拖拽使用所有的内容，实用性极高。形式上有点类似 Sketch 的 Library，但是实际使用起来，无论是直接引用无需下载的优势，还是左侧面板的浏览和拖拽体验，都要比 Sketch 来的更加方便和好用！即时设计的引用组件也有很丰富的用法，属性独立可修改的实例组件、方便整理和快速复用的引用组件库、更高级的引用组件变体等等，讲起来内容有点多，这次就先不展开啦~• 自带无版权图片和智能填充如果你在设计时需要用到图片，即时设计直接…

忍不住安利！这款设计工具真的被低估了！
type: item
date: 2021-07-14T02:00:07+08:00
description: 编辑推荐：最近「即时设计」这款工具在设计圈里真的是赚足了眼球，不少朋友都在推，我们也已经关注和使用了很长一段时间。「即时设计」和 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 概…