设计工具

腾讯给整理的设计工具，真滴实用！
#一、日常积累
#panda｜全而美的设计订阅平台 Panda｜全而美的设计订阅平台
Panda帮助设计师不错过每天的设计灵感和资讯，包括新的设计方法理念、流行潮流、也有一些新产品推出。我们可以把Panda替换Chrome主页，每次打开浏览器页面都可以随时看到最新的设计资讯。一些英文的订阅也可以用chrome浏览器的翻译功能可以粗略查看。
地址：https://app.usepanda.com/#
#topys｜创意内容平台 Topys｜创意内容平台
全球顶尖创意内容平台，作为中国成立最早、最受欢迎的创意垂直网站，以 “Open Your Mind” 为宗旨，始终专注在全球创意、艺术、灵感、人文领域寻找最有质感的声音。
地址：https://www.topys.cn
#voicer｜分享生活和设计的美学 Voicer｜分享生活和设计的美学
我们总在生活中与「一瞬间的感动」相遇。Voicer的理念即是发现这「感动」，将它传递给更多热爱生活的人们。内容包括创意内容品牌、在线杂志等。致力于分享生活和设计之美。
地址：https://www.voicer.me
#design-better｜优质设计读物网站 Design better｜优质设计读物网站
[MISSING IMAGE: , ]
涵盖设计商业思维、产品设计原则、设计系统等关于推动设计团队前进的实践读物，同时提供PDF和有声格式。
地址：https://www.designbetter.co
#二、研究分析二、研究分析
设计师在调研过程会研究用户、记录用户的行为和需求，会使用一些高效的记录工具。同时繁多的调研的信息需要汇总整理，协作整理，这里会推荐一些记录和整理的工具给大家。
#noted｜录音笔记好工具 Noted｜录音笔记好工具
[MISSING IMAGE: , ]
Noted 是一款将录音和笔记相机相结合的软件。我们做访谈用户或做会议纪要的时候，经常错过记录的内容，如果通过一些软件录音的话，后期回听需要比较多时间成本。Noted可以在记录笔记的同时记录输入文字的时间点所对应的录音，输入的每个字的时间点都会对应到。当内容没记录下来时可以随时跳到对应时间的录音进行回听，方便在漫长的录音文件中快速检索。
#marginnote｜文献收集箱 Marginnote｜文献收集箱
[MISSING IMAGE: , ]
重塑学习方式的阅读笔记工具，更加高效阅读书籍和学习，可以在阅读时摘录笔记，制作学习卡，提取关键词，根据笔记生成思维导图，梳理知识框架。非常适合阅读专业书籍，阅读论文以及复习。
地址：https://www.marginnote.com/chinese/home
#goodnotes｜手写笔记 GoodNotes｜手写笔记
一款功能强大的手写笔记软件，拥有多种笔记封面和纸张模板可以选择，支持自定义模板，可以简单处理图片，可以导入pdf、ppt等文稿并做标记，也适合做电子手账。
地址：https://www.goodnotes.com/zh-cn
#腾讯文档｜在线协作腾讯文档｜在线协作
调研阶段方便多人一起搜集资料和汇总，多人同时在线编辑，内容实时同步。随时随地高效协作，轻松创作。
地址：https://docs.qq.com/home
#xmind｜思维导图 Xmind｜思维导图
[MISSING IMAGE: , ]
功能强大的思维导图软件，极简设计，流畅体验，多种结构图风格选择，方便资料的汇集和思路的整理。
地址：https://www.xmind.cn
#三、设计创作三、设计创作
当设计目标确定时，接下来进行具体的创意设计。设计师除了通过脑暴进行发散方案以外，一些高效的设计工具可以让我们事半工倍。
#31-灵感搜集 3.1 灵感搜集
#collect-ui｜界面灵感 Collect UI｜界面灵感
UI设计灵感库，基于dribbble平台精心挑选优质内容，提高效率便捷，为设计师提供专项更好的灵感。同时支持邮件订阅推送。
地址：https://collectui.com
#adobe-color｜配色灵感 Adobe Color｜配色灵感
[MISSING IMAGE: , ]
Adobe color不仅从各个维度解决了我们的配色需求，同时也提供找图需求。其中包含 9 种智能调色模式可以选择。拾取主题色、拾取图片中的渐变色、协助工具可以合理帮助检查不同颜色的对比、探索behance趋势。
地址：https://color.adobe.com/zh/create
#useanimations｜图标动效灵感 Useanimations｜图标动效灵感
[MISSING IMAGE: , ]
图标动态效果库，当绘制的图标需要一些巧妙的微动态效果时可以参考。
地址：https://useanimations.com/index.html
#32-设计打磨 3.2 设计打磨
#figmaex｜插件可视化 FigmaEX｜插件可视化
[MISSING IMAGE: , ]
#当插件特别多时候，figmaex极大的改善了figma中使用插件的体验，将插件可视化。可以进行展开，同时显示插件的名称与图标。可以通过拖拽调整插件的顺序，调节高度。当插件特别多时候，FigmaEX极大的改善了Figma中使用插件的体验，将插件可视化。可以进行展开，同时显示插件的名称与图标。可以通过拖拽调整插件的顺序，调节高度。
#autoflow｜流程图插件 Autoflow｜流程图插件
[MISSING IMAGE: , ]
输出交互设计稿的时候，方便快捷的在不同画板之间连线，提升输出效率。
地址：https://www.figma.com/community/plugin/733902567457592893/Autoflow
#skewdat｜倾斜插 Skewdat｜倾斜插
[MISSING IMAGE: , ]
这是一个非常简单实用的 Figma 插件，它可以帮你将任何形状元素倾斜过来。
地址：https://www.figma.com/c/plugin/741472919529947576/SkewDat?ref=prototyprio
#undraw｜插画素材 Undraw｜插画素材
[MISSING IMAGE: , ]
最棒最全的插画库，支持快速搜索，一键调整颜色。
地址：https://undraw.co/illustrations
#magic-eraser｜轻松移除杂物 Magic Eraser｜轻松移除杂物
[MISSING IMAGE: , ]
一款免费的在线服务，它通过 AI 自动去除图片中不需要的部分，只需要上传图片，等待几秒钟即可。用鼠标把不要的部分划掉，松开鼠标就会闪几下，被划掉的部分就消失了，比如去水印之类的小东西，如果用 PS 的图章，估计要十来分钟，而用 Magic Eraser 就几秒钟，简单易用，推荐使用。
地址：https://www.magiceraser.io
#33-设计验证 3.3 设计验证
#checklist-design｜设计清单 Checklist Design｜设计清单
[MISSING IMAGE: , ]
设计输出后可以通过这个清单去做最后的检查。网站列举了一些通用场景（页面、元素、流程、主题、品牌）下的基本设计要素。可以检查你的设计在这些场景下是否符合规范。样式、颜色、命名、易用性等是否合适。
地址：https://www.checklist.design/?ref=prototyprio
#四、测试评估四、测试评估
好的方案不是一蹴而就的，设计方案需要不断的打磨和迭代。方案需要持续和用户进行沟通和测试，才能得到完善的方案。也需要和开发工程师不断沟通，以达到最佳的实现效果。
#41-用户测试 4.1 用户测试
#腾讯文档｜在线收集表腾讯文档｜在线收集表
[MISSING IMAGE: , ]
用户测试阶段方便高效的收集用户反馈，一般用于定量的用户测试。
地址：https://docs.qq.com/
#hawkeye｜眼动追踪工具 Hawkeye｜眼动追踪工具
[MISSING IMAGE: , ]
一般的眼动跟踪设备比较昂贵，使用繁琐。这个名为鹰眼的眼动追踪APP，可以通过手机前置摄像头捕捉用户在使用产品时的视觉动向。
地址：https://www.usehawkeye.com/?ref=prototyprio
#42-评估还原 4.2 评估还原
#codesign｜腾讯自研设计协作平台 CoDesign｜腾讯自研设计协作平台
[MISSING IMAGE: , ]
覆盖产品经理、设计师、工程师协作需求。设计交付更轻松，有效管理和使用设计资产。
地址：https://codesign.qq.com/
#pixel-eye｜高效视觉还原 Pixel Eye｜高效视觉还原
[MISSING IMAGE: , ]
在项目上线前设计师都会对最终的产品实现效果进行走查，以保证设计还原的准确性，体验的流畅性。这是一款视觉还原工具，帮助前端工程师在页面重构阶段就能快速发现开发稿与视觉稿的差异，实时对比、实时修改，减少工程师与设计师的沟通成本，提升整体开发效率。
：pixeleye.暂未对外开放敬请期待
#五、对外宣传五、对外宣传
设计完成后汇报展示、产品的宣传包装等，提供更便捷优秀的展示形式。
#51-效果展示 5.1 效果展示
#mockup-world Mockup World
[MISSING IMAGE: , ]
样机的类型全面而且免费，综合质量很高。
地址：https://www.mockupworld.co
#lsgraphics ls.graphics
[MISSING IMAGE: , ]
素材非常优质精美，有免费和付费的资源。
地址：https://www.ls.graphics/#UI
#52-在线作品集制作 5.2 在线作品集制作
#adobe-portfolio Adobe Portfolio
[MISSING IMAGE: , ]
主要面向设计师群体，帮助设计师建立个人在线作品集。几分钟就可以建好一个作品集网站，提供精美模板选择。最大的特点是易于操作，无需懂网页程式，都能在建立一个网站。最重要的是你可以使用自己的域名。Adobe Portfolio需要收费。已订阅用户可免费使用。
地址：https://portfolio.adobe.com/start
#portfoliobox Portfoliobox
[MISSING IMAGE: , ]
针对设计师或者创意人员的作品展示工具，可以直接在网页浏览器中搭建属于你的作品展示平台。
地址：https://www.portfoliobox.net/cn/
结语
此综述篇大家有了比较整体的了解，在设计流程中每个环节，介绍了一些比较好用的工具，后续的设计工具系列文章会针对某一环节进行更深入的探索。

