人工智能 工具 你可以 大家好，这是 2023 年 1 月的第 4 波干货！想必很多设计师同学都已经回到岗位开工了吧？那么这些新的设计工具和素材，就有用武之地了！过了个年，新的图标字体图库倒是没增加，新的人工智能设计工具倒是多了一堆，更加细分的功能，更加突出的效果，从网页到移动 APP 都覆盖了，这个数量增长甚至催生了专门搜集整理人工智能工具的网站。今天的文章开头就是过年期间新崛起的 AI 工具，相当带劲。当然，在此之前记得看看往期干货中有没有你感兴趣的素材：第三波！2023年1月精选实用设计干货合集大家新年好！阅读文章 > 下面我们具体看看这一期的干货：1、人工智能演示文稿生成工具https://glimmerai.tech/人工智能P图早就不是新鲜事儿，现在你也可以使用 AI 做演示文稿了！这个名为 Glimmerai 的工具就可以帮到你，你所需要做的就是尽可能详细描述你的需求，这样 AI 才能尽可能贴近你的目标，等 AI 生成之后演示文稿之后，你可以进一步使用文本指令或者语音指令，来进一步细化。GlimmerAi 使用的是目前最热门的 GPT-3 和 DALL E2 来生成，目前这项服务依然处于 Beta 阶段，可以免费试用，有需求的同学可以上手体验一下。2、人工智能网站UX文案重写工具https://www.usesuperflow.com/rewrite-chatgpt和上面的 GlimmerAi 类似，Superflow Rewrite 同样是一个基于人工智能、但是更加深入细分的工具，它瞄准了工作量同样巨大且磨人的网站 UX 文案这个分野，相比于形形色色的 AI 文案写作工具，它干脆帮你直接在网站内优化 UX 文案，只要你在网站上加入 Superflow JS 的标签，就可以接入 AI，它会根据已有的训练数据，帮你将 UX 文案优化到最佳，提供更好的 SEO 效果，在 UX 文案的层面上，提供更好的转化率和用户参与度。目前 Superflow Rewrite 提供 3 个月的免费试用，如果你是网站开发者，可以尝试一下。3、人工智能移动端内容创建辅助工具https://piggy.to/magic正如同 Piggy Magic 的创始人 Shaul Olmert 所说的，咱们不能将内容创建的工作完全托付给人工智能，但是人工智能能够成为很好的内容创作的辅助工具。Piggy Magic 就是在这样的想法下诞生的，你可以直接将你想要创建内容的主题直接输入 Piggy，它会直接生成易于在移动端屏幕上浏览的多媒体图文内容，文章、帖子、邀请函、简单的演示文稿都行，随后你可以在 Piggy 的 APP 上进行调整和修改。将精力集中在想法上，将基础的版面和内容交给 AI 吧。4、汇总 200+ 精选的优质人工智能资源https://aidesignresource.com/如果上面的基于人工智能的工具里，正好没有你所需要的，不妨打开这个名为 Ai Desiger Source 的网站，它从目前乌泱泱的 AI 工具当中精选出素质较为过硬的、实用性较强的 200 多个，并且根据功能分门别类，你可以在这里快速筛选出可能你需要的 AI 工具！我已经收藏了！5、将 Figma 设计直接转为 WordPress 网站https://yotako.io/WordPress 有着极高的自定义自由度，但是第三方的主题也很难一次到位满足实际需求。而 Yotako 提供的这个免费服务干脆从设计端入手，你可以将你在 Figma 中设计完成的页面以主题的形式直接导入到 WordPress 当中，并且随时更新。当然，Yotako 所提供的服务实际更加深入，如果你还未曾拥有域名和实际网站，Yotako 还能帮你搞定网站相关的域名服务、托管、设置、日常管理等多数工作内容，而你唯一需要操心的就是设计。有需求的同学有必要了解一下！6、直接在网页上进行团队协作的插件https://donenote.com/DoneNote 是一个针对性和实用性很强的插件，它让你可以直接在网页上做笔记、标注、评论、分享的 Chrome 插件，如果你的团队需要针对自家的网站页面或者产品进行讨论或者迭代，直接在页面上标注讨论就完事了，极大地提升整个团队的工作效率。DoneNote 的基础服务是完全免费的，你可以先试用体验一下。7、在线 Notion 封面制作工具https://notioncovergenerator.com/app现在使用 Notion 做笔记、知识管理、流程和项目管理的同学特别多，为每个 Notion 页面设计一个漂亮的、贴合的封面图倒也是不小的需求，这个在线的小工具就是专门干这个的，尺寸都是算好的，填好你要的文本内容，选好字体，一键下载，还能预览在桌面端和移动端上的效果，简单快速不用开 PS，省心多了。本篇来源：优设网原文地址：https://www.uisdc.com/2023-1-design-resources-vol4
用户 你可以 产品 作为交互设计师，与产品、开发等同事的沟通环节必不可少。你是否也经常会遇到这样的问题：开发问我主色为什么选择这个颜色？为啥不直接用大厂组件库的主色？我们作为设计师觉得方案很好，但是运营同事觉得这种设计改动意义不大，该怎么才能说服他？我该怎么用专业的方法来说服其他非专业的同事，某些功能的交互方式是更合理的？本文会从「自我论证」和「换位思考」两个方面，帮助你建立说服他人的思维方式。一、自我论证想要说服别人，先要说服自己。在他人质疑你之前，你可以先学会「质疑自己」，这意味着你的产出设计内容需要有理有据，而并非一时兴起的主观臆断。有条理的陈述你最初的设计动机和设计依据，可以分为两个部分：1. 整理设计动机结合产品的需求、用户群体特征和公司的发展需要，总结为什么要做设计优化。我们曾经为大家介绍过几个小而美的用户数据分析方法，以此作为你分析产品的方法和依据。设计师如何低成本获取用户数据？我总结了3个方法！在这个信息数据化时代，作为交互体验设计师的你一定遇到过这样的问题： 在复杂的 B 端产品中，由于企业级用户的特殊性，很难获取产品落地后的数据，难以完成设计验证； 可用性测试、用户访谈等测试工具成本过高，开展实施比较困难； 刚刚完成上线的新产品，如何更快更好地收集用户数据和反阅读文章 > 案例：比如对于「为什么选择颜色 A 而不选择颜色 B」这类问题，你可以：结合行业/产品背景：了解行业大背景、整体风格，比如美妆行业和科技行业的色彩调性就大不相同。结合品牌特性：与企业 / 产品的品牌特性相呼应，沿用 logo 的配色方案，可以在一定程度上保持品牌对于用户心智的一致性。分析用户群体：通过对企业 / 产品的用户群进行分析，找出群体特点、喜好和性格偏好，也会影响你的色彩选择。2. 寻找理论背书提供有足够分量的理论支撑。你可以使用经典的、被行业广泛认可的设计理论或设计标准为你的设计方案做背书。他人能够持续提出质疑，有时也是因为你提供的依据不充足或不够有分量。案例：继续上文「为什么选择颜色 A 而不选择颜色 B」这类问题，你可以：参考 WCAG 的无障碍设计标准：在对比度合适的范围中，颜色在搭配场景中得分越高，清晰度越高，越有助于视障人士的阅读；应用色彩学的具体理论：通过邻近色、对比色、互补色、衍生色、明度、饱和度等概念，比较和分析两种颜色的差别和应用上带来的不同感受；二、换位思考这里说的换位思考，是要思考两个方面的问题：一是他人的目的，即对方为什么会问这个问题？为什么会对你的方案提出质疑？二是对他人的影响，即你的设计结论会对他人的工作带来什么影响？是否会为他人带来超过预期的工作量负担？基于这两点出发，下面几个方法可以帮助我们更有效地提升说服力：1. 有针对性地寻找设计依据你可以尝试判断出他人的问题类型，有的是单纯的想要了解更多的专业知识；有的则是基于自己的行业经验作出的判断。在你做解释之前，充分了解他人产生疑问的原因，可以帮助你更有针对性地寻找理论和依据。2. 站在多方视角，分析设计优势通常来说，一场交互评审涉及到产品、前端、后端等多方人员参与，除了你的设计内容自身合理之外，你也可以尝试站在其他相关方的角度，进行方案的优势陈述。这样做可以让他人更容易和你统一战线。案例：比如对于「为什么选择组件 A 而不选择组件 B」这类问题，你可以：站在前端开发的立场，你的理由可能是：组件 A 是在已有组件的基础上做的优化方案，开发起来更高效；或者因为组件 A 以后还会有应用场景，这次设计和开发之后，可以就此沉淀出新的组件，可以高频复用等等。站在业务方的立场，你的理由可能是：组件 A 这样的交互方式可以激发起用户兴趣，提升点击率和下单率；或者这样的组件很常见，符合用户对于产品的预期，用户就可以把更多的精力放在产品内容上等等。3. 权衡成本，提供备选方案评审时，你有可能发现设计改动会带来他人工作成本的增加，这时他人对你的质疑，更多是一种表达反对的自我保护的方式。这个时候，适当做出让步，如果能够提供与现有设计相近的、工作量低的备选方案，通过的概率也会增加。三、实用建议还有几个接地气的注意事项，帮助你更有效地与他人协作和沟通：1. 你觉得你自己专业，和别人觉得你专业，是两回事。很多同学认为自己是设计师，出设计方案当然是自己更专业。但是说服他人，重要的不是你觉得自己专业，而是别人是否觉得你足够专业。在语言表达和设计原理的阐述上，你要想想如何让他人觉得你很专业和可靠。2. 适当的让步和妥协，并不意味着没有原则。其实评审中「谁说服谁」并不重要，重要的是「方案最终能否在预期的时间点完成上线」或者「问题是否能得到解决」。其实大多数情况下，设计方案本身没有绝对的优劣之分，更多的还是要平衡多方的因素，包括时间成本、人力成本和资源等等。因此从单一的设计视角，无法 100% 确定我们的方案就是最优解。多听听他人的意见，这个时候适当的折中和妥协，并不意味着没有原则。有时他人的意见和问题也会给你带来新的设计思路。3. 实时沟通，征求他人意见，而非通知结论。在设计过程中，多注意信息的实时同步和进展上的沟通。很多工作都需要各方通力协作，大家是一个团队，需要尽可能消除信息差。更多情况下，你抛出来与大家讨论的设计内容，应该是方案，而不是结论。在过程中随时征求他人的意见，也是一种对他人的尊重。以上，希望对你有启发。7个接地气的实战经验，帮你学会做用户问卷！用户问卷是交互设计师工作中常用的设计工具。阅读文章 > 设计师如何低成本获取用户数据？我总结了3个方法！在这个信息数据化时代，作为交互体验设计师的你一定遇到过这样的问题： 在复杂的 B 端产品中，由于企业级用户的特殊性，很难获取产品落地后的数据，难以完成设计验证； 可用性测试、用户访谈等测试工具成本过高，开展实施比较困难； 刚刚完成上线的新产品，如何更快更好地收集用户数据和反阅读文章 > 欢迎关注作者微信公众号：「长弓小子」本篇来源：优设网原文地址：https://www.uisdc.com/design-solution-communication-skills
是一个 字体 你可以 编者按：这是设计师 Shantanu Kumar 所创建了一份设计素材清单，其中包含 11 个比较有价值的设计素材平台，它们能够让你在做平面设计的时候更快、更好，而且保持较低的预算。下面具体看看吧：众所周知，作为一名平面设计师，在做视觉传达的时候需要替品牌承担大量的挑战性的任务。为了满足客户的期望，设计师需要兼顾调研员、视觉叙事者和视觉设计师等多个角色。在调研搜集整理阶段，你绝大多数的工作其实是利用手头的现有资源和素材（比如字体、图片、样机和图标等）快速创建概念，并且将你的想法落地下来。是否擅长筛选素材是决定你的设计是否优秀的关键。更重要的是，设计素材的好坏，也直接决定了你是否有足够多的时间将注意力集中在项目最具挑战性的部分。如果你必须从零开始创建素材，那么你的项目上所需要投入的时间会更长。这也是为什么我会整理这么一个优质设计素材列表，你可以基于这些素材来更快实现你想要的设计效果。1、Fontbrief 字体平台https://www.fontbrief.com/fontbriefFont Brief 让你可以找到理想的字体，这个平台是由平面设计师 Victor Bartis 和艺术总监 Christian Costea 所搭建起来的，他们精心筛选了一波极具风格和个性的字体，希望做排印和平面设计和品牌设计的设计师能够从中收益。2、Velvetyne 字体平台http://velvetyne.fr/从 2010 年开始，Velvetyne Type Foundry 就一直在分发免费开源的字体，Velvetyne 所筛选的字体通常素质相当过硬，有着较强的美学价值，并且极具时尚感，对于平面设计师而言，它是不可多得的时尚设计试验场。3、配色工具 Color Lisahttp://colorlisa.com/每次在设计师会在设计项目上投入大量的时间来选择合适的配色方案，而 Color Lisa 可以从一些标志性的艺术家的的配色当中汲取灵感，其中内置了大量这样的配色方案，你可以根据你喜欢的艺术家和作品来筛选配色方案。4、Control 图库https://control.rocks/Control 提供了 108 幅可以进行深入定制的扁平风格插画，并且每幅插画都有 AI、Figma 和 Sketch 对应的矢量文件下载，并且提供 PNG 格式下载。这套插画图库并非完全免费的，但是提供免费试用。5、Open Peeps 图库https://www.openpeeps.com/Open Peeps 是一个足够简单，但是也足够优秀的插图素材解决方案，它提供一系列的手绘插图，可以用于产品、运营、海报、用户流程和故事板等常见的场景，这些角色插画千差万别，但是又个性十足。6、设计系统检查清单https://www.designsystemchecklist.com/这个网站是一个设计专家团队的协作成果，他们深入钻研了设计系统，并且耗费了大量的来测试和实战，并且最终确定了设计系统所涉及到的要点，最终输出了这样的一套检查清单，方便你能够制作出更好的设计系统。7、样机之家https://houseofmockups.com/这是一个由 Shillington Education 的创意总监 Anthony Wood 所创立的再现社区，名为 House of Mockup。Shillington 是一个独一无二的设计训练营，他们提供设计培训，遍布美国、欧洲和澳大利亚，而 House of Mockups 也是他们所输出的样机素材平台。8、Lordicon 图标https://lordicon.com/你会在 Lordicon 看到一系列素质令人惊叹的优质图标，既有静态的也有动态的，它们有着庞大的内容库，而且有近乎无限的排列组合的可能性。每个图标都有 Gif、Svg、Eps和 Png 的格式，你可以直接下载，也可以使用 HTML 代码直接调用嵌入到你的实战项目当中去。9、图库 Offsethttps://www.offset.com/Offset 是一个由 ShutterStock 所运营的高素质图片素材网站，他们是专门提供适用于商业项目和内容平台的高素质、免版税（注意不是免费）的图片素材。他们对图片素质要求超级高，这也意味着仅仅只有世界一流的摄影师才能为 Offset 提供图片内容。Offset 的每张图片都经过精心挑选，并且检查过质量。10、Dieline 设计博客https://thedieline.com/如果你对于包装设计、平面设计都非常感兴趣，那么你可以关注一下 Dieline，它会快速更新最热的包装设计的资讯和案例。他们的目标是创建一个面向全球包装设计和平面设计的内容平台。11、AIGA：关注设计https://eyeondesign.aiga.org/Eye on design 这个是美国平面艺术协会和 AIGA 的设计专家运营的一个博客，内容涉及到设计的方方面面，包含字体排印、界面设计、用户体验、品牌等主题，其中包含了大量精心挑选的内容和有见地的信息。本篇来源：优设网原文地址：https://www.uisdc.com/11-unheard-graphic-design-resources
你可以 动画 这就是 大家好，我是灰色执照~ 很开心又和大家见面了。上个月我利用空闲时间学习了一下立体方面的编程知识，努力学习了一个礼拜后，我准备做个学习总结，于是又用了 7 天做出了 NB Map 这款三维地图产品。这就是之前制作的 NB Map，它可以快速的制作国内外各个省市区的三维地图。你可以访问下面链接去详细了解一下它：数据可视化神器！帮你一秒生成三维地图的免费工具NB Maps大家好，我是灰色执照。阅读文章 > 没想到 NB Map 受到了很多设计师的关注，于是我马不停蹄的又努力了 20 天，全新的产品 NB PIE 诞生了~NB PIE 是一款制作立体饼图、环形图、玫瑰图的网页工具。它可以生成透明背景的 PNG 图片，可以生成带有动画的 GIF 动图，可以生成制作视频的 PNG 序列帧图片。你不需要打开任何三维软件，可以用最快的速度得到一个立体饼图。这就是用 NB PIE 导出的动画。你可以设置“镂空”属性，把饼图弄成环形图表，动画就变成了这个样子。你可以修改动画的类型和运动的曲线，让动画以不一样的方式呈现。这就是 NB PIE 的主界面了，它的顶部可以调整饼图的各种样式和动画，左侧设置饼图每项数据的名称和数值，右侧设置灯光、线条、字体等相关参数。通过拖拽屏幕，你可以非常方便的把饼图调整到你需要的角度，如果饼图太大或者小太，你可以通过鼠标滚轮缩放它。NB PIE 生成的饼图其实是矢量的，无论你缩放多大，都会非常清晰。点击左侧的加号或者减号，饼图的数量就对应的增加或者减少了。可以很方便的修改饼图数据的名称和数值。饼图会根据你的修改自动变化。还可以设置“高低错落”属性，饼图就会根据数值按比例展示不同的高度。可以通过设置“镂空”属性，让饼图变成环形图。你还可以把饼图切换成兰丁格尔玫瑰图NB PIE 可配置和调整的参数非常的多，基本可以满足你日常工作中对饼图的全部需求。由于篇幅有限，我这里就不详细介绍了。感兴趣的朋友可以去 B 站看我录制的视频教程了解其全部内容和细节：https://www.bilibili.com/video/BV1Hu411e78H/在调整好参数和角度后，你可以点击菜单栏顶部的下载按钮。NB Pie 支持下载透明背景的 png 图片，支持下载 gif 动画，它甚至支持下载 png 序列帧。如果想做视频或者交付逐帧动画，你可以下载 png 序列帧。你可以利用这些图片合成为 apng 交付开发。可以拿他们做成视频……戳右边链接，就是这款产品的主页了：https://www.pslkzs.com/chart/charts.php这就是 NB PIE 的主页了，点击 开始绘制 按钮，你就可以开始绘制饼图了。凡是饼图相关的，我都已经尽我所能，把能想到的功能都做到 NB PIE 里面了。但是我一个人的想法毕竟局限性较强，欢迎你使用这款产品后，到我们微信设计群里面给我提出改进意见和新的功能需求。你可以加微信：nbchart 我拉你进入设计群。制作这样一款产品真的很辛苦，这 20 天的时间内我几乎满脑子都是各种数学函数的算法，晚上做梦都是在计算圆弧……希望 NB PIE 能够让大家真正体会到方便、快捷。能够缩短你的工作时间，能够真正的给大家带来价值……我是灰色执照，此刻我的脑子里又有了一些新的想法，我要去开发新的设计产品了，我们下次见面时，依旧会给你带来惊喜~想让数据秒变可视化？试试这个免费神器Meta-Chart！统计图表（Chart）是一个易于传达想法的方式，将一般文字数据转为可视化图形，让其他人在更短时间内清楚掌握信息，相对于表格来说也更好阅读，大多数的字处理工具都内建制作图表功能，要在报告或投影片中加入统计图表并不难，如果手边没有合适软件，又要制作图表的话也有在线工具可以使用。阅读文章 > 欢迎关注作者微信公众号：「灰大设计」本篇来源：优设网原文地址：https://www.uisdc.com/nb-pie
干货 合集 你可以 大家好，3月的第3波实用设计干货合集来了！这次的合集当中的设计工具和素材几乎全部都是免费的，其中甚至还包含 2 个专门推荐免费设计素材的网站平台和一个新的免费图库！如果你正在寻找素材，今天的合集一定不要错过：1、免费设计素材平台 https://designresources.io/谁会不喜欢免费的设计资源呢？这个名为 Design Resources 的网站汇集了大量 UI、UX 设计项目能用到的免费的设计资源，从设计系统到 UI Kit，从单独的某个网页模板到整套的网页设计素材，各种 APP 的界面设计源文件，甚至还有插画。这个网站提供的免费素材主要是 Figma、Adobe XD 格式的。2、专业设计师的 UI Kits 合集https://uikit.to/和前面推荐的那个不同，这个网站就非常集中地为你搜集了各种免费的 UI kit，这些工具包有的是给 APP 准备的，有的则是针对网页，身为 UI/UX 设计师的同学应该会更加偏爱这个网站所提供的素材。3、免费在线设计平台 Studiohttps://www.stickermule.com/studioStudio 所提供的是一个易用的在线设计工具，它的设计方式其实和 Canva 非常类似，就是基于模板来进行快速搭建，你可以在他的网站中找到大量现成的设计模板，在这些模板的帮助下，修改内容就能快速完成设计。这里的模板和国内的很多在线设计平台的视觉风格有明显的差异，不失为一个独特的补充。Studio 提供的模板类型非常多，从贴纸、包装到T恤、品牌、活动海报到社交媒体素材，不一而足。4、免费可商用图库 Vecteezyhttps://www.vecteezy.com/free-photos免费图库怎么都不够用，对嘛？这个名为 Vecteezy 的网站提供的图片素材是免费可商用的，在 Unspalsh 被收购后，这类完全免费可商用的图片素材还是非常有价值的！5、超级方便的SVG渐变工具https://meshedup.dev/渐变色是当下怎么用都都不会腻的一种视觉元素，这个名为 Meshed Up 的网站提供多种常见的渐变色和它们的变体，你可以直接复制它们的 SVG 代码或者文件，应用在你的网页或者 Figma 素材当中。比较有趣的地方在于，Meshed Up 还提供了在线的配色和字体、SVG 涂鸦的工具，可以结合起来使用，省很多事儿。6、完全免费的自定义头像生成工具https://cvbox.org/avatar这个风格化 Notion 头像设计工具其实是一个独立设计师自己搞出来的工具，他使用晚上和周末的时间，使用 React 来构建出这样一个工具，你可以借助它提供的组件来搭建一个符合你的性格和需求的小头像，它是完全免费的！7、完全免费的手绘和抽象元素素材https://www.streamlinehq.com/elements这个矢量素材合集非常不错，其中包含有抽象的手绘元素，有几何图形，你可以借助 平台自带的工具快速调整这些元素的形状、笔触，重新调整配色，它还有 Figma 插件，你可以使用插件更快调用这些素材。8、带有飞白的优雅手写字体 ChaletlinessChaletliness 是一款手写字体，字体笔触带有明显的飞白，字体本身的笔画走向一致性很强，作为一款兼具展示性和装饰性的字体，Chaletliness 有强烈的优雅和奢侈感，适合用来做视觉设计。这个字体是免费的，仅限个人使用，可以在文章开头结尾的百度云链接中获得。9、完全免费的简历模板这是一个包含深色和浅色两种模式的简历模板，简历中包含有多种不同的模块，方便不同职业不同经历的求职者按需编辑。这套简历模板需要使用 Figma 来进行编辑，完全免费，你可以在文章开头结尾的百度云链接中获取。往期干货：第一波！2022年3月精选实用设计干货合集大家好，3月的第1波实用设计干货合集来了！阅读文章 > 第二波！2022年3月精选实用设计干货合集大家好，3月的第2波实用设计干货合集来了！阅读文章 > 文件名 如何下载使用 文件大小 提取码 下载来源 3月干货第三波13m8x1s 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/2022-3-design-resources-vol3
飞翔的企鹅
张大湿
表哥
落霞与孤鹜