想要学习或者练习体验/交互设计的朋友，可以了解一下「体验设计学习社」，最近要开始《简约至上》读书打卡了。
作品集详细点评（我亲自看亲自写，千字以上）+答疑+免费训练营&学习打卡等活动，更有各类大厂内推：
[MISSING IMAGE: , ]
如果你只是想要多认识一些同行，也可以加入我们无广告的纯粹体验研讨微信群：
工具推荐
1.Meet Play
#免费 #应用
一个在手机设计工具，真正的所见即所得，没有模拟或实时预览，设计完就可以直接体验设计稿的外观，感觉和功能。
链接：https://www.createwithplay.com/
2.Lunacy 5.0
#免费 #Sketch
Sketch的windows版：Lunacy迎来了第5个版本重大更新，更加完美的支持sketch文件
链接：https://icons8.com/lunacy
3.Open Peeps插图库
Open Peeps是一个免费手绘插图库，你可以用于直接下载其中人物插画来构建场景，其实拿来做头像也是一个不错的选择。
链接：https://www.openpeeps.com/
4.LottieFiles
#免费 #动画 #插件
Lottie 即时预览插件，让你在网页或者手机上可以直接预览你的Lottie动画，以及1000个以上lottie动画库直接用
链接：https://lottiefiles.com/plugins/after-effects
5.TeamTools
#集合 #协同办公
疫情期间火了协同办公，这是一个协同办公工具集合，不妨看看你使用的工具有没有在上面
链接：https://teams.tools/
三维设计精选神器
1、Modown魔顿
网站链接： http://www.modown.cn/
[MISSING IMAGE: , ]
魔顿网集合了C4D模型、工程文件、贴图纹理、C4D插件、各个版本的C4D及其他三维软件、HDR贴图、灵感合集等资源是比较综合类的一个网站，可以作为你工作中一个非常不错的小帮手。网站会有付费内容，小伙伴可以按需购买，里面免费的内容也挺香。
2、菜鸟C4D
网站链接： https://www.c4dcn.com/
[MISSING IMAGE: , ]
菜鸟c4d也是一个综合类网站，涵盖了教程、软件、插件、材质、模型、还有AE资源等，比较老牌的资源站了。
3、C4D之家
网站链接： https://www.c4d.cn/
[MISSING IMAGE: , ]
C4D之家是以Cinema 4D软件为基础建立的中文C4D学习网，含C4D模型,C4D插件,C4D预设,C4D材质,C4D工程,C4D作品等，用于交流学习CINEMA 4D软件知识，提升设计水平。不过里面大部分资源都是收费的需要提升等级或者购买VIP，大家可以看看里面内容教程。
4、书生CG资源站
网站链接： https://c4dsky.com/
[MISSING IMAGE: , ]
书生CG资源站大家多少应该会在装各种破解软件的时候看到过，老牌软件资源网站，各种各样的破解插件、软件资源、CG资源一定不要错过。
5、C4D联盟
网站链接： https://www.csvsc.com/#
[MISSING IMAGE: , ]
综合类合集网站，包含：C4D插件、C4D教程、C4D模型、C4D材质、AE模板等，资源内容挺丰富，部分资源需要充值VIP。
6、优设网
网站链接： https://uiiiuiii.com/
[MISSING IMAGE: , ]
新手自学必备，资源教程非常丰富，想要自学三维小伙伴可以先看下里面的基础课程。
7、直线网
网站链接： https://www.linecg.com/
[MISSING IMAGE: , ]
专业的学习交流平台，可以白嫖很多教程，C4D、AE、3DMAX、MAYA等，想要自学的小伙伴可以去上面看看相关教程。
8、R站
网站链接： https://www.btbat.com/
[MISSING IMAGE: , ]
专注于 CG & VFX 综合性学习交流人气平台！致力于为大家带来真正有价值的干货内容及精品资源。挺不错的学习网站，里面很多教程不过有些内容需要VIP。
9、新CG资源
网站链接： https://www.newcger.com/
[MISSING IMAGE: , ]
数字视觉分享平台。主要提供AE资源、视频素材、音频资源等资源比较丰富。
10、龋齿一号
网站链接： http://www.gfxcamp.com/3d-photo/
[MISSING IMAGE: , ]
综合类资源网站，各种各样的破解插件、软件资源、教程资源、CG资源不要错过，部分素材会需要在网站淘宝店铺购买。不过免费软件插件等一些资源已经非常香了。
11、 LOOKAE
网站链接： https://www.lookae.com/
[MISSING IMAGE: , ]
综合类资源网站，各种各样的破解插件、软件资源、教程资源、CG资源不要错过，部分素材会需要在网站淘宝店铺购买。不过免费软件插件等一些资源已经非常香了。
12、 B站
网站链接： https://search.bilibili.com/all?keyword=c4d&from_source=webtop_search&spm_id_from=333.1007
[MISSING IMAGE: , ]
公认的知识学习视频网站，基本上任何知识都可以在这里找到免费课程进行学习，自学必备。
13、 CG模型网
网站链接： https://www.cgmodel.com/
[MISSING IMAGE: , ]
一个以3D模型为主,针对所有CG设计行业用户的互动、展示平台。免费模型资源非常丰富。
14、HDRI Haven
网站链接： https://polyhaven.com/hdris
[MISSING IMAGE: , ]
HDRI Haven 是一个免费 HDRI 环境照明纹理下载网站。提供：16k的 HDRI 图片，每张纹理图片拥有 1.34 亿的像素，为您的创作提供清晰的反射和背景。网站中的所有 HDR、纹理、模型都是100%免费下载的。
15、polyhaven
网站链接： https://sketchfab.com/
[MISSING IMAGE: , ]
国外主流模型下载网站，有很多免费可商用的模型，模型质量都挺高。