工具 设计师 图像 大家好，这里是和你们聊设计的花生~最近一款名为 ControlNet 的模型在 AI 绘画领域引起不小的轰动，它的边缘检测功能可以提取图像边缘轮廓，深度图引导功能可以复制空间信息，最神奇的是它的人体姿势骨架提取功能，上传一张图片 AI 后会识别其中人物的姿势，然后结合提示词生成一张姿势相同但内容不同的图像。这些功能让用户可以主动控制 AI 的绘画细节，甚至解决 AI 不会画手的问题。ControlNet 的边缘检测功能，图片来源： https://github.com/lllyasviel/ControlNetControlNet 的人体姿势骨架提取功能，图片来源： https://twitter.com/dannypostmaa/status推特网友@Toyxyz3 通过分别渲染手部网格深度和开放姿势骨骼的方式，实现对人物手指和姿势的精准控制。图片来源： https://twitter.com/toyxyz3/status不过当别人都在尝试用 ControlNet 生成各种好看的二次元小姐姐时，Reddit 有位网友却选择利用 ControlNet 可以精准控制图像边缘的特性，生成了包含正确清晰文字的 AI 图像，并赋予不同的材质特效，效果相当不错。在此之前想利用 AI 生成稳定正确的文字内容几乎是不可能的，现在不仅能生成了，还能结合提示词生成各种特效材质，那以后设计师做字效是不是都可以不用 PS 或者 3D 软件了？利用 ControlNet 生成不同的艺术字效，图片来源： https://www.reddit.com/r/StableDiffusion/comments回顾一年前的 AI 绘画：人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器大家好，我是和你们聊设计的花生~有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。阅读文章 > 从人工智能绘画工具 Disco Diffusion 发布到现在，AI 文本生成图像生成技术进入大众视野的时间正好一年。当初惊艳众人的工具并没有如烟花般转瞬即逝，而是各自有了更深入的发展方向，并在逐步构建基于 AIGC 的新生态体系。比如图像生成模型 Stable Diffusion，由于是开源的，在各路大神的加持下发展一片欣欣向荣，大火的二次元画风模型 NovalAI，生成效果媲美真人 Coser 的训练模型 Lora，还有前面提到的可以提取人体姿势骨架的模型 ControlNet 都是基于或围绕 Stable Diffusion 开发的。另一个 AI 图像生成工具 Midjourney 则凭借技术迭代和成熟的社区运营成功实现商业化。它图像生成质量极高，吸引了绘画、设计、影视、游戏等各行业人员成为付费会员，Midjourney 也开始成为这些行业工作流的一部分。Midjourney 生成的各类图像，图片内容来源: Midjourney 官方社区腾讯平面设计实战！如何用AIGC提高200%的做图效率？一、AI 绘图背景与趋势随着互联网行业发展和技术的进步，设计师也有越来越丰富的手段来应对多种类型的产品需求；比如说 3D 渲染、各种自定义的插件已经成为设计师的工作日常，在不断的提高大家的工作效率；包括最近火热的 AI 绘图，也时常出现在设计师的讨论话题当中。阅读文章 > AI 图像生成技术对绘画带来的影响大家都有目共睹，而它对设计行业带来的影响和改变也不小。由于 AI 生成的图像质量越来越高，出图速度也快，不少外国设计师们都纷纷利用 Stable Diffusion、Midjourney、Dalle 2 等工具辅助自己进行设计，或快速提供海量的灵感参考。YouTube 设计博主 @Codex Community 利用 Midjourney 生成的鞋类网页设计灵感，图片内容来源：How to use AI Art and ChatGPT to Create a Insane Web Designs - YouTubeYouTube 设计博主 @Piximperfect 利用 AI 图像生成工具 Dall·E 结合 PS 完成对人物的无痕扣除，图片内容来源： https://www.youtube.com/watch?v=rtI1MZSdK1A&t=314sDALL·E 和 ChatGPT 同属 Open AI 公司，戳下面的链接查看对 DALL·E 介绍：10秒出图，以假乱真！设计师「用嘴修图」的愿望要成真了？大家好，我是和你们聊设计的花生~之前给大家推荐了 AI 图画生成器 Disco Difussion，它可以根据文本提示自动生成恢弘奇幻的艺术，非常适合作为艺术创作的灵感来源。阅读文章 > 而在国内，也有专业的设计团队开始利用 AI 图像生成工具。腾讯官方设计团队 ISUX 在前几天发表了一遍文章，讲述他们如何利用 Midjourney 生成图像时间短、批量大、风格多的特点，优化日常运营设计流程。设计服务平台稿定也推出了一个 AI 工具“稿定 AI”，用户可以根据参考图+描述词生成一张完整精美的插图，为生成平面设计素材提供了新思路。ISUX 的部分设计流程，图片内容来源： https://www.uisdc.com/aigc-design“稿定 AI”展示的部分 AI 生成效果图腾讯平面设计实战！如何用AIGC提高200%的做图效率？一、AI 绘图背景与趋势随着互联网行业发展和技术的进步，设计师也有越来越丰富的手段来应对多种类型的产品需求；比如说 3D 渲染、各种自定义的插件已经成为设计师的工作日常，在不断的提高大家的工作效率；包括最近火热的 AI 绘图，也时常出现在设计师的讨论话题当中。阅读文章 > 一方面是设计师主动利用 AI 图像生成工具优化自己的工作流程，另一方面也有越来越多针对设计工作开发的 AI 工具，涉及图像处理、UI、网页、PPT、包装等多个方面。一、AI 图像处理工具 ClipdropClipdrop 官网直达： https://clipdrop.co/同类型产品 Magic Studio： https://magicstudio.com/比如之提到过很多次的 Clipdrop，它是国外一家专注 AI 图像处理程序插件的公司，目前已经开发出智能修图、一键去除/替换图片背景、对照片立体打光、文本去除器等多个 AI 程序，有在线版和手机应用，还可以接入 PS、Figma 等设计软件。这种借助了 AI 技术的图像处理工具，让传统的修图改图等设计工作变得高效轻松，而且开发类似工具的公司远不止 Clipdrop 一家 ，很多公司都在探索 AI 技术在图片处理上的各种新用途。ClipDrop 开发的设计神器：扣头发丝不留痕！最新免费抠图神器 ClipDrop Remove Background 来啦~大家好，我是和你们聊设计的花生~随着人工智能技术的发展，运用算法自动进行图片处理的工具越来越多，极大地提升了设计师的工作效率。阅读文章 > 照片没有氛围感？快来试试这款打光修图的神器「Relight」大家好这里是和你们聊设计的花生~在人像摄影中，灯光设置是非常重要重要的一环，好的打光能丰富画面层次，提升整体情绪氛围。阅读文章 > 二、AI 图库 GhostlyStock网站直达： https://www.ghostlystock.comGhostlyStock 是一个类似 Unsplash 的免费图库，包含照片和插画 2 种类型的图片。它的特别之处在站内图片都是由 AI 生成的，如果你没有找到自己想要的图片，可以自己输入描述词生成一张新的图像。虽然图片的质量参差不齐，但对找图片素材来说是一个很新奇的体验，也可能是未来免费图库发展的一个新方向。GhostlyStock 主界面三、AI 驱动的 UI 设计工具Galileo AI 官方直达： https://www.usegalileo.ai/同类从产品 Uizard Designer： https://uizard.io/autodesigner/既然 AI 能根据文本生成各种精美的图像，那能不能进一步生成更具体的设计类素材？答案是能。Galileo 就是一款根据文本描述生成 UI 界面的软件，据官方介绍其模型由数千款优秀 UI 设计作品训练得来，可以根据文本生成高保真、可编辑的用户界面，为 UI 提供优质的灵感，并减少重复的调整工作。另一款同类产品 Uizard Designer 也是专注于 UI/UX 设计，用户能通过文本描述生成多屏幕设计原型，并可以邀请团队成员一起实时共同设计。Galileo 官方演示视频Uizard Designer 官方演示视频四、AI 驱动的 PPT 生成工具Tome 官网直达： https://beta.tome.app/Tome 的官方定位并不是 PPT 内容生成工具，而是 “Generative storytelling（生成性的故事讲述 ）”，但它生成内容的形式和 PPT 并没有什么差别，于是理所当然的被大家认做是一种 AI 生成 PPT 的工具。用户输入一段对主题的描述文本，点击生成，Tome 就能自动生成主标题和多个子标题，并为子标题生成对应文本内容和配图，最终得到一个内容充实、形式完整的 PPT 形式的文件。虽然每张页面都是左文右图，但是自动生成的标题和主题的内容是契合的，内容逻辑通畅，可以免去用户自己查资料列大纲的步骤。另外它还支持根据内容生成 3D 模型和动图，自动配置响应式页面，以及任意嵌入来自互联网的内容。Tome 官方演示视频五、AI 辅助 Figma 设计Diagram 官网直达： https://diagram.com/Figma 已经是一个非常便捷的在线 UI 设计工具了，但并不妨碍有人用 AI 把它变得更加好用。Diagram 是一个专注研发 UI 设计工具的小团队， 目前开发了多款 AI 驱动的小插件，包括一键让 Figma 任务自动化的 Automator，根据文本生成图标/图像的 Magician，以及使用代码进行设计的 Prototype r 等，搭载上 Figma 后可以帮助 UI 设计师更好的完成任务。化神器 Automator 的官方演示视频六、AI 辅助包装设计PLUG AI 官网直达： https://hp.package-ai.jp/日本公司 PLUG AI 在去年 10 月份推出了一个名为 「Package Design AI」评选分析系统，用户先上传包装所需的设计元素，AI 会在 1 小时内自动生成的 1000 组包装设计方案，然后展示排名前 100 的方案。系统还可以对生成结果进行分析评估，预测针对不同年龄、职业、性别的消费者，哪些包装会更受喜爱。官方称这套 AI 分析系统能缩短包装设计周期，节省设计成本，并准确预测设计出的包装能否获得好的效果。据了解日本零食品牌 Calbee（卡乐比）就接受了这款 AI 系统的分析建议，为旗下一款产品设计了新包装，然后销售业绩比起旧包装增长了 135% 。图片内容来源：PLUG AI 官网看过了设计师们利用 AI 优化自己的工作流程，也了解了不少专门为设计研发的 AI 工具，我的感觉是 AI 真的能提高设计效率，帮助设计师更好地完成设计工作，而不是所谓的“取代设计师”。不过现在看到的 AI 设计工具大部分都是国外的，使用起来有一定门槛，希望未来有更多好用的国产 AI 设计工具出现。对于 AI 和设计师的关系，不知道大家有什么感想呢？欢迎在评论区分享。喜欢本期推荐的话请大家多多点赞收藏进行支持，之后会为大家推荐设计干货知识 ~参考资料：https://mp.weixin.qq.com/s/dafCLibRZh4M3E7w4PVlnQhttps://mp.weixin.qq.com/s/HiRGY1U-NwKF8jNVL-qQOAhttps://weibo.com/1948301550/MuD2t8MNohttps://weibo.com/1757693565/MqxjAaAQD推荐阅读：Text to Skybox ! 一键生成360无缝环境贴图的AI神器大家好，这里是和你们聊设计的花生~之前向大家介绍过不少 AI 绘画工具，比如 Dall·E 2、Midjourney、Stable diffusion 等，它们都是大型的 Text-Image 模型。阅读文章 > 腾讯平面设计实战！如何用AIGC提高200%的做图效率？一、AI 绘图背景与趋势随着互联网行业发展和技术的进步，设计师也有越来越丰富的手段来应对多种类型的产品需求；比如说 3D 渲染、各种自定义的插件已经成为设计师的工作日常，在不断的提高大家的工作效率；包括最近火热的 AI 绘图，也时常出现在设计师的讨论话题当中。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/ai-tools
设计师 神器 工具 大家好，这里是和你们聊设计的花生~又到了大家喜闻乐见的设计师效率神器推荐时间，本期推荐的 5 个神器分别是：打工人福音！一键让 AI 帮你写工作报告的神器「周报生成器」双语对照翻译！看英语网站必备的浏览器插件 「沉浸式翻译」UI 配色神器！根据文本生成调色板的在线工具 「Palette Tone-row」轻便好用！直接用鼠标调整显示器参数的神器 「ClickmonitorDDC」设计师必看！收录了 200+ AI 设计工具资源的网站 「AI Design Resource」往期回顾：这5款工具，让设计师工作效率提升 200%！（十三）大家好，这里是和你们聊设计的花生~今天为大家带来设计师 效率工具 第 13 期，本期推荐的 5 个神器分别是： 用嘴改图！阅读文章 > 一、周报生成器网址： https://aicodehelper.com/tools/index.html记得之前 ChatGP 爆火的时候，有一位网友做了一个专门的工作周报生成器，结果因为访问人数过多网站崩溃了，无限延期关闭，当时就觉得太可惜了。不过现在又有了一款新的「周报生成器」，也是简单地描述一下你的工作内容，AI 就能帮你生成一份内容详实、形式完整的工作报告，需要写日报周报的小伙伴们不要错过了。此外网站还有很多其他功能，比如生成会议纪要、润色英语文章、做产品经理指导、帮你写正则表达式等等，点击左上角的选项框，在弹出的下拉框里可以切换为不同的功能。二、沉浸式翻译官网： https://immersive-translate.owenyoung.com/「沉浸式翻译」是一款可以同时显示原文与译文的网页翻译工具，开启后会自动识别网页布局和文字段落，进行跟随翻译。它提供谷歌、Deepl，彩云小译，百度翻译、腾讯翻译君等多种服务，支持各类主流网站，包括 Twitter，Reddit，Discord, Gmail, Telegram, Youtube, Hacker News 等。翻译后的双语对照的页面清晰有序，无论是看英语长文还是推特信息流都非常方便，绝对是英语小白的救星。「沉浸式翻译」在 Chrome、Edge、Firefox，Safari 等浏览器上都有插件，也可以下载桌面端、移动端和 iOS 端的应用，具体下载安装方式可以看官方网站里的介绍。三、Palette Tone-row网址直达： https://palette.tone-row.com/「Palette Tone-row」是一款在线调色板生成工具，由外国设计师 Rob Gordon 开发并免费分享给所有人使用。它的特别之处在于支持“Palette-by-Prompt ”，也就是文本生成调色板。点击右上角的“create from prompt”，输入对网站性质和颜色的描述，等待片刻后就有一组完整的配色。调色板支持浅色模式和深色模式，能生成中性色板，用户也可以对颜色进行再调整。四、ClickmonitorDDC软件介绍： https://web.archive.org/web/20201016064411/https://clickmonitorddc.bplaced.net/ （需要魔法）下载链接：GitHub - nubix/ClickmonitorDDC: Rehost of ClickmonitorDDC（需要魔法，附件有安装包）ClickmonitorDDC 是一款轻便好用的显示器调节软件，适用于 Windows 系统。软件虽有只有 615KB，但支持的功能却非常多，包括通过鼠标滚轮来调整显示器背光亮度、色彩对比度、色温、饱和度等，安装后直接在电脑上用鼠标或快捷键就能对显示器进行设置，不用动手去按机器上的按钮，对需要经常调整显示器的设计师来说非常实用。五、AI Design Resource网址直达： https://aidesignresource.com/「AI Design Resource」是一个专门面向产品设计师的 AI 设计资源网站，目前收录了 200 多款与设计有关的 AI 工具和资源，包括 3D、UI、虚拟角色、配色、图像生成、图片处理、PPT、提示词等各方面。内容都是精心挑选的，资源质量很高，并且会持续更新，想了解最新 AI 趋势动向的设计师可以多上这个网站看一看。好啦以上就是第 14 期设计师效率工具推荐，喜欢本期推荐的话请大家多多点赞收藏进行支持，我会更有动力为大家推荐设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ，我会第一时间回复。推荐阅读：AIGC领域新增6大神器！每个都能提高400%的设计效率！大家好，这里是和你们聊设计的花生~最近一款名为 ControlNet 的模型在 AI 绘画领域引起不小的轰动，它的边缘检测功能可以提取图像边缘轮廓，深度图引导功能可以复制空间信息，最神奇的是它的人体姿势骨架提取功能，上传一张图片 AI 后会识别其中人物的姿势，然后结合提示词生成一张姿阅读文章 > 腾讯平面设计实战！如何用AIGC提高200%的做图效率？一、AI 绘图背景与趋势随着互联网行业发展和技术的进步，设计师也有越来越丰富的手段来应对多种类型的产品需求；比如说 3D 渲染、各种自定义的插件已经成为设计师的工作日常，在不断的提高大家的工作效率；包括最近火热的 AI 绘图，也时常出现在设计师的讨论话题当中。阅读文章 > 文件名 如何下载使用 文件大小 提取码 下载来源 ClickMonitorDDC_7_2 639KB8866 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/5-practical-software-14
业务 设计师 课程 金三银四招聘季悄悄开始了。虽然去年到今年经历了一波裁员潮，但是依然有一波在 C 端做UI和产品的同学，逆流而上跳槽到 B 端领域做设计和产品了。虽然他们各自的业务和行业差异极大，但是不知道你有没有发现，他们都有个共同点，那就是收入都还相当不错。的确，对于 UI/UX 设计师而言，回老家考公是一种上岸方式，而 C 端转战 B 端也是一种上岸的方式。只是，相比于更容易理解、更贴近普遍认知的 C 端设计，加入更多行业背景、业务需求和专业流程的 B 端有着更高的门槛。为此，我们专门准备了这套 B 端设计入门私房课，给正在筹备上岸的你：课程原价169元，限时新课价直减40元，仅需129元！移动端扫码学习，网页端右戳学习 https://wei.xet.tech/s/2pMvzq入坑B端设计的绝佳时机！也许很多同学几年前就听说过「用友」和「金蝶」这些针对企业的商用软件开发企业，但是随着如今各行各业信息化建设，不止是传统的金融、仓储、物流等领域需要更加深入定制化的设计，而且教育、地产、医疗、销售乃至其他更加细分的行业，大都需要有自己的信息化管理系统。大概是在 8 年前，为了区别于针对个人用户（Customer）的 UI/UX 设计，有人提出了 B 端设计，也就是针对企业和商用（Business）的系统化 UI/UX 设计，彼时 B 端设计开始被提出，8年时间蔓延至今已呈大势之象。如今大量的企业有着自己独特的渠道、和同行截然不同的流程，在管理模式上也大相径庭 ，这也使得很多企业迫切需要贴合自身业务特征的定制化的 B 端设计。即便针对自身体系定制一套数字化系统成本高昂，但是效率提升后带来的利润增长更为可观，这使得 B 端设计成为了设计领域新的增长点，「钱」景无限！但是相应的，B 端设计所牵涉的「业务属性」，也对设计师提出了新的要求。设计师天然就是内容和信息的消费者，从事 C 端设计时，可以相对容易地代入身份，针对性地进行设计，而 B 端设计所涉及的行业不同，所牵涉到的专业性的用户身份也千差万别，业务流程可能完全找不到合适的参考，这一方面要求设计师需要通过专业的手段和方法来调研和梳理，摸清业务，另一方面也需要设计师有更加系统化的思维和方法，来为整个业务创建流程，搭建平台，统筹管理，而这也是 B 端设计不同于 C 端的重难点。这个时候，你就需要针对性地系统化学习了。事半功倍的学习路径很有必要！如果你是设计小白或者已经是 C 端的 UI/UX 设计师，那么这套课程可以带你以正确的姿势开始学习 B 端设计，如同你刚刚转到 B 端设计，这套课程同样可以带你重新收束 B 端设计的思维和知识点。课程会分为 3 个阶段：第一阶段带你着重了解 B 端设计的特征，概念和流程，明确方向第二阶段教你 B 端设计前期分析的方法和要点，深入业务第三阶段结合实际案例，循序渐进地教授 B 端设计执行的技巧下面是详细的大纲：课程原价169元，限时新课价直减40元，仅需129元！移动端扫码学习，网页端右戳学习 https://wei.xet.tech/s/2pMvzq用项目喂出来的课程讲师小煜老师是实实在在在大厂里，用一个个大型 B 端项目喂出来的资深设计师，从电商到金融，从 IM 到直播，踩过不同行业的坑，处理过多种截然不同的业态，面对千差万别的用户需求，在B端行业差异里逐步摸索出成系统的设计策略，又在共通的方法中，总结出应对不同需求的独特技巧，这套录播课程，就是她过往 B 端项目的总结。10 年前 C 端的 UI 设计当初是机会无限的蓝海，如今的人满为患，内卷严重。但是业务形态千差万别的 B 端需求旺盛，行业垂直且细分，需要懂得用户体验、具备系统思维、敢于探索需求、能够梳理业务的 B 端设计师，而任何一个细分行业的发展，起码都是按照十年来进行计算的。下一个十年，你可以从 B 端开始。课程原价169元，限时新课价直减40元，仅需129元！移动端扫码学习，网页端右戳学习 https://wei.xet.tech/s/2pMvzq本篇来源：优设网原文地址：https://www.uisdc.com/business-design-course
设计师 年终总结 工作 2022 年已经过去 2 个月了，这算是一篇迟到的文章，但是年终总结对于我们回顾过去展望未来有很重要的作用。到了年关岁末，很多公司都要求写年终总结，年终总结很多时候和我们的晋升和加薪有着直接的联系。年终总结的目标是回顾过去，展望未来。对于我们个人来说，是对自己一年工作的复盘，总结今年做了哪些事？有哪些成长和收获？有哪些不足；对于工作来说，这是一次展示自己付出、能力、工作成果的机会；对于公司来说，从团队成员的工作总结中，能看到每个团队成员的成长和不足、项目中的难点，帮助公司制定团队成长、流程优化、管理优化的规划有很好的指导作用。那么如何去写好一份年终总结呢？更多年终总结干货：设计师工作总结和年终汇报怎么写？送你一个通用思路！临近年终，我最近经常会收到大家关于述职报告和工作总结相关的问题。阅读文章 > 一、不同阶段的设计师汇报的重点不同设计师在不同阶段所思考的内容应该也会有所不同，我自身也是从实习生-初级设计师-高级设计师-资深设计师-设计专家（设计负责人）这样一路走过来的，每个阶段对于设计的理解和工作重心也会有所不同。接触过的设计师也是形形色色，我能看到工作 10 年的设计师还在展示自己设计的技法，才刚实习的视觉设计师在妄谈产品目标、产品策略...我会把设计师的成长路径主要分为 3 个阶段 ：第一个阶段（专业纵深），1-3 年设计师在专业纵深上进行不断反复的长时间训练，逐渐拓展在自己专业上的技能，比如视觉设计师要持续打磨自己视觉设计的能力第二个阶段（横向拓展），3-5 年设计师在这个阶段我们不应该只把自己定义成为一个只会画图的画图仔，而是专业技能过硬的商业设计师，既有深度，又有专业度，我们关注的点更多是在用户、业务、数据、体验上，对上游和下游的职业虽然我们不会直接参与执行，但是我们了解并能够深度参与到其中，并发挥出设计的最大价值第三个阶段（塑造影响力），5 年以上的设计师5 年以上的设计师不出意外的话基本上成为公司的中流砥柱了，可能已经成为小组长或者管理者了，我们需要的是开始注重自身影响力（对内、对外）的拓展，比如沉淀方法论、培养设计师、对外发声…所以，对于第一阶段的设计师来说，年终总结的内容应该聚焦到具体的项目执行、产出质量上面；第二阶段的设计师，年终总结应该聚焦到对于业务的赋能，专业度和深度的展现；第三阶段的设计师，年终总结应该聚焦到方法论沉淀、团队赋能、影响力塑造方向上来。二、年终总结汇报的四个步骤1. 工作业绩工作业绩要写明做了哪些工作，采取了怎样的措施、方法和步骤，有什么效果，取得了哪些成绩，取得成绩的主客观原因是什么，哪些做法是成功的、行之有效的。工作太乱太细碎，要怎么写？很多初级的设计师工作一般都比较细碎，不成体系，一个个展示的话很难突出重点，我们不妨将这些浩繁的工作，分成几小类，最终分小标题来写，这样就条理清晰了。哪些工作值得写？要回答这个问题就需要你站在老板和领导的角度去思考，把图做的漂亮只是设计师最基本的技能，老板关注的是你的图能够帮助他赚多少钱，你的工作对于团队的贡献有多少。我总结下来主要有 3 个方面的工作时值得被写出来的：业务赋能、团队赋能、体系化建设业务赋能：比如你公司的某个节日活动，因为你的设计帮助业务提升了 30%的销售额团队赋能：比如你主导建立设计插画库，设计团队的整理设计效率整体缩短了 40%的时间；你沉淀出设计 IP 设计的方法，让团队的产出更高效更专业；通过输出专业文章，全网曝光量 40w，帮助团队提升影响力体系化建设：体系化是一个面，比如说你改版一个界面就是线，而你改版塑造整体的产品调性就是面，常见的体系化有：产品品牌体系构建、设计系统搭建、会员体系搭建... 体系化是每个阶段的设计师都需要考虑的点，体系化的思维能够让我们有更加全局的的视角2. 经验亮点在工作完成的基础上，进一步做总结和深入思考，标明重点、亮点，这是体现设计师能力的关键。那么哪些是经验亮点的工作呢？领导关注的工作取得好成绩的工作大家评价都比较高的工作通过创新的方法、经验完成的工作解决业务痛点的工作...这些都属于经验亮点的一些工作3. 问题不足不管你身处的职位如何，每个人都会有自己的问题和不足，我们应该客观虚心的去谈，找到问题的根源，并尝试给出解决方案，遇到同类问题后面应该如何去解决。我们可以分三步走“描述问题+分析问题+解决问题”描述问题：哪一项工作没有做好，面对的困难是什么？分析问题：是什么原因导致问题的发生？解决问题：下次遇到了同类问题你会如何解决？4. 来年规划前面提到的 3 个方面都是回顾过去，那么接下来的来年规划就是对未来的行动了，对于来年的规划，我们可以考虑从以下 2 个方面去写：① 个人目标应与团队或公司目标为导向我看过很多设计师年终总结是以个人为导向，比如:要看多少本书、要学习什么课程，但是这个和你的领导老板有什么关系呢？这时候我们不妨转换下视角去说，发现目前团队对于 C4D 的能力欠缺，经常需要寻求外部合作，所以今年计划学习 C4D 的课程，补足这部分的能力② 结合总结的不足进行规划对于自身的短板和不足，我们不应该放任它，而应该着手去解决它，所以来年我们可以针对这些不足有详细的规划最后要提醒的是，同时一份好的来年规划，必须符合 SMART 原则：具体的、可衡量的、可达到的、有相关性的、有明确时间的三、年终总结需要注意的几个细节1. 不同阶段，重点不同设计师在不同的阶段，汇报的重点应该有所不同。千万不要还刚入行就大谈策略，设计总监还在讲设计技法。2. 数据说话，价值可视设计的价值量化一直是一个非常难的课题，在产出自身设计价值的时候我们尽可能通过数据将我们的价值可视化呈现在领导面前，而不是讲产出的设计多么炫酷。3. 主题明确，突出重点年终总结是对当年成果的高度精炼，我们对每个项目价值点、经验、不足都需要做到主题明确，让领导能够很明确的了解你阐述的重点是什么。4. 功劳苦劳，把握清楚功劳是努力能够得到明显的收获，甚至对业务对团队有着重大的推动作用；苦劳是辛辛苦苦去做，收到的价值和效果却非常小；所以我们在年终总结的时候应该多讲功劳，放大自己的价值。5. 适度包装，闪亮登场作为设计师来说，年终总结的包装也是必不可少的，我是主张内容大于形式，做适度的包装，能够体现设计师身份就可以，而不需要像做作品集那样做精细化的包装。写在最后对于我们设计师来说，把设计做好是本职工作，但是我们应该也要学会如何向别人呈现自己的价值，这对于我们来说也是个非常重要的课题。不知道如何写年终总结？收下这份速成攻略（附实用模板）想必大家跟我一样最近都在忙着写年终总结，最近的公众号和知乎也各种给我推相关的文章，我挑了几篇读了一下，教了在下很多框架性的问题，虽然也很受用，但基本都是指导思想，具体怎么落地，从哪块动笔好像真没说明白，想来想去总觉着差点意思…阅读文章 > 设计师如何写好年终总结？我总结了4个维度！2021年已经快过去了，作为设计师来说总结并分析问题才能获取经验，本文将会和大家一起探讨学习下作为设计师如何写好总结。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/designer-2022-summary
图标 设计师 图形 小图标是界面的核心组成部分，承载着信息传递的重要作用。作为页面的最小展示单位，图标设计也是最能考验设计师基本功的一项工作。不过设计师熟练掌握的，往往只是单个图标的风格化绘制方法。在这个过程中，设计师更关注图标的美感和细节，而忽略了从宏观的角度考量「图标表达的准确性」、「不同图标之间的关联」、以及如何帮助业务「快速实现客制化功能」。更多图标干货：如何拥有一个画图标的好习惯？我总结了这 8 个方面！对于 UI 设计师来说，图标设计的能力至关重要，也是提升感官体验的重要方向。阅读文章 > 一、金融行业图标设计常见问题问题 1：金融行业功能服务名词抽象，设计师难以精准表达金融行业内，许多功能服务名词抽象，如工资理财、活期产品、定期产品，都没有可直接映射的物理形态，行业内也没有统一标准，设计师只能凭借经验绘制，难以精准表达。问题 2：关键词图形化的结果不一致，增加了客户的认知难度参与图标绘制的设计师分散在各业务线，每个人都依据自己的经验自由发挥，导致对同一关键词呈现的图形化结果不一致，增加了客户的认知难度。问题 3：工作模式割裂，难以满足千人千面的灵活配置及高端客制化需求以往的工作模式，由不同的设计师提供切图给不同的运营经理进行配置，这样多对多的模式导致沟通成本高，还经常出现配置重复、错误等问题。接下来，我们将从平安银行业务的特性出发，以金刚区双色图标为例，还原一个图标从诞生到前端展示的全过程，分享建设图标生态过程中的实践经验：2 个方法和 1 个工具「联想筛选法」「图标元素周期表」和「图标管理平台」。二、联想筛选法平安银行 App 是一款金融领域的 C 端产品，覆盖了账户、理财、贷款、保险和生活等多项综合服务，拥有着 400+丰富的功能服务类型，同时，这些功能服务的名称相较于其他行业都更为抽象。比如大家经常能接触到的电商平台，购物车、服饰、鞋包等，都有非常明确的物理形态，设计师只需要据此进行风格化处理，即可形成一个能精准表达相应含义的图标。但是在金融领域，许多功能对应的则是虚拟服务。如理财或保险，是没有物理形态的，且业内没有形成统一的标准，在用户层面还没有建立起统一的认知。那么如何绘制易理解、易识别的图标，是对设计师的一个考验。这里向大家介绍一种相对普适的方法「联想筛选法」，主要分为三步：第一步 了解服务特点图标代表某一功能服务的入口，起到帮助用户定位识别的作用，所以我们只有充分了解这项服务的实际含义与特点，才能真正绘制好一个图标。以保险为例，设计师首先需要思考保险是什么？它是给消费者提供保障与补偿，帮助消费者抵御风险的系列产品。因此我们在绘制图标时，需要充分体现“保障”和“抵御风险”的作用。第二步 映射联想了解服务特点后，设计师可进行简单的图形发散，即根据这项服务的实际含义和特点，联想相关的图形。比如下雨天撑起的一把伞、起到保护作用的盾牌、保险箱或一把锁，再比如在保险服务过程中用户通常接触到的一些实体物件，如保单。不过有一些功能服务，我们很难联想到合适的图形，这时就可以用文字来表达，如表达「税」的图形。一般情况下，我们通过从物理映射到相关性联想，再到文字表达这样的方法，逐步发散思维，就可以找出一些能表达其含义的图形。第三步 查重筛选拓展出几个图形后，如何筛选出最合适的那个呢？我们可以通过「契合度」「专属性」和「拓展性」这 3 个原则进行筛选，需要注意的是，这三个原则是有先后顺序的。① 契合度主要是分析哪个图形与该功能定义更为贴切。对于保险来说，契合度排序为：盾牌＞保单 ＞雨伞＞锁。② 专属性我们需要从全局的角度看这些图形，是否被其他功能占用。比如在业内，「锁」更多代表的是密码，而「保单」的样式和普通的账单难以区分，故可以排除。③ 拓展性需要考虑该图形在造型上是否容易和其他图形组合。因为功能服务往往不是单独存在的，通常会与一些相关功能共用图形（在第 2 个小节我们会分析拓展性案例）。通过以上 3 个步骤，就可以快速选择出最契合功能服务的图形。如最适合保险的图形是「盾牌」，它既高度契合保险服务本身的含义，同时也具有一定的专属性和拓展性。三、图标元素周期表通过上述联想筛选的方法，可以帮助设计师快速选择出与功能服务契合度较高的图形。不过绘制图标的设计师，是分散在各业务线，其中不乏新入职的同学。大家对方法的理解和掌握程度不一，导致不同的设计师，对同一关键词图形化的结果不一致，具体表现如下：同类型的功能服务，设计师使用完全不同的图形化元素，从而难以建立长期统一的客户认知。例如，同时用皇冠和钻石代表「权益」相关功能。即使图形元素一致，在风格化绘制的过程中，也会出现多种不同的样式。例如常用的人民币符号，在前期上线时就出现了七八种样式。为了解决上述问题，我们尝试沉淀出一套实现标准图形规范的快捷方式「图标元素周期表」：经过分析，现有功能服务名称多为 A+B 的组合结构。还是以保险为例，相关的功能有保险商城、保险服务、保险测评、跨境保险等，这类组合功能我们可以将其拆分为：保险+服务、保险+商城、跨境+保险这样的形式，进行图标设计。这样我们只要组合两个独立元素，就可以得到表意精确的组合图标，组合的形式可以是内外或左右结构：独立元素可以分为主图形和辅图形，经过组件化，最终形成「图标元素周期表」。业务设计师可以根据功能服务的特性，自由组合主辅图形即可。这大大减少了图形化结果不一致和样式不统一的问题。不断重复应用关键图形，可以建立并强化客户对相关功能服务的整体认知。当客户看到盾牌，马上可以联想到保险，就像看到放大镜，就知道是搜索功能一样。四、图标管理平台前两个部分介绍了联想筛选法和图标元素周期表两种方法，可以帮助设计师完成图标绘制。不过要使精心设计的图标，在前端正确展示，还需要开发与运营经理的参与。以平安银行为例，依托智能推荐能力，我们为客户提供千人千面的服务，且针对不同资产等级的客户，定制更符合客群审美的专属主题。因此在 UI 层面，图标需要配置更灵活以及满足换肤需要。我们尝试构建「 图标管理平台 (ICON ZOO) 」，旨在为设计师、开发和运营经理搭建沟通桥梁，将绘制好的图标标准化命名，上传至图标管理平台，平台将自动生成图标的 URL（唯一在线链接）。不论是开发调用，还是运营经理在后台系统配置，都不需要设计师单独提供切图，而是直接调用图标管理平台的 URL。这样大大减少了配置错误率，也方便我们随时对图标进行更新和换肤，同时提高工作效率。图标管理平台不仅能管理全平台的公共图标，业务设计师也可以创建业务图标空间，满足不同角色的协同需要。写在最后今天，我们从业务的角度出发，详细阐述了一个小图标从诞生到前端应用的全过程。看似一个很小的环节，如果在图标体量比较大且参与人数多的时候，沟通不畅通，就容易出现失控的情况。设计师需要感性和理性并存，感性可以为设计注入灵魂，理性可以让我们从业务角度出发，深入探寻问题本质，逐步找到最终的解决方案，帮助团队实现更高阶的目标。欢迎关注作者微信公众号：「 OnepinganDesign」本篇来源：优设网原文地址：https://www.uisdc.com/financial-icon-drawing
苹果 产品 设计师 编者按：在以设计著称的苹果公司做设计是怎样的体验？这篇文章出自前苹果设计师 Andrea Pacheco，她如今是 Meta 的首席产品设计师，她在离职后详细梳理了她在苹果做设计所学到的10个经验，非常值得借鉴学习。以下为正文。工作了30年，当首席设计师Jony Ive离开苹果之后原标题：Jony Ive on Life After Apple原作者：Elisa Lipsky-Karasz链接：https://www.wsj.com/articles/jony-ive-apple-design-interview-profile-lovefrom-1166阅读文章 > 2021年，我找到了梦寐以求的工作。苹果是极简主义设计、革命性设计和创新的圣杯。在这里，特立独行的人可以坐在桌上工作，大胆而疯狂的想法是被鼓励的。作为一名产品设计师，在苹果工作是改变人生的经历，我只能说，未来无论我走到哪里，我都会坚持一些源自于它的一些原则。在苹果工作的一年时间里的收获很多，我总结了 10 条经验。简单总结就是：苹果是一家独特的公司，我相信他们进行产品设计的一些方法只有在他们的商业模式下才能成功，这种模式允许创新、失败、风险，并且对于设计工艺有着卓越的要求和高度的关注，哪怕这样的目标需要很长时间的努力才能达成。打造出色的产品，而不是最小可用模型。讲故事是作为产品设计师需要培养的最佳技能。自上而下的文化并不像我们想象的那么糟糕。免责声明：此处总结均基于我自己的经验，并不代表苹果的运作模式。1、澎湃的激情和伟大的设计同样重要当有足够多的人相信项目能成的时候，这个项目才有可能达成。从闲聊到决策制定再到高层决策，均是如此。我们说话、表达自己、阐明思想的方式，对于达成共识、影响他人再到推动事物发展，都至关重要。我最大的收获之一，是要让演讲充满激情，不仅仅是在介绍工作内容的时候，包括在会议上分享的时候同样要如此。当你对你的工作内容充满激情的时候，你理应向周围每个人展示你对此的激情。乔布斯能让他的想法更加易于理解，并且令人难忘，这种能力是惊人的，而这恰恰源自于他说话时的激情。人们可能不一定完全记住你说了什么， 但是他们会记住你给他们传递的感觉：自信、乐观、无聊、不情愿或者其他。归根结底，情绪和感觉的传达不应仅仅只应用在向客户销售产品的时候，对内部团队和利益相关方传递想法的时候，这种情绪传递的方式同样是沟通的关键。2、讲故事同样是设计师的超能力在苹果，最令我我感到惊讶的事情之一，就是做任何工作内容分享的时候，设计师都会认认真真为此做一套演示文稿。而所被分享的工作内容可能仅仅只是一件小事，比如最近工作进展或者一次小迭代。但是在苹果内，设计师会尽力用好讲故事的技巧来影响每一个观看者，而不仅仅是把结果展示出来。在一次次的观看演示和亲身演示的过程中，我总结了一些小贴士：讲述故事而不是简单的解释过程每张幻灯片只关注一个点，不要因为幻灯片数量多就混淆了当前要讲述的内容，每张幻灯片只使用一个加粗的句子，而不是直接罗列整段内容。使用注释来承载你要讲述的内容，而让幻灯片本身来呈现你所描述的内容。演示过程需要排练。即使只是针对一个小设计的演示，也提前1小时去会议室来回顾内容，确切地梳理清楚你之后站在台上讲述的内容，怎样开始如何收尾。享受这个过程！3、大创意和长期目标更重要我注意到一件事情，大多数的产品团队不会将他们的精力过多投入到小胜利和小问题修复上。相反，整个团队会更加基于长期影响来打造下一个重要产品上。这种长期注意的思想在苹果内部很常见，但是这也解释了为什么每年 WWDC 和发布会上总能看到一些让人大吃一惊的新功能，但是与此同时，之前系统中的某些可用性小问题，还没得到修复。这种情况可以归结为是公司文化。苹果以品牌创新而闻名，因此用户很自然地期望苹果能努力发布新产品，有创新性、革命性的产品，而这种期望也自然而然地影响着公司的决策。而我想学习的是这种长期注意的思想，如果想要创新，要着眼长远而不是眼前的小胜利，即使抵达目标要更长的时间。4、相信直觉，你就是专家理想情况下，每当我们进行设计的时候，我们都会事先进行用户调研和测试，发觉可用性和可访问性上的问题和潜在风险。但是在苹果，有很多产品都很难进行开放的用户调研和用户测试，想象一下，消息传到外界，所有人都会好奇下一代产品到底会有哪些功能。所以，你需要找到新的办法来测试你的设计，同时又不影响保密。还有一种办法，是挑选一部分内部员工来做内部测试，而与之相对的另外一种方式就是专家评审。专家评审的时候，通常会邀请设计总监、分管产品的高级副总来进行评审和讨论，这种情况下风险就很高了，你必须详细说明每一个设计决策背后的意图和想法。你可能会觉得这种决策方式更容易带有偏见，但是经历过多次之后我发现，这种设计决策会议比我参加过的绝大多数用户测试都更有价值。在这个过程中，不断的有人挑战你，挑出设计的细节不断「拷问」你，你可以发现真正的聪明人都会关注哪些用户体验，而他们又是从哪些角度来优化体验的。在这个过程中，你需要相信自己的直觉，你需要保持自信，沉着地应对，你自己也是可供倚靠的专家——无论是做产品设计、用户调研，还是应对专家评审。5、成为有全局思维的战略思想家人们常说苹果是设计师最理想的公司，我想这主要是因为成为苹果的设计师之后，可以专心将时间都投入工艺的精进和执行上，专注产品的表现（交互设计）和外观（视觉设计），以及如何让用户感受到整个苹果生态一致性和拓展性上（系统设计）。为了让设计师能够专注于设计和执行（同时掌握细节），这需要有一个相当智慧的产品团队，能够将产品思考和战略做得相当细致到位。作为产品设计师，我目前负责交互和系统设计决策，不得不说我错过了不少产品决策的机会。6、洞悉超越当下问题的 One More Thing也许你还记得乔布斯说「One More Thing」时给人的惊喜，其实这也和苹果内的工作模式有关联。追求「One More Thing」并不是强制性的，但是有很多人喜欢这么做，老实说，我也很喜欢。这是一种「彩蛋文化」。正如我前面所说的，一切都关乎「演讲」，所有的展示也都在演讲台上。而「彩蛋」会放在演讲展示的结尾，它的存在意味着你的产品或者探索并不止步于当前的结果，它有延伸出的彩蛋，有更高的目标，有全新的胜利方式。总而言之，这是推动团队进行更广阔思考、寻找未曾设想道路的契机。我喜欢这种文化的地方在于，它为设计师提供了一个安全的空间来拓展创意，获得更多利益相关者的关注，没有「必须」构建出结果的压力。如果它得到认可，那很好，如果没有得到认可，反思和建议同样价值千金。7、极简设计真的很难但是当你达成极简的设计目标的时候，那种感觉无可比拟。8、始终追求创造卓越的产品当你在购买苹果产品的时候，你不会期望它依然处于测试阶段，你希望拥有的一款高素质、高性能的产品。这种源自于硬件开发的文化，也同样反映在苹果的软件和服务的开发当中。记得我和 Apple TV 的产品团队开会的时候，当时 Apple TV 的产品尚未成熟，TV 端的体验尚未优化到位，有人提出可以在网络和移动端上提前上线。当时产品总监说：「如果我们不能在所有平台上提供最佳体验，就根本不会上线。如果这一天需要我们等待一年时间，那我们也会等。」听到这个话的时候我感到相当震惊，在我的职业生涯当中，产品经理少有为了给用户最佳体验而不断延迟发布。这种精益求精的文化在苹果内是一种普遍存在的现象。很多人抱怨苹果经常会花费很长的时间才上线对手已经拥有的产品和功能，但是这些功能大多有着更高的成熟度和惊人的体验，而且我相信这种开发文化只会在苹果存在，因为唯有这样的商业模式才和这种文化相得益彰。9、学会说不这是我在职业生涯中学到的最好的经验。学会说不，意味着要学会确定任务的优先级。我们的大脑能够接纳的信息是有限的，将精力投入到能产出最大影响和效果的项目、活动，这是非常重要的。而且，在大型科技公司，总会有令人兴奋的项目和机会，你很容易参与到不同的项目当中去，所以千万不要贪多，学会说不。「人们总认为专注就意味着你需要对手头的事情说是，实际上并非如此。这实际意味着你要对一百个好主意说不，你要慎重做出选择。」乔布斯10、自上而下的文化并不都那么糟糕苹果最显著的特征之一，就是它是一家自上而下的公司。这意味着在公司内，设计师和产品研发等都都需要向董事、经理等管理人员展示工作内容，并且获得批准之后才能执行。我的总监和设计主管有时候不同意我的意见和观点，我后来才发现他们都是对的。那是因为，在苹果大家通常都不会带着自负态度来做决策。这里的工作者大都是纯粹的最佳用户体验的追求着，所以，当有人不同意你的观点之时，通常他们都有着足够充分的理由，对事不对人。而这里同样有着一个安全和开放的空间，供大家进行健康的辩论，并且还提供全方位的建议来帮你完善想法。而这恰恰是我接纳苹果式自上而下文化的原因，重要而有效的决策可以更快地被做出。无论专家和领导是否通过了你的提案，最终都可以让项目保持良好的势头。在自下而上的企业文化之下，我时长需要花费几周甚至几个月的时间来打磨产品，过程中需要和 10+ 同事高频沟通来保持想法一致，而这个过程真的是令人筋疲力尽。在苹果的经历则表明，让一位有远见卓识的领导来做决策，确实可以节省时间，让我可以专注于工艺，而不是在项目管理当中虚耗光阴。本篇来源：优设网原文地址：https://www.uisdc.com/work-in-apple
内容 设计师 的是 大家好，这里是和你们聊设计的花生~最近 ChatGPT 真的太火了，每天都会在网上刷到关于它的各种讨论，身边的同事也已经在用它处理一些文字工作，不知道大家有没有用起来呢？最近我在网上看很多大神分享的 ChatGPT 使用教程，发现自己之前对 ChatGPT 的认识太肤浅了，试过后更是感觉打开了新世界的大门，今天就和大家分享其中 6 种我觉得对设计师非常有帮助的 ChatGPT 使用思路。关于 ChatGPT 的详细介绍：地表最强AI聊天机器人ChatGPT诞生！会给设计师带来哪些影响？大家好，这里是和你们聊设计的花生~前几天刚和大家聊过 AI 绘画工具 Midjourney 的 V4 模型，感叹它图像生成质量之高。阅读文章 > 一、个人助理想必不少小伙伴都已经试过这种用法了，用 ChatGPT 来处理写邮件、写微博或者小红书的文案这类文字工作非常方便，还可以用来写工作周报和年度总结的大纲。最近还出现了一款专门生成工作周报的程序，无需注册直接使用，给一句话就能生成一份内容详细格式工整的周报，简直是打工人必备利器。周报生成器： https://weeklyreport.avemaria.fun/zh（暂时下线）其实我们还可以让 ChatGPT 按预算推荐电脑设备，或者写一份条理清晰、内容详实简历。它还能陪你玩一些简单的游戏，甚至扮演你喜欢的动漫/电影角色和你对话互动，以后不愁摸鱼时间会无聊了。二、学习导师在学习设计知识以及设计软件的过程中，我们往往会有关于某个概念的疑问，或者在使用软件的过程中遇到障碍，这个时候就可以将问题描述给 ChatGPT，让它直接给出解决方案或思路。比如一些理论性的知识，以 ChatGPT 可以写论文的水平来说，回答关于艺术史、设计史、大师作品或生平的各种问题肯定不在话下。我们还可以通过对话的方式和它讨论在设计中遇到的疑惑，能得到出非常专业的解答。这里推荐大家看一下艺术博主@尤勇画画 和 ChatGPT 有关色彩的讨论，内容非常有深度，从这方面看来 ChatGPT 足够作为设计师或插画师的学习导师。微博原文： https://weibo.com/1658239147/Msmk05vAC在用 PS、AI、AE、C4D、Blender 等设计软件时遇到的问题，也可以让 ChatGPT 给你提供解决思路。我问了它关于 Blender 中玻璃材质渲染效果很暗的原因和解决方法，它提供的“ 调整环境贴图”的思路帮助我很快速的解决了这个问题。我还让试过 ChatGPT 提供海报设计思路。当我指定海报风格为国际主义时，它给出的使用简约色彩、无衬线字体、抽象几何形状及保持版面干净整洁等建议都是非常准确的，还提醒设计者注意设计的包容性。进一步追问如何才能找到简约的配色时，它也提供了使用配色网站、借鉴自然配色、关注经典配色和保持配色的一致性等建议，都非常实用。三、辅助 AI 绘画现在不少艺术家都在用 AI 绘画工具帮助自己快速将脑中的创意和想法转化为概念图像，而在 ChatGPT 发布之后这个过程变得更加简单流畅。艺术家可以直接告诉 ChatGPT 自己想要什么样的画面内容，让 ChatGPT 生成英文描述并润色成更容易被 AI 绘画工具识别的提示词（Prompt），然后复制到 Midjourney、Stable Diffusion 或 Dalle 2 等 AI 绘画工具中，就能快速得到不错的生成效果图。这在一定程度上节省了艺术家自己学习输出提示词的时间，让创意参考的生成速度更快。还有一个好处就是如果艺术家一时间想不到好的点，可以简单描述想要的场景或感觉，让 ChatGPT 给出人物形象、元素、配色、构图、光影等具体内容建议，在此基础上一步步修改完善自己的提示词。问得越多，ChatGPT 能给出内容就越详细丰富，这比传统的自己找参考图效率要高很多。游戏制作人@soulframe 利用 ChatGPT + Midjourney 生成的游戏角色概念图，来源： https://m.weibo.cn/status了解有关 AI 绘画工具的内容：手残党也能成为艺术家！4个热门AI绘画平台的创作经验总结AI画画，无疑是当下最火热的话题之一。阅读文章 > 四、用于 UI/UX 设计一名国外的 UI 设计师 Thalion 在他的文章中分享了利用 ChatGPT 进行 UI 设计的 25 个例子，其中包括获取线框布局的建议、对应用进行可用性测试、寻找高质量的系统套件或 UI 工具包、验证用户旅程地图、编写设计系统文档、获取设计研究数据等，非常全面的展示了 ChatGPT 能如何帮助 UI 设计师提升工作效率。感兴趣的小伙伴可以戳下面的链接阅读原文：原文链接：如何使用 chatGPT 进行 UI / UX 设计：25 个示例ChatGPT 撰写设计系统文档五、写 Blender 脚本我们都知道 ChatGPT 可以写代码，因此它也可以帮助不会编程的设计师写 Blender 脚本，从而完成批量建模、添加材质、立体打光等操作。下图截取自国外设计师 Kaiwan Shaban 在 YouTube 上分享的一个视频，视频中他展示自己是如何利用 ChatGPT 写的脚本在 Blender 中迅速创建了 300 个随机立方体。内容来源：How I made this Artwork using ChatGPT | Blender Tutorial - YouTubeYouTube 上有非常多相关教程，大家可以用关键词“ Blender+ChatGPT ”进行搜索。 下面推荐 B 站上的 2 个搬运教程，方便大家先做了解：使用ChatGPT创建blender脚本： https://www.bilibili.com/video/BV1fs4y1Y7XM在Blender中使用ChatGPT的5种方法： https://www.bilibili.com/video/BV1DG4y1F7TQ六、学习外语之前为大家介绍过 ChatGPT 有不错翻译功能， 如果你想在外网上发表英语内容但担心用语不对，可以直接用中文告诉 ChatGPT 你想表达的内容，让它帮你翻译润色。而除了及时翻译，B 站上还有 Up 主分享如何利用 ChatGPT 完成高效率的自定义英语学习。首先是 UP 主@刘放斋 分享的利用 ChatGPT 高效学习外语词汇和写作，包括英语/法语/德语/西语/日语。因为单词放在语境下会更易于理解和记忆，所以我们以 3-10 个单词为一组，命令 ChatGPT 根据它们生成 100 - 200 词左右的小短文/小故事，方便我们可以一次性记住多个单词。且这样生成的内容是准确、富有逻辑且符合母语者使用习惯的，比在单词软件上一页页背例句更有趣。教程直达： https://www.bilibili.com/video/BV18d4y1p7M4ChatGPT 根据给定内容生成的短文另一位 Up 主 @法笑宝 则提供了一种用 ChatGPT 练习英语口语的方法。具体操作方法先为 Chrome 浏览器中安装同一款名为 voice control for ChatGPT 的插件，然后借助输入法的语音输入，告诉它需要进行一对一对话的模拟雅思考试，就能开始和 ChatGPT 进行口语对话了。大家可以进视频感受一下整个对话过程，非常丝滑完美，想提升口语水平的小伙伴可以试试。教程直达： https://www.bilibili.com/video/BV1iy4y1Q7Fh以上就是今天为设计师们推荐的 6 种 ChatGPT 使用思路，希望对大家的学习工作有帮助。需要注意的是 ChatGPT 目前并没有联网，了解的事情也仅限于 2021 年之前，所以在信息时效性方面有缺陷。而且在问 ChatGPT 比较专业的问题时，得到答案后最好自己再溯源验证一下真伪，因为在之前使用过程中 ChatGPT 存在“编造答案”的情况。不过有一个好消息是基于 OpenAI 的新版 Bing 搜索引擎已经发布了，有部分用户已经体验过了。新版 Bing 用的是 GPT-3.5 模型，比 ChatGPT 的 3.0 更加先进强大。用户依旧可以用对话的方式了解信息，联网的 Bing 可以反馈互联网上最新的资讯信息，并在提供答案的同时给出信息来源，这样就更方便用户自行了解更多信息及验证信息的真伪。新版Bing的使用界面 ，图片来源： https://m.thepaper.cn/newsDetail_forward_21895565想要使用 ChatGPT 或者体验新版 Bing，可以戳下面的链接了解。如果你也有关于 ChatGPT 的好用法，欢迎在评论区和大家分享。喜欢本期推荐的话请大家多多点赞收藏进行支持，我会更有动力为大家推荐设计干货知识 ~新版 Bing 内测申请链接： https://www.microsoft.com/zh-cn/edge推荐阅读：ChatGPT发展势不可挡！盘点4个值得关注的AI语言文本工具大家好，这里是和你们聊设计的花生~这两天有关人工智能聊天机器人 ChatGPT 的新闻频频冲上微博热搜，并引起广大网友的热切关注和讨论。阅读文章 > AI绘画如何应用到实战？来看腾讯高手的案例！前言：当我们谈论画作，会醉心于印象派光影斑斓的色彩，会惊叹于国风文人画如诗如歌的构图，会震撼于画师笔下一个又一个充满想象力和创造力的世界；而当我们提及 AI，脑海中浮现的是前沿深奥的大数据云计算，是冰冷严谨的逻辑思维能力。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/6-chatgpt-use-methods
美国 工业设计 设计师 现代设计发展中，有个非常知名的指导原则由美国建筑设计师路易斯·沙利文（Louis Sullivan）提出来，那就是：“Form follows function”——形式追随功能。晚年惨淡的摩天大楼之父：顶尖建筑设计师路易斯·沙利文在过去的故事里，史太浓经常提到一句设计哲学：“形式追随功能”（Form follows function），并且在我自身设计工作中，一直信奉此话。阅读文章 > 路易斯·沙利文一战之后大发战争财的美国，将制造武器的技术转向工业生产，可谓降维打击，立马让经济急速发展。于是讲究实用主义的美国人很快将沙利文这个指导原则演变为“形式追随市场”，设计样式以市场喜好为硬性指标，这个阶段我们在装饰艺术运动的篇章当中有所阐述。用一篇文章，帮你了解装饰艺术风格上一回我们谈到苏联的“构成主义“（Constructivism）平面风格，这是一场以人民为名义发起的运动，具有社会主义与功能主义特色，然而无法否认的是同时也有固化的形式主义。阅读文章 > 这种暴富形态的发展，造成了不健康的经济模式，大致 10 年左右，也就是 1927 年美国出现经济衰退，并且越演越烈，继而在 1929 年发生著名的“华尔街股票崩盘事件”。美国一下子进入了“大萧条”时代。大萧条时期的美国在此期间美国股市暴跌，大批企业破产，失业人数暴增，银行倒闭，生产持续下降。美国进入了空前的经济大危机中，这个情况直到 1933 年罗斯福总统上台才出现转机。罗斯福政府实行了有效的经济新政策，首先对宏观经济进行干预，继而建立社会福利制度，再由政府层面推行基建项目，才让经济危机得到有效缓解，把美国带到另一个经济高速发展阶段。罗斯福总统现代设计也在这个大背景之中获得高速发展。一、工业设计师的诞生罗斯福上台的 1933 年也是德国包豪斯被迫解散的同一年，大部分包豪斯优秀师生以不同途径陆续移民到美国。恰好参与了经济新政之后的美国发展，他们主要参与领域在教育、建筑与家具。而美国本土设计师则基于美国工业生产优势孕育出一个此前没有，或者说尚未规范的行业，就是工业设计。工业设计师这样的称谓也第一次产生，好比 2010 年前后随着移动互联网的发展才产生的 UI 设计师一样。战后蓬勃发展的美国工业美国经济的快速发展让社会产生了数量庞大的中产阶层，形成一个巨大消费市场。而工业设计发展与中产阶层形成的市场关系密不可分，这个市场特点是：个性化用品及可以表现社会身份的物品比单纯讲究功能的产品更受欢迎。同时时尚与潮流被放在一个重要位置，这种诉求大大推动了设计发展。美国家庭的日常生活企业界全力以赴开发新式生产手段，开发新型材料，比方合金与塑料，而设计师则采用这些手段及材料来设计新产品。这个时候国际主义也基于德国包豪斯的现代主义在美国呼之欲出，这两种主义在形式上非常接近，几乎一致，区别在于彼此意识形态不同。典型的国际主义风格建筑现代主义是兼容且民主的，国际主义则是独断与商业的。美国第一代工业设计师其实在 1920 年代前后就不系统的出现，那是一战之后开始从事工业设计的人。工业设计的定义其实可以狭义的理解为“工业化产品设计”，这是一个比较开放性的概念，比方包含交通工具、电器、厨具、餐具、工艺品等。时钟产品的设计这些美国工业设计先驱跟欧洲过来的设计师完全不同，欧洲设计师普遍是建筑设计出身，有严谨的设计训练与明确设计观念。而美国的工业设计师大部分出身背景不同，多数从广告设计、橱窗设计、插图设计甚至舞台设计转行而来。而动机则因为商业竞争，需要更多优秀的产品、包装及品牌方面的设计工作室提供服务，所以这批设计师大部分都是多面手，几乎全能，将企业的设计需求一手包办。风扇产品的设计他们将设计视为一门生意，并没有太多理论及所谓的设计哲学。其中最成功的设计师是雷蒙罗维（Raymond Loewy），甚至因为对工业设计行业的贡献而登上《时代》杂志。《时代杂志》封面上的雷蒙罗维及其设计作品他的设计几乎渗透当时美国人生活的方方面面，是一位明星般人物的设计师，我们后面也会对其作简单的介绍。流线型设计运动在“装饰艺术运动”的篇章内容里我们曾经谈及过“流线型设计运动”，这个运动其实跟美国工业发展有密切关联，可以视为一个独立的美学思潮。而历史上有很多研究者习惯将其归纳到装饰艺术运动中，称作“运动中的装饰艺术”（Art Doco on Motion）。装饰艺术中结合流线型风格的产品这个运动诞生于 1920 年代，在美国风行了近 20 年，细节上有装饰艺术运动中的精致装饰感，造型上则贴近现代主义，重视简洁与流畅性。主要特征是展示出一种空气动力学概念，大量使用流畅曲线，有明显的速度感与未来感。流线型运动中的产品设计流线型运动首先起源自对交通工具的设计探索，当汽车产业开始蓬勃发展的时候就有人开始考虑造型与运动速度的关系。所以这种外观形式首先基于功能考虑，也就是前面谈到的“形式追随功能”的一种体现。根据考证，这种样式的设计首先出现在 1914 年的意大利，当时设计师马柯·里克瑅（Marco Ricotti）设计出一款像水滴造型的概念车，名为 40/60HP，成为典型流线型设计。意大利 40/60HP 概念车被美国设计师参照后拉开了该运动的序幕，任何设计概念一但被美国相中就会被其庞大商业市场的运用而充分放大。流线型风格很快在美国走红，首先在飞机与汽车设计上得到充分试验，当时美国三大汽车集团——克莱斯勒、通用、福特都纷纷推出流行型风格汽车。美国流线型运动中的汽车产品到后期这些汽车的流线造型已经走向一种浮夸与不切实际，现在回顾看来，感觉就像来自外星球，因为汽车跟飞机之间共用了很多设计动机与元素。但其中也不乏一些经典设计，比方克莱斯勒汽车公司 1934 年推出的“气流”（Airflow）轿车。克莱斯勒设计的“气流”轿车整体考虑更充分，造型前卫之余兼容了舒适性及安全性，成为一种主流风格，一些故事背景发生于美国的 20 世纪 20 到 40 年代的好莱坞电影，会看到大量汽车都是这类设计。随着市场热烈反应，这种风格慢慢蔓延到一些压根不存在空气动力学需求的产品上，比方家具、餐具、文具、吸尘器，收音机，水壶，台灯等。流线型运动风格的产品设计因此演变成一种形式主义商业设计运动，加速了运动的消亡。二、工业设计的先驱美国的第一代工业设计师有些共同特点，就是习惯于集团式工作，善于商业谈判，并且有强大的市场洞察能力，这些都跟美国发达的商业环境有直接关系。前面谈过的雷蒙罗维也是将商业设计运作得最成功的人，其公司在最大的时候拥有超过 200 名专职设计师。在设计汽车的雷蒙罗维而且公司所有设计项目都要署上他的名字，这种方式备受争议，这其实属于雷蒙罗维一种商业运作方式，通过这样达到大幅提升个人名声的目的，继而推动业务。而且他对设计师非常不错，待遇是业内最高的，所以大家并无怨言。雷蒙罗维的设计公司因此雷蒙罗维的公司完成了从可口可乐标志（包括经典瓶身）到铁路公司火车头，甚至太空站的设计，其业务范围之广令人叹为观止。最经典的 1957 年版本由雷蒙罗维完成尤其在 1930 年代雷蒙罗维公司设计了大量美国交通工具，所以也成为流线型运动的主要推动人之一。雷蒙罗维公司设计的大巴其公司设计收费高昂但客户仍然络绎不绝，跟其善于打造个人形象密切相关，这点很值得如今的设计师学习。1980 年代时候雷蒙罗维的设计公司成为全球经济实力最强、收益最高、规模最大的独立公司，没有之一。善于形象推广的雷蒙罗维除了雷蒙罗维之外，美国工业设计还有一位重要人物，可以说是开山鼻祖，那就是 1927 年在美国开设第一家工业设计事务所的沃尔特·提格（Walter Dorwin Teague）。沃尔特·提格当时整个美国都还不明确工业设计概念的时候，他就首先在自己的服务范围上明确印上“工业设计”字样。这个词未必是他创造的，但首先被其正式运用。提格的公司其实属于综合性设计公司，从建筑设计到工业设计再到平面设计都能承接，但市场需求决定公司发展，工业设计后来看看成为其公司的主营业务。提格设计的收音机提格设计出不少当时在美国广泛流行的产品，比方 1934 年的“蓝鸟收音机”（Bluebird Radio），1936 年的“斯巴顿收音机”（Sparton Table Radio）及 1937 年的“子弹相机”（Bullet Camera）等等。蓝鸟收音机提格在美国工业设计行业具有举足轻重的地位，是“美国工业设计师协会”的发起人，同时担任了首任主席。因此提格合作的客户也是美国一些相当成熟，知名度高的大型企业，比如柯达摄影器材公司，福特汽车、美国钢铁公司及波音公司等。提格设计的台灯提格非常重视与客户的长期合作关系，并且也善于保持这种关系，所以跟大部分客户的合作都十分深入，达成共赢。比方为柯达公司设计出“荣华柯达”（Vanity Kodak）系列相机，通过造型与配色升级将相机从功能用具变成一种时尚用品，受到女性消费者的强烈欢迎，大获成功。“荣华柯达”系列相机随后此产品多次升级，均有不俗的市场表现。又比方 1946 年跟波音公司正式“联姻”之后，设计出著名的“凌云巡航者”客机（Stratocruiser’sCyclograph Company）座舱。飞机的座舱设计是难度极高的，要考虑安全性，舒适性及与飞机功能的结合。提格设计的波音客机座舱提格公司出色的完成了任务，这种合作一直延续到提格去世（1960 年）都没有中断，持续合作了 60 多年，参与了波音 707、737、747 及 777 等机型的机舱设计，成为一时佳话。本期分享到此结束，感谢各位，下期再会！欢迎关注作者的微信公众号「设计史太浓」：本篇来源：优设网原文地址：https://www.uisdc.com/streamlined-design-campaign
设计师 需求方 国内 从去年开始关注腾讯 CDC 每年一度的设计人才调研报告。2022 调研报告的全称是《2022 年互联网新兴设计人才白皮书》，样本来自腾讯 CDC 公众号、站酷和卷叔填填圈的自有样本库，样本量总计约 7000 人，招聘数据来自脉脉人才智库，看起来还是具备较高说服力的。正好最近也看到了 UX tools 的《2022 Design Tools Survey》，这份报告有很多设计媒体都做了中文版的翻译，但 UX tools 的调研对象是海外设计师群体。所以我把其中部分内容结合腾讯 CDC 的报告进行了对比，觉得有意思的点还挺多的，这里列举 5 点，跟大家分享。关于这份报告的中文版：从1000多篇文章中，总结出 2023 UX设计行业趋势报告编者按：相比于其他的具体的趋势报告，来自 UXdesign.cc 的这篇报告更像是一篇针对 2022 年的反思和总结。阅读文章 > 2022 年设计岗位招聘需求量少的可怜设计职能由专业细分向着综合性职能演变对比海外设计师的从业年龄，国内设计师“太年轻”设计师与需求方的关注点不一致国内体验设计软件生态与海外差异较大，国产软件仍有较大空间第 1 点：2022 年设计岗位招聘需求量少的可怜腾讯 CDC 关于这一页的描述是“今年市场对新兴设计岗位招聘需求有所下降”。“有所下降”这个说法有点太过温和了，对比 2020、2021、2022 三年的设计招聘数据，设计岗位的招聘需求不仅仅是有所下降那么简单，2022 年简直是非常惨淡的一年。需求量连去年的一半都不到。第 2 点：设计职能由专业细分向着综合性职能演变这一页特别有意思，注意看近三年来游戏设计、交互设计、UX 设计与用户研究的热度趋势。更细分的交互设计、用户研究岗位在变少，相反的，产品体验设计这种综合设计职能在变多。实际上现在同时具备 UI 设计、交互设计、用户研究等综合能力的产品设计师与 UX 设计师在人才市场上非常少。但企业都在招聘这样的人，这个现象一方面反映了设计职能的综合性发展，另一方面也反映了企业管理者在理性地控制人员成本。第 3 点：对比海外设计师的从业年龄，国内设计师“太年轻”对比 UX tools 做的问卷调研，海外与国内的设计师在工作年限上的差异非常巨大。工作 10 年及以上（不含 10 年）的设计师占比约 30%，而国内 10 年以上（含 10 年）的设计师仅占 10%。不知道各位怎么理解这个巨大的差异，我觉得这是国内设计领域仍然非常不成熟的表现。如果大部分设计师做不到 10 年就不干了，设计深耕也就无从谈起，没人进行专业深耕，所以这个领域也很难有什么进步和明显的发展。那么为什么国内是这样的情况呢？可能并不是因为我们国人设计师没长性，而是国内的设计岗位需求决定的。一方面设计领域没有长期深耕人才，另一方面企业用人方几乎不能接受工作 10 年以上的设计师。只有少数高阶职位才会写 10 年以上。一个人从本科毕业参加工作 22 岁，到法定退休年龄（男性 60 岁、女性 50 岁）还有大约 30-40 年的时间。工作 15 年/20 年以上的设计师将何去何从呢？最近两年在人力资源行业，我看到大量的 35 岁以上和 40 岁以上的设计师仍在招聘平台上求职、找工作。我看到他们的简历和自我介绍，仍能感觉到他们对设计抱有热情。但现实情况是需要设计师的用人单位在同样薪资条件、工作能力接近的情况下往往更加青睐年轻的那个。这样的环境久而久之，年龄偏大的设计师过了 35 岁之后，就可能会觉得跟周围的年轻设计师对比显得有点格格不入，从而选择转行。海外设计师的情况与国内截然不同。他们不光有大龄的设计师，还有大龄的程序员和产品经理。大家都不会觉得年龄有什么问题，也不会觉得年龄大了在求职的时候就是减分项了。再比如我们看设计领域的知识沉淀。国内设计领域的写作者整体也都比海外的作者年轻，工作 5 年、7 年就出来自立门户开班授课的人也很多。大家写的内容和讲的内容也都集中在设计入门和设计基础，比如讲用户体验地图“是什么”的人挺多的，但接下来用户体验地图与用户画像之间的关系、用户体验地图的实际工作价值探讨、用户体验地图在不同行业不同类型的产品应该如何应用等等下一步的问题，似乎很少能见到有人可以写出来、讲出来。为什么呢？我觉得跟从业时间有很大关系。第 4 点：设计师与需求方的关注点不一致从调研数据表现上来看，设计需求方（这里指的是日常工作中有设计需求的产品、研发、市场、运营、行政等多类岗位职能）最关注的三个方面是创造力、合作沟通和责任心，而设计师对于自身的设计工作最关注的三个方面是设计成果呈现、逻辑思考和创造力。设计师觉得最重要的肯定是要进行高质量进行设计交付，设计产出的表达和呈现优秀。而我们的需求方觉得设计师应该更有责任心、应该更加注重协作和沟通。在创造力这方面，双方似乎非常有共识。并且我们的需求方把创造力放在第一位，从这个数据中你看到了什么？我看到了我们的需求方对设计师的尊重和对设计价值的无限期待。虽然他们不是每次都讲，也不会把创造力、创新写到自己的需求文档里，但是他们一直以来都在期待设计师可以给到他们眼前一亮的东西，给他们带来惊喜感的东西。我觉得，创造力和洞察力是设计师工作的内核，也是最难的部分，值得奋斗终身的部分。第 5 点：国内体验设计软件生态与海外差异较大，国产软件仍有较大空间近年来，sketch 在海外的使用量急剧下滑，同时伴随着 figma 一统天下。而在国内 sketch 仍是最主流 UX 设计工具，因为今年 figma 对中国市场的放弃动作，我所在的团队目前仍在使用 sketch+蓝湖来完成日常工作，有点无奈。PS：CDC 的研究数据显示 UX 设计使用最多的是 Photoshop，还有人在用 PS 做 UI 界面吗？我猜这个问题原文问的可能是你在用哪些设计工具，而不是问你最常用哪些设计工具。腾讯 CDC 报告中的软件 NPS 调研结果特别有说服力，Figma 一如既往的高分。我听过蓝湖公司的 Mastergo 团队为猎聘 XID 做的讲解，感觉在性能和工具体验上已经没什么问题，可以满足日常的 UX 设计协作使用了。如果要对比Figma，我觉得最大的差异不是技术层面和产品层面的问题，而是设计文化和设计社区层面的问题。Figma 是先进设计理念的代表，并且有基于设计工具发展起来的成熟的设计社区。这一点大家都比不了，Adobe XD 不也认怂了嘛。欢迎关注作者微信公众号：「柴林的设计笔记」本篇来源：优设网原文地址：https://www.uisdc.com/design-report-interpretation
用户 设计师 视觉 学习任何东西，最好都能重头开始，本文阅读时长大约 5 分钟。内容仅代表个人观点，欢迎各位探讨...我身边有不少的同事或朋友转型交互设计的经历，他们的原职位有些是产品经理、销售或设计师。而我本人也是一名交互设计从业者，在对交互设计的不断探索及日常工作经验的总结中，发现了一些交互设计中常见的误区。写到文章中分享给大家，希望能对即将步入交互设计领域的伙伴们有帮助！更多交互干货：大厂出品！写给UI设计师的交互自学指南编者按：本文从启蒙、基础、强化、进阶4个方面，列举了UI设计师学习交互的路径和方法。阅读文章 > 误区 1-交互设计门槛很高交互设计介于产品经理与 UI 设计师之间。是为了顺应时代发展划分出来的岗位需求，虽然已经出现了很多年，但目前来看，交互设计在一些中小型公司仍然是比较模糊的领域。甚至很多从业者把交互设计交给产品经理或 UI 设计师来实现。这种想法非常浅显，而且容易带来系列的体验问题。很多人在步入新领域的时候，都会寻找对应领域所需要的知识结构、能力模型...我和身边的朋友经常会聊到这些，试图从中总结出一个好的交互设计需要满足哪些特质。沟通能力、人机科学、心理学、认知科学...但很多初学者看到这些就放弃了，它给人一种学习曲线很陡峭的感觉。在我看来，交互设计师的专业程度很大一部分取决于对用户的了解深度，而非是专业知识。所以，对于初学者来说，只需要具备一个必要的入门特质——同理心（empathy），这是一种理解或者感受他人（用户）的能力。在生活中，如果你觉得自己是一个比较能站在对方角度思考的人，那么恭喜你，你已经具备交互设计师的特质了。但是同理心并不是一件很容易的事情，你需要它贯彻交互工作的始终，“以用户为中心进行设计”并不是一句slogan，始终站在用户角度思考问题，这非常重要！！！误区 2-交互设计工作是画原型图原型图和流程图是交互设计师的主要产出文档之一，但是交互设计需要做的不仅仅是产出这些文档，甚至很多时候，交互仅仅需要提供建议。UX 设计指的是设计用户体验的过程。核心的焦点在于设计用户行为，用户行为不仅仅体现在原型图上点击或滑动某个地方，而是尝试引导用户诱发或者推动响应。很多从业者错误的认为交互设计就是画原型图和流程图，这种想法往往会把注意力集中在用户要完成的任务上，而忽略了体验过程中是否有足够的关注。完整的用户行为，应该包括预知、反馈、返回三个阶段，交互之前有预知，交互之中有反馈，交互之后有返回，这三点支撑起交互基本的可用性。1. 交互之前有预知用户在使用产品进行交互前，是否能够清晰感知到需要的信息以及下一步的行为？《About Face 4 : 交互设计精髓》一书中提出，用户对于一件事情的心智是一个圆，我们设计出来的东西越趋于这个圆形，用户对设计就会越满意。所以在进行设计之前，多问自己一些问题。用户来这里的动机是什么？他们点击这个东西的时候会有什么预期？他们是否对未学习过的东西有一定了解?...2. 交互之中有反馈系统应该让用户时刻清楚当前发生了什么事情，也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解。比如加载页面的设计中，我们会通过进度条或者场景插画的方式预知用户页面的进度，从而打消用户等待过程中的焦虑。3. 交互之后有返回可逆性是交互设计中重要的一环，用户不可能百分百的按照我们设计的路径去使用产品，事实上，用户常常会误触到某些功能，即使在线性的流程中，我们也应该让用户可以方便的退出，始终让用户保持可控的状态。比如微信聊天中的撤回功能，在发送错误信息后，可以通过长按这条消息或者表情，在选择框中操作撤回。举个例子，「饿了么」在选购商品的时候，交互前通过按钮置灰预知用户不可点击，交互中通过动效、Toast 给予用户操作反馈，交互后可通过外卖箱对已选商品进行删减或清空，保证产品可逆性。误区 3-用户的想法都是对的为了贯彻“以用户为中心”的设计原则，很多设计师会选择直接听取用户的设计建议，最终导致产品越做越复杂，最后造成体验上的损失。实际上，UX 是一项技能，而不是一种天赋。这意味着大部分用户是无法帮你进行设计的。而且当你面临未知的挑战时，不能一味听从用户的想法。你可以听取用户的意见，但不要他们说什么你就干什么。听听用户是怎么想的，看看他们是如何尝试完成某项操作的，了解他们是怎样在你的设计中迷失的，以及为什么会这样。然后，去寻找这些问题的解决方案。福特汽车创始人亨利福特说过一句名言：在汽车出现之前，去问顾客想要什么，他们可能会说：一匹更快的马。”如果我们一味的听取用户的想法，那我们只能在解决方案上做加法。如果要找到完美的解决办法，我们必须学会找到问题的本质。误区 4-交互不用考虑视觉这是交互设计师经常忽略的，把线框图当作速成且粗略的草图，或者把它当成设计的第一步，只展示流程如何运作，却忽略了是否能够更好的运作。交互设计师在组织框架时，除了保证逻辑清晰外，视觉也是构成体验的一部分。交互设计师虽然不直接负责视觉效果，但需要通过元素之间的结构关联和强弱对比，将有效的信息传递给下游。在必要的情况下，也可以通过 1-2 种颜色来表达你的想法～具体可以分为视觉重量、视觉关联两个方面：1. 视觉重量用户不可能像机器人一样把页面所呈现的内容都扫描一遍，如果你想要用户着重关注某些内容，你需要调整不同信息的视觉重量，以达到主、次、先、后的顺序。当你不断的使用排版来突出重要文字、用特定的颜色强调按钮，并且给重要内容以更多的视觉重量时，就创造出了视觉层级。用户的眼睛就可以从一个重要的地方跳到另一个重要的地方。交互设计师在传递技术文档时要体现出这一点。2. 视觉关联交互设计师除了注重逻辑关联外，视觉关联也是组织信息框架时重要的一点，在用户没有了解你的页面之前，会下意识的通过眼睛划分哪些信息都有什么关联，在设计中，我们通常将有关系的元素给予更强的亲密度、统一的样式，甚至通过卡片、色块的方式来划分关联。而且位置接近的元素关系越强。我们不需要像视觉设计师一样将原型图绘制的如此精细，但需要通过一定的处理方式体现出视觉的关联性。误区 5-我觉得这样做会更好设计师不用对 KPI 负责，但要直接对体验负责。交互设计师的工作中，自身代表的就是用户，任何时候都要避免一些主观的看法。不要你觉得，而是用户觉得。任何需求都离不开用户这一要素，不同的用户群体决定了设计上的不同策略。如果你想设计出用户满意的 UX，在工作中需要做的第一件事就是了解用户，并且持续这一过程。《用户体验设计-100 堂入门课》这本书中有个很有意思的观点，在了解用户之前，你需要先了解关于自己的两件事认清自己：你想要的东西对用户来说不重要你要知道什么东西对于用户而言不重要很多设计师刚开始能做到这一点，后来慢慢陷入设计自嗨，最终导致体验受损。交互设计师要始终意识到，出色的产品设计始于用户研究，上文说到，交互设计师的专业程度很大一部分取决于对用户的了解深度，如果你不知道如何着手了解，您可以尝试了解一些用户研究方法与工具，并把他用在工作的实践中，比如：桌面调研、用户访谈、焦点小组、用户画像、故事板等。误区 6-弹窗不能跳弹窗弹窗对很多人来说并不陌生，我们经常在各种网站和各种 APP 中看到。弹出式设计被评为“历史上最糟糕的设计体验”。所以”弹窗不能跳弹窗“这句话，如铁训般的规则深入人心。在体验设计的层面上，普遍的说法认为，一定程度上，多个弹窗会加重用户的心理负担。而且会造成用户迷失。那为什么会说弹窗不能跳弹窗是个误区呢？因为随着互联网业务深耕的发展要求，经常会遇到弹窗覆盖弹窗，浮层覆盖浮层的需求，如果我们只是以“弹窗不能跳弹窗”来否定需求，这并不是交互该做的。我们应该了解弹窗的底层体验逻辑，再探讨弹窗体验使用的合理性。1. 弹窗层级弹窗在层级上比操作界面更高一层，会聚焦视觉，所以弹窗覆盖弹窗的时候应该避免带给用户层级过深的感受，以此来降低带来的心理负担。比如弹窗覆盖时出现尺寸差异及较大的视觉差异。2. 弹窗承载弹窗的空间承载比页面要低，我见过不少的产品提出弹窗跳弹窗的需求，目的是为了希望用户在复杂操作后仍然可以留在原页面。实际上这是不对的。对于一些复杂的操作或者过载的信息，页面是比弹窗更加合适的载体，如果我们只是想用户做完这些回到原来的页面。只需要设计一个体验循环的闭环。3. 弹窗操作弹窗会聚焦行为，弹窗跳弹窗的情况只适用于线性的操作流程，线性的操作会使用户心理上有较强的预期，可以避免多个弹窗所带来的迷失感。所以，一切出发点都要围绕体验及感受的合理性，如果我们设计的交互流程呈线性，且满足弹窗的承载能力。那么完全通过一定的设计技巧实现弹窗跳弹窗的交互方式。误区 7-效率至上悖论效率至上，这句话本身没有什么错误，交互设计师应该重点关注效率。但我发现，很多人喜欢通过漏斗或者步骤来衡量一个流程的效率（用户之前用了几步，优化之后用了几步），甚至出现某些“规则”，一个流程尽量不要超过 3 步的说法。很多设计师为了所谓的“效率”而刻意缩短步骤，结果导致用户整体的使用时长增加。这就陷入了“效率至上”的悖论中。如何避免效率至上带来的“诅咒”？建议以下两点：1. 关注目的而非效率效率不是交互设计师唯一要做的事情，设计的本质是解决问题。如果我们的目的是为了设计出 XXX 保险的购买流程，我们应该思考用户在整个购买流程中的心理变化，如果像推销保险一样，上来就设计出一个购买页面，让用户去购买，用户一定会很排斥这种做法。必要的时候我们甚至可以分为 2 步，先着重介绍这个保险的好处，再试图让用户去购买。2. 状态清晰原则始终让用户保持清晰的头脑，席客定律提到过，人在面临选择越多的时候,所要消耗的时间成本越高。假如一个遥控器上面有 100 个按钮，我想使用者在看到时就已经崩溃了，而假设遥控器上只有 10 个按钮，使用者则会很快上手并开始熟练使用它。作为交互设计师，应该始终意识到这一点。无论我们设计的流程需要多少步骤，都应当始终保持状态清晰易懂。以上就是我总结的设计工作中常见的误区，如果你们也在日常工作中遇到各种各样的问题，欢迎大家评论区留言～本篇来源：优设网原文地址：https://www.uisdc.com/7-interactive-design-misunderstanding
作者 设计师 类别 与PIXSO、优设一起，让创作变杰作过去一年，我们共同经历了太多变化创意行业，同样发生着翻天覆地的革新Pixso 作为一体化产品设计工具仍坚定地与设计师们结伴而行携手奔赴充满机遇的新时代让我们用希望的光，照亮脚下的路与 Pixso、优设一起，让创作变杰作越凛冽，越抖擞！越澎湃，越创作！ 点击体验新一代设计协作工具 榜单内容概览今年的榜单共分为三个子榜单：年度创作者榜、年度生产力榜、年度设计图书榜年度创作者榜：总结了优秀的设计团队、作者、讲师、热门文章与专题，还有十佳设计作品集和全年热门的行业新闻。年度生产力榜：汇总全年好用易用、口碑出众的软硬件产品。年度设计图书榜：精选设计工具、平面设计、产品交互、绘画艺术、设计理论等5大类型的实用设计图书。点击右侧链接查看完整榜单内容 优设2022年度榜单一、优设2022年度十大设计团队京东JellyDesign京东 设计团队Jelly Design由用户体验设计部及事业部设计团队共800+成员组成，团队专业领域涉及用户研究、交互设计、视觉设计以及前端开发，分布于北京、上海、深圳。ISUX腾讯 社交用户体验设计团队腾讯社交用户体验设计团队，负责腾讯社交网络业务的体验与服务设计，囊括用研、交互、视觉、品牌、多媒体、UI开发等，分布于深圳总部、上海及韩国首尔。58UXD58同城 用户体验设计中心58UXD负责公司全业务体验设计与用户研究的核心团队，为58同城全平台、商业平台、安居客、招才猫、58本地版等产品提供专业系统的用户研究、体验设计、品牌与视觉设计服务。百度MEUX百度 移动生态用户体验设计中心以「简单极致」为设计理念，创造极致用户体验的同时赋能商业，推动设计行业的价值和影响力，让生活因设计而更美好。服务的产品包括百度APP、百度搜索、百度百科、百度贴吧、百度商业产品等。腾讯设计族腾讯 设计团队汇聚腾讯全部设计团队，致力鹅厂用户体验设计。在腾讯设计族平台与您共启设计视野，实践设计价值，求索设计未来。Gtech UED佳应科技用户体验设计团队负责新加坡GTech Digital (佳应科技) 旗下B端产品的用户体验设计；与新加坡、印尼、马来的运营团队一起为全球品牌提供本地化产品设计，帮助全球品牌及中小企业搭建D2C服务能力，实现数字化转型。酷家乐UED群核科技用户体验设计酷家乐UED是由一群敢于表达态度来传递产品温度的UEDers组成，以不懈的努力去追求更优的用户体验。腾讯设计腾讯设计官方账号由腾讯设计团队共同组建而成，致力于对外分享腾讯公司级的设计方法论。VMIC UEDvivo 互联网中心用户体验设计团队互联网中心用户体验设计团队（VMIC UED），持续为用户打造惊喜体验极氪ZED极氪用户研究与体验设计部一个平等、多元且富有创造力的团队。我们秉承「致广大而尽精微」的宗旨，分享用户研究、体验设计等领域的实践与经验。二、优设2022年度十大作者彩云Sky设计语言的连接者致力于翻译国外高质量的设计类文章，以每周一篇的更新频率引入国外干货，坚持创作多年时间，内容输出既优质又高产！酸梅干超人体系化的专题创作者独立产出多个设计专题，内容涵盖B端设计和 UI 等领域，是知识体系化产出的杰出代表！大漠飞鹰CYSJUI设计自学指路明灯保姆级教程的创作者，从产品细节剖析到UI设计知识详解，在界面设计领域深耕细作，单篇5000字的干货含量，堪称UI自学路上的指明灯。黑马青年达于职场工于UI的跨界高手出身大厂的资深设计师，职场＆UI 双重跨界达人，上能帮助新人拨开迷雾，寻觅发展方向，下能探究产品细节，发现设计之美。CE青年B端设计领路人从事B端产品设计多年，擅长通过庖丁解牛般的精细刀法，拆解B端产品的整体结构，提取出干净利落的核心知识。设计史太浓鉴古知今的集大成者设计史科普第一人，善于用幽默风趣的形式，展现设计史的重要流派、人物和作品，为读者构建世界设计史的知识轮廓。葱爷视觉设计风向标从普通设计师成长为视觉总监的葱爷，总能敏感捕捉到每个视觉设计师的学习盲区和关心风向，及时送来视觉干货。邓海贝一位有编制的平面设计师作为大学副教授，能从严谨的大学课堂无缝过渡到生动的视觉教程，成为育人无数的设计师园丁，愿称为平面设计创作领域的科班代表。Clippp设计知识汪洋的拾贝人善于在浩如烟海的设计知识汪洋中，筛选出难以察觉但极为重要的细节和技巧，用简明扼要的语言，将核心干货娓娓道来。Andrew教科书级干货分享者专注于产出万字干货的设计行家，曾受邀为大厂分享创作经验。全面详尽的分享和贴心的资源打包，是让他脱颖而出的关键秘诀。优设2022年度新星夏花生她是 2022 冉冉升起的设计新星，以 160 多篇的高产速度，收获近 700 万的惊人阅读量，多次写出引爆人工智能绘画领域的热点内容，同时能精准捕捉设计师关注的问题并给出实用的解决思路，在平面设计教程创作领域亦有不凡建树。三、优设2022年度十大教程作者君小阳logo实战系列教程作者公众号“这logo怎么了”创办人，坚持每周更新，从实际logo案例中发掘底层逻辑，细细拆解制作步骤，堪称logo设计入门说明书。太阳鸽鸽AE动效教程作者7年动态设计经验，专精MG动画、图形特效、UI动效领域，分享潮流有趣的动效实例，用顶级的效果和清晰的教学分享动态设计干货。磊土视界视觉类入门教程作者分享PS、AI、AE等实操案例，擅长抓住设计新人的知识痛点，声音抚慰人心，教程清晰直白，干而不寡。做设计的小肥肥PS海报教程作者Adobe官方合作教程作者，以敏锐的观察力与惊人的想象力著称，作品饱含视觉冲击与细节，用诲人不倦的分享精神，持续产出PS视觉海报实战教程。野鹿志C4D教程作者不受限于常规的题材，坚持发掘C4D的尖端用法，教程案例夸张又不失美感，用视频配合图文，精确到每一步小操作。一六视觉PPT教程作者着重讲解PPT设计思维，层层递进，希望和大家一起靠PPT找到更多成长的 意义，告别碎片化学习。小九摄影ECP摄影教程作者专注于产品静物摄影、短视频技巧、器材体验。脑洞开阔，能从他的教程视频中感到无限的创意释放。兴趣设计师kBlender教程作者用Blender结合UI设计，分享新人也能看懂的建模渲染教程，过程详细，审美在线，对透明质感的把控炉火纯青。设计师团长视觉类教程作者优设训练营特级讲师，百万人气作者，条理清晰，教程延展性极强，知识点切入稳准狠，擅长光影与质感塑造。Asen-阿森手绘类教程作者以创作能力出色而闻名优设，无论是扁平风格、儿童插画，或者是质感满满的中国风插画，她都得心应手。不断从自己的速涂训练中总结并分享实用技巧。四、优设2022年度十大讲师梁述光优设大课堂手绘讲师安踏联名合作画师、百度特约插画师。他的《雷神山》系列插画收获千万曝光，创作的奥运人物插画，频频被运动员互动转发，被多家媒体争相报道。丁汀优设大课堂C4D讲师3D动态设计师，BIG6 STUDIO创始人，多家卫视指定合作设计师。辅助学员商业变现50W+，长期与小米、OPPO国内一线企业保持合作。BeardChicken 郁闷的鸡优设大课堂UI和动效讲师知名设计教程作者，Adobe公开课特邀讲师、影视后期设计师。从事互联网设计超十年，丰富一线商业项目经验，已助力许多设计师进入互联网企业。态爷优设大课堂手绘讲师他是央视合作插画师，电影分镜导演，长期与快手、抖音、蒙牛等众多品牌保持合作。如今作为老师，将自己的知识体系传授给更多的设计师。闫实优设私房课速涂讲师前完美世界高级原画师，墨麟集团主美术，拥有扎实稳固的科班美术基础，尤其擅长美式风格和光影速涂。杨洋优设平面实战营讲师优设训练营教研总监、优设字库项目主理人，7年教学经验，学员11000+。授课严肃认真，善于引导学员开拓自己独立思考做设计的能力。橙子优设商业插画实战营讲师优设训练营课研组长，腾讯供稿插画师，Adobe官方合作教程作者。6年教学经验，帮助学员整理绘画的思维逻辑，夯实基础，拓展风格类型。如如优设视觉设计实战营讲师优设特级讲师、MG动效设计师。授课细致入微，评讲作业时随时补充新知识点，被学员称为“举例狂魔”。张小哈优设私房课插画讲师跨界自由设计师&插画师，上海大悦城、新天地签约设计师，商业作品讨喜且卖座，艺术创作走心又有趣，曾出版绘本《创造力的形状》小毅优设 Blender 课程讲师曾负责京东大促级别的项目，落地多款上亿流量的项目。精于视觉设计和执行，拥有丰富的电商3D设计经验，曾多次与一加、VUE等合作电商营销项目。五、优设2022年度十大热门文章1. 人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器文章作者：夏花生 | 阅读量：36.9w人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器大家好，我是和你们聊设计的花生~有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。阅读文章 > 2. 堪比艺术家！被疯狂安利的 AI 插画神器 Disco Diffusion 有多强？文章作者：夏花生 | 阅读量：28.4w堪比艺术家！被疯狂安利的 AI 插画神器 Disco Diffusion 有多强？大家好，我是和你们聊设计的花生~有关注「神器挖掘机」阿文（微博 @Simon_阿文 ）的朋友，可能已经了解到他最近正在疯狂安利一款 AI 绘画神器——Disco Diffusion。阅读文章 > 3. 免费开放！人人都能轻松上手的AI绘画工具DreamStudio文章作者：夏花生 | 阅读量：16.1w免费开放！人人都能轻松上手的AI绘画工具DreamStudio大家好，我是和你们聊设计的花生~之前为大家介绍了初代 AI 图像生成器 Disco Difussion、Dall·E 2、Midjounery，国产 AI 图像生成器 Tiamat，以及 4 款由谷歌、微软等大厂推出的 AI 图像生成器 Imagen、Parti、Make-A-Sce阅读文章 > 4. 地表最强AI聊天机器人ChatGPT诞生！会给设计师带来哪些影响？文章作者：夏花生 | 阅读量：3.6w地表最强AI聊天机器人ChatGPT诞生！会给设计师带来哪些影响？大家好，这里是和你们聊设计的花生~前几天刚和大家聊过 AI 绘画工具 Midjourney 的 V4 模型，感叹它图像生成质量之高。阅读文章 > 5. 从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势文章作者：水手 | 阅读量：12.1w从 Dribbble 高赞的 828 个作品中，总结出 2022 设计趋势Dribbble 平台对于互联网 UI 界面设计有着举足轻重的定位，对 Dribbble 设计的研究会让我们看清设计的方向。阅读文章 > 6. 腾讯出品！2022-2023 设计趋势报告：NFT 玩法应用篇文章作者：ISUX | 阅读量：2.7w腾讯出品！2022-2023 设计趋势报告：NFT 玩法应用篇背景从 2017 年萌芽到 2021 年爆发，NFT 在过去的一年内正在成为数字经济市场的“顶流”，从最初的区块链游戏项目、艺术品投资领域开始向外辐射到音乐、体育、时尚等各种形态的数字产品行业中，展现出未来对于互联网行业、金融市场甚至社会生态等领域的影响。阅读文章 > 7. 深扒！连拜登团队都在用的Figma是如何成长起来的？文章作者：陈子木 | 阅读量：4.1w深扒！连拜登团队都在用的Figma是如何成长起来的？相信这几天设计圈和产品圈的同学都在讨论 Figma 封禁大疆的团队帐号这个事儿，经过多轮文章和视频的洗礼，这个事件的始末和性质相信大家已经掰开了揉碎了看明白了。阅读文章 > 8. 免费可商用！优设鲨鱼菲特健康体来啦！文章作者：优设 | 阅读量：16.1w免费可商用！优设鲨鱼菲特健康体来啦！双 11 刚刚过去，作为电商设计师的你是不是已经开始准备双 12 的视觉稿了？阅读文章 > 9. 金三银四求职季，收下这篇5000字的上分秘籍文章作者：Cesare_玄漓 | 阅读量：9.6w金三银四求职季，收下这篇5000字的上分秘籍（附简历和作品集模板）考虑马上又要到新的一年为了让更多小伙伴能准备出更加惊艳作品集，这里我提供了一套简历和作品集的设计思路以及对应的模板，希望对大家有帮助~我们提供器与具，推崇创作思路发散，不鼓励照搬、抄袭、挪用。阅读文章 > 10. 设计师作品集封面万用套路！再送500+优秀案例打包！文章作者：Andrew | 阅读量： 4.9w设计师作品集封面万用套路！再送500+优秀案例打包！编者按：本文通过一个设计师作品集封面设计的实操案例，帮你掌握作品集封面设计，附赠500多张优秀案例打包，快来下载！阅读文章 > 六、优设2022年度设计专题1. 热门AI绘画神器大盘点本专题不仅详细介绍了市面上常见的AI绘画神器，而且还有AI填色工具、AI相关的资讯解读和AI绘画的实战案例，帮你快速熟悉AI绘画领域。2. 看故事，学设计本专题由「设计史太浓」出品，用幽默风趣的形式，展现了世界现代设计史上各个时期的重要流派、重要人物和重要作品，为读者构建出世界现代设计史的知识轮廓。3. 最新最全的设计资源打包下载精心挑选，贴心打包是本专题的原则。这儿不仅有超过1000款的笔刷，500套样机，还有很难找到的点线面素材、网页渐变背景、PPT 模板等等。是时候打开它们，高效补充你的素材弹药库了！4. HMI车载设计指南本专题从HMI设计的知识体系、竞品分析、语音设计到设计规范、可用性测试等，都提供了极为详尽的教程。每篇文章均是万字左右，看完这个专题，几乎等于看完一本书了。5. 产品出海趋势下的设计指南企业出海是未来两年的趋势之一，面对不同国家的宏观环境、风俗习惯和文化层面的差异，设计师需要转变以往的思路，做好产品的本土化设计。本专题从出海产品的调研方法、竞品分析、多语言设计等方面，结合大厂的实战案例，帮设计师掌握出海产品的设计方法。6. 优秀产品设计全方位拆解一个优秀的产品如何设计，遵循什么原则，有什么策略，是否可以用一个设计公式来描述它，从而让我们全面、结构化的方式去研究学习。这个系列将全方位帮你拆解市面上的优秀产品，帮你站在巨人的肩膀上学到更多。七、年度设计作品集1. 鲨鱼菲特差异化品牌体系打造 - 平面设计作者：造视品牌中心2. CHUAN设计作品合集 - 平面设计作者：CHUAN_BBDL3. Xc个人作品集 - 视觉设计作者：sᴜᴘᴇʀ_xᴄ4. 阿凡题作品集 - 产品设计作者：鹿喜喜5. 凌旬2022品牌设计合集 - 平面设计作者：凌旬6. 造视创意&水密码 差异化爆品打造 - 视觉设计作者：图层叔7. 银海的工作总结 - 视觉设计作者：GIfts8. 2022插画作品总结 - 视觉设计作者：Asen-阿森9. 2022 产品设计作品合集 - 产品设计作者：Miles10. 初见三国 - 视觉设计作者：一个土豆八、优设2022年度设计行业大事件1. Figma 开始制裁大陆企业，封停部分国内企业团队账号深扒！连拜登团队都在用的Figma是如何成长起来的？相信这几天设计圈和产品圈的同学都在讨论 Figma 封禁大疆的团队帐号这个事儿，经过多轮文章和视频的洗礼，这个事件的始末和性质相信大家已经掰开了揉碎了看明白了。阅读文章 > 2. 人工智能 AI 绘画工具爆火出圈，谷歌等知名科技公司纷纷入局人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器大家好，我是和你们聊设计的花生~有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。阅读文章 > 3. 人教版数学教材登上热搜，插画风格丑陋引发网友热议以前的中国插画有多优秀？打开这个网站你就知道了大家好，我是和你们聊设计的花生~最近关于人教版小学数学教材插画的事件受到广泛关注，想必大家也都有所了解。阅读文章 > 4. 微软 emoji 表情正式开源，1545 个表情开放下载，全部免费可商用推荐阅读：https://uiiiuiii.com/software/547412.html5. Adobe 旗下 Behance 网站限制大陆用户访问，国区账号无法登录Behance显示无权访问？别急，还有这些方法可以挽救！大家好，我是和你们聊设计的花生。阅读文章 > 6. 苹果全新一代手机 iPhone14 系列发布，带来全新的 iOS16 和灵动岛灵动岛和 iOS 16 实时活动设计规范来了！编者按：灵动岛和 iOS 实时活动推送界面的设计规范终于出来了，原文在这里，做设计和开发的同学记得看看。阅读文章 > 7. 设计软件巨头 Adobe 宣布，以 200 亿美元收购知名在线设计协作工具 Figma深扒Adobe 40年收购史！发现最出名的不仅仅是FigmaAdobe 收购 Figma 恐怕是昨天在设计圈中最大的新闻了吧？阅读文章 > 8. Google、Meta 发布最新的人工智能 AI 工具，用文字描述就能生成视频Google、Meta又放大招！用嘴做视频的时代也要来了大家好，这里是和你们聊设计的花生~近段时间 AI 工具发展势头越发迅猛，在为大家介绍过的 AI 模型中，DALLE·2 和 Midjourney 在文本生成图像的质量和精准度上有了大幅度优化提升，后起之秀 Stable Diffusion 则将 AI 模型的操作门槛降低到普通人都能轻阅读文章 > 9. 人工智能 AI 聊天机器人 ChatGPT 诞生！能力强大火爆科技圈地表最强AI聊天机器人ChatGPT诞生！会给设计师带来哪些影响？大家好，这里是和你们聊设计的花生~前几天刚和大家聊过 AI 绘画工具 Midjourney 的 V4 模型，感叹它图像生成质量之高。阅读文章 > 10. 潘通正式发布 2023 年度流行色「非凡洋红 - Viva Magenta」来了！潘通2023年度流行色「非凡洋红」正式发布！每年12月初，潘通都会踩着点发布第二年的流行色。阅读文章 > 九、优设2022年度十大设计软件与网站1. 人工智能AI绘画工具功能特点：在线操作、自动生成、出图极快上榜理由：Midjourney、Disco Difussion等AI绘画工具，绝对是今年最有话题性的新产品，凭借高效的出图速度和超强的图片画面效果频频出圈，借助人工智能学习，让产出的作品兼具精确度与艺术性，未来的发展也更加让人期待。2. Blender功能特点：免费开源、功能全面、多平台适用上榜理由：Blender已经更新到3.4版本，引入了新的毛发系统，支持Cycles渲染器中的路径引导，能在相同时间下获得更好的渲染效果，几何节点调节也更加直观，同时增强了雕刻模式和UV工具，提高建模和贴图的效率和质量。3. Pixso功能特点：协同白板、原型设计、界面设计、团队协作上榜理由：作为一体化的产品设计工具，Pixso覆盖产品创意从诞生到落地的全流程，已成为国内众多头部互联网大厂设计协作工具。同时Pixso拥有优秀的渲染性能，高频操作场景下设计体验尤为出色，全方位提升产研设团队协作效率。4. 字由功能特点：字体筛选便捷、无需下载文件、一键应用字体上榜理由：字由整合超过3100款字体，包含免费商用及会员商用字体超过1200多种，涵盖中、西、日、韩等多种语言，无需下载字体文件，一键激活就能在PS、AI、sketch、WPS等设计、办公和视频剪辑软件中选择和使用字体，支持云字库，非常方便高效。5. NOMAD SCULPT功能特点：界面友好、上手便捷、轻松雕刻上榜理由：目前移动平板上最方便上手的建模雕刻软件，简洁友好的软件界面让你很快就能上手，功能直观操作方便，经过简单学习体验就能做出好玩的模型效果，配合手势与触控笔，让你所有的操作都是所见即所得。6. Mental Canvas功能特点：立体空间、无限画布、转场动画上榜理由：这也是今年画手圈非常爆火的软件之一，它可以把二维画面按照不同图层转换为3D空间场景，让其拥有立体空间感，通过图层的位置、角度以及摄像机的运动变化，可以获得非常有趣的动态效果，目前支持Win和iOS系统。7. Procreate功能特点：3D绘画、自定义笔刷、手势操控上榜理由：Procreate一如既往是设计生产力的代表软件，新一代的版本支持了3D绘画功能，自带超过200款的笔刷，加上丰富的色彩、编辑、图层等功能，配合手势以及画笔悬停的新功能，充分发挥设计师的创作自由度。8. 剪映专业版功能特点：操作简单、素材丰富、智能字幕上榜理由：剪映的界面布局非常简单，功能直观且丰富，内置多种转场、花字、音效、滤镜等效果，轻松实现充满创意的视频效果，智能字幕可以直接将语音转为文字字幕，还有自动抠像、曲线变速等功能，可以满足更多视频制作需求。9. MasterGo功能特点：界面设计、交互原型、团队协作上榜理由：作为线上协同的产品设计工具，许多互联网大厂如百度、阿里、网易、京东、商汤等都在使用，是获得最多团队真实复杂场景的协同工具。它支持多人同时编辑，规范管理设计资产，一个链接就能实现云端评审交付，为设计师提供稳定流畅的设计体验。10. ChatGPT功能特点：智能问答、信息全面、能力强大上榜理由：这是由OpenAI 研发的一款人工智能聊天机器人，它能回答关于生活、学习、工作等各方面的问题，可以根据聊天上下文进行互动交流，甚至可以完成文本翻译、写文案及代码等较高难度的任务，让AI工具上升到全新的高度。十、优设2022年度十大设计硬件与外设1. 七彩虹 iGame GeForce RTX 4080 / 4090功能特点：全景光线追踪、DLSS 3、AI加持、高效散热上榜理由：七彩虹发布全新RTX40系显卡，新的架构让光线追踪性能提升，图形处理画质更逼真，渲染更快速。AI驱动加持，低延迟等多项性能突破，让工作和游戏的体验变得更好，散热和功耗比也更得到进一步加强。2. 明基PD2705U设计显示器功能特点：屏幕均匀管控、专业设计模式、OSD控制器小热盘上榜理由：专为设计师打造的27寸4K色准显示器，屏幕显色准确一致，出厂单独校色，适合工作室使用，确保有效沟通。小热盘高效操作四大专业设计模式，兼容多种设计需求。接口功能丰富，轻松实现Type-C直连及65w反向供电，并兼顾多设备连接需求。3. PICO 4 VR 一体机功能特点：佩戴轻巧、空间定位、高清屏幕上榜理由：PICO 4采用前后平衡式设计，还有电动调节瞳距功能，让不同的人佩戴也同样舒适和方便，配备的LCD屏幕与光学透镜，能实现VR与MR双重效果，精准的手柄定位追踪能让游戏、运动的反馈更及时，使用体验更好。4. iPad Pro 2022功能特点：苹果M2芯片、P3视网膜屏、软件生态强大上榜理由：苹果全新的M2芯片提供强大的性能支持，用iPad可以随时随地进行手绘、动画以及3D创作，视网膜屏能出色还原亮度和色彩显示，让作品呈现真实舒适的观感。还有丰富的软件支持，让设计创作更加方便高效。5. 大疆 DJI Mini 3 带屏遥控器版功能特点：机身轻巧、续航持久、4K录制上榜理由：作为大疆的入门级无人机，轻巧的机身接近手机的重量和大小，支持4K60帧和1080P60帧的视频拍摄，搭配长续航电池最长可飞51分钟，带屏遥控器支持10公里图传，还有精准悬停、自动返航等非常方便的功能。6. Redmi AX5400 路由器功能特点：信号覆盖广、多设备连接稳定上榜理由：最新的WiFi6增强版技术，让路由器的网络传输更加快速，多台设备同时连接的传输效率和稳定性也变得更强，数据的上传下载量也更大，6个天线独立放大器增强了信号覆盖，无线网络信号也变得更好。7. 保友金豪B 2代人体工学椅功能特点：分区支撑、多档调节、腰脊保护上榜理由：腰背独立支撑的设计加上可调节的头枕，给整条脊椎舒服自然的承托感受，优质的面料和材质确保了长久的耐用性，靠背高度、扶手角度与高度、座深、座高、后仰角度等多项调节功能，不同身高也能坐的很舒服。8. 罗技 MX Master 3S 无线蓝牙鼠标功能特点：电磁滚轮、操控灵敏、按键自定义上榜理由：这款鼠标兼具颜值与性能，配对多台设备可以一键切换，电磁滚轮直接提升了中键的使用率，浏览网页、文档、PS画布的效率都大大提高，一次充电就能用满2个月，侧边的自定义键，也能快速执行更多常用操作。9. 极米H5投影仪功能特点：亮度清晰、色彩精准、性能出色上榜理由：极米自研的发光系统，还原电影本身的亮度与色彩，自动梯形校正可以适应不同房间布局，操作系统响应快速使用流畅，支持WiFi6，在线播放速度更快，延迟更低，自带哈曼卡顿音响，观影和音效体验都非常出色。10. AirPods Pro 2022功能特点：无线降噪、空间音频、续航持久上榜理由：新款AirPods Pro各项能力都有了提升，出色的降噪能力能让你在专心工作或通勤时不受外界打扰，新增的触控功能让音量调节更方便，增强的续航让使用时间更长，长途出行也不怕半路没电。十一、优设2022年度设计工具类图书1. 设计思维工具手册- 出版：清华大学出版社- 作者：付志勇、夏晴- 类别：设计方法、工具手册2. 这么设计能热卖：融入运营思维的电商设计进阶宝典- 出版：清华大学出版社- 作者：吴婷- 类别：电商设计3. “营”在设计：电商运营设计修炼手册- 出版：清华大学出版社- 作者：京东零售用户体验设计部-运营设计部- 类别：电商设计、运营设计4. 版式设计从入门到精通（第4版）- 出版：人民邮电出版社- 作者：胡卫军- 类别：版式设计、平面设计5. 高点击率：电商设计规律与实战教学- 出版：人民邮电出版社- 作者：李艳- 类别：电商设计6. 平面设计网格系统（经典版）- 出版：上海人民美术出版社- 作者：约瑟夫·米勒-布罗克曼[美]- 类别：平面设计十二、优设2022年度平面设计类图书1. 日本包装创意- 出版：gaatii光体- 作者：gaatii光体- 类别：包装设计2. 版式设计关键词：设计大师的方法与风格- 出版：后浪出版公司- 作者：史蒂文·海勒[美] 、盖尔·安德森[美]- 类别：版式设计3. 今日文字设计（全新增补版）- 出版：上海人民美术出版社- 作者：赫尔穆特·施密德[德]- 类别：字体设计4. 品牌设计全书- 出版：上海人民美术出版社- 作者：迈克尔·约翰逊[英]- 类别：品牌设计5. 零基础学导视设计- 出版：ACS艺力出版公司- 作者：ACS艺力出版公司- 类别：导视设计6. 日式字体设计及应用- 出版：ACS艺力出版公司- 作者：ACS艺力出版公司- 类别：字体设计十三、优设2022年度产品交互类图书1. UI视觉与插画：APP/电商/H5/小程序/网页/游戏视觉升华实战- 出版：清华大学出版社- 作者：付尧- 类别：UI设计、视觉设计2. 设计的思考：用户体验设计核心问答- 出版：清华大学出版社- 作者：周陟- 类别：产品设计3. 当代好设计的十大准则- 出版：ACS艺力出版公司- 作者：ACS艺力出版公司- 类别：工业设计4. About Face 4：交互设计精髓- 出版：电子工业出版社- 作者：艾伦·库伯[美]、罗伯特·莱曼[美]、戴维·克罗宁[美]、克里斯托弗·诺埃塞尔[美]- 类别：交互设计5. 破茧成蝶2：以产品为中心的设计革命- 出版：人民邮电出版社- 作者：刘津、孙睿- 类别：产品设计6. 点石成金：访客至上的Web和移动可用性设计秘笈- 出版：机械工业出版社- 作者：史蒂夫·克鲁格[美]- 类别：网页设计十四、优设2022年度绘画艺术类图书1. 大片幕后：创意摄影背后的实现过程- 出版：gaatii光体- 作者：gaatii光体- 类别：创意摄影2. 艺术的故事- 出版：后浪出版公司- 作者：E·H·贡布里希[英]- 类别：艺术史3. 这就是康定斯基- 出版：后浪出版公司- 作者：安娜贝尔·霍华德[英] 著、亚当·辛普森[英] 绘- 类别：艺术4. 商业插画设计思维魔方- 出版：人民邮电出版社- 作者：飞屋睿- 类别：插画设计5. 黄金时代插画课——跟12位传奇插画大师学奇趣构思与绘画技巧- 出版：上海人民美术出版社- 作者：斯蒂芬妮·普朗科特[美]、玛格德林·利夫西[美]- 类别：插画设计6. 商业插画绘制技法从入门到精通- 出版：人民邮电出版社- 作者：HoHo猴（侯婉矜）- 类别：插画设计十五、优设2022年度设计理论类图书1. 天才配色- 出版：gaatii光体- 作者：gaatii光体- 类别：色彩搭配2. 欧洲平面设计新浪潮- 出版：gaatii光体- 作者：gaatii光体- 类别：平面设计3. 关于设计的思考- 出版：后浪出版公司- 作者：保罗·兰德[美]- 类别：平面设计4. 视觉游戏：如何让你的设计讲故事- 出版：后浪出版公司- 作者：莫莉·邦[美]- 类别：视觉设计5. 阿明·霍夫曼的设计原则- 出版：上海人民美术出版社- 作者：阿明·霍夫曼[瑞士]- 类别：平面设计6. 好设计是这样想出来的- 出版：上海人民美术出版社- 作者：埃伦·勒普顿[美]- 类别：设计创意设计类图书出版社结语迈向新的一年愿我们能跨越每个坎坷，对未来多一些信心把每一次的 Ctrl+N，化作亲手实现的梦向不停创作的你致敬！点击右侧链接查看完整榜单 优设2022年度榜单本篇来源：优设网原文地址：https://www.uisdc.com/uisdc-2022-ranking
工具 文件 设计师 大家好，这里是和你们聊设计的花生~今天为大家带来设计师效率工具第 12 期，本期推荐的 5 个神器分别是：免费好用！在线文件批量重命名工具 Webrename办公神器！支持手机远程控制多设备的软件 ToDesk一键贴图！使用AI生成技术的的Blender 贴图插件 Dream Texture开源可编辑！100张高质量矢量人物插图素材包 GEE!ME安全便捷！帮你轻松去电脑内存的神器 微信清理工具2022.02这5款工具，让设计师工作效率提升 200%！（十一）大家好，这里是和你们聊设计的花生~ 最近又收集了好多超实用的效率工具，分享给大家，本期推荐的 5 个神器分别是： 打开即用！阅读文章 > 一、Webrename网站直达： https://webrename.cn/Webrename 是一款在线免费的文件批量重命名工具，无需安装登录，打开即用。网站支持按顺序、随机、替换、添加、截取等多种命名方式，文件上传后可以拖动排序，也可以随时手动修改文件名（点击文件名即可修改），适合小文件的大批量处理。使用方法：打开网站后，选择需要批量处理的文件上传（也可以直接拖入页面），然后设置命名规整，点击“开始重命名”按钮，工具将会开始重命名，并将所有文件打包到一个 Zip 文件后下载到本地。需要注意每种命名方式都是独立存在的，互不影响一旦切换文件会恢复至原命名。二、ToDesk网站直达： https://www.todesk.com/重装过电脑系统的小伙伴一定都对 ToDesk 非常熟悉,它是一款免费便捷的远程控制软件，我之前一直以为它只能在执行电脑对电脑的操作，最近才了解它还有手机 APP，可以用来远程控制手机、平板和电脑设备，操作起来也非常简单。打工人用来远程办公、传文件、关设备很方便，还可以用来帮助在家的父母完成一些他们不会的手机操作，有需要的小伙们可以试一试。使用方法：ToDesk 支持全平台设备，在自己和需要远程控制设备上安装后，按照软件提示操作即可，也可以在官方公众账号上看教程。Todesk 使用的是端到端加密的双码连接方式，自己用基本不会有风险。三、Dream Texture下载地址： https://github.com/carson-katri/dream-textures/ （文末有安装包）Dream Texture 是一位外国大神 Carson Katri 开发的 Blender 智能贴图插件，一经发布就受到很多 blender 大佬的推荐。通过简单的文本提示创建纹理、概念艺术、背景资产等，适合用来快速贴远景的模型或者转动角度不大的模型，出图效果很快，适合用来做概念设计。插件借助 AI 模型 Stable Diffusion 生成深度图，因此贴合效果比一般图片要好很多。Winds 和 MAC 的插件下载链接见文末，具体安装教程和使用方法 B 站有很多视频教学，在学 Blender 小伙伴不要错过呀~Dream Texture 的应用效果四、GEE!ME网站直达： https://geeme.vercel.app/ （需搭梯子，文末有下载好的打包文件）Figma 下载链接： https://www.figma.com/community/file/GEE!ME 是一个免费开源的矢量扁平人物素材包，包含 100 个卡通人物和 400 多个物体。素材质量非常高，可以用于 UI 设计、网页设计及插画中。支持 PNG 和 SVG2 种下载模式，这意味着我们还可以去对其进行后期编辑。文末有全部 SVG 格式文件的素材包可供下载，大家可以进入官方网站单独下载。五、微信清理工具 软件下载官网： http://pc354.com/blog/Article.asp?439.html （文末有安装包）这是一款专门用来清理微信 PC 端磁盘内存的工具，简单易用，清理效果也不错。可以针对不同微信账户清理，仅适用 Windows 系统。安装运行后软件会自动找到电脑里的微信文件夹，然后根据软件提示先选择微信账号（一般情况下是 wxis_ 开头的一串字符），然后就能看到具体的统计磁盘占用以及数据分类，包括：安全：缓存、自定义表情、收藏、一般警告：信息、图片、视频（聊天记录）危险：微信程序文件一般安全数据可以直接删掉，聊天记录类型的警告文件需要谨慎删除。可以设置仅删除 x 月前的 SNS、image 和 video 数据。以上就是第 12 期的设计师效率工具推荐，如果你正好需要那赶紧用起来吧~也欢迎大家在评论区分享自己觉得好用的效率工具。喜欢本期推荐的话记得点赞收藏，也可以转发给身边有需要朋友。有关本文或设计的问题可以在评论区提出，我会第一时间为回复。推荐阅读：2023年，让这20款AI工具帮你更高效地完成工作~2023年，让这20款AI工具帮你更高效的完成工作~大家好，这里是和你们聊设计的花生~2022年是AI技术大发展的一年，我都快记不清为大家推荐多少种AI工具了。阅读文章 > 优设2022年度榜单发布！致敬你的每一次Ctrl+N与PIXSO、优设一起，让创作变杰作过去一年，我们共同经历了太多变化创意行业，同样发生着翻天覆地的革新Pixso 作为一体化产品设计工具仍坚定地与设计师们结伴而行携手奔赴充满机遇的新时代让我们用希望的光，照亮脚下的路与 Pixso、优设一起，让创作变杰作越凛冽，越抖擞！阅读文章 > 文件名 如何下载使用 文件大小 提取码 下载来源 设计师效率工具第12期-附件下载3.5G8866 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/5-practical-software-12
设计师 我觉得 能力 全栈设计师已然不是一个新的概念，然而全栈设计师到底是怎么样的？如何进行他们的工作？我们是否可以简单地认为一名全栈设计师是一名多才多艺的设计师？可能大多数从业者仍不甚了解。UXD 团队内对全栈设计师的培养正如火如荼地进行着，我们本次采访了 4 位不同资历的设计师，从不同角度为你解答如何做一名全栈设计师。更多职场干货：如何面对职业未来？腾讯资深设计师的6个职场思考！最近我学到了一些经验，也想清楚了一些事情。阅读文章 > 一、采访对象：大晟 视觉设计师Q：你觉得什么是全栈设计师？A：全栈设计师往大了说，是拥有完成一个项目的所有能力的角色。是从机会点的挖掘，到对策略概念的制定，到设计的产出，到最后的开发执行的一个全能角色。我们刚开始培养全栈设计师，对“全栈”的认知可能暂时局限在设计或开发这些我们熟悉的互联网领域里。打开了说，我觉得很多艺术家也可以说是“全栈”，比如说大地艺术家克里斯托夫妇，他们在做“包裹德国国会大厦”项目时，花费二十四年去游说政府，同时花费大量的时间解决复杂的技术，资金，人力，工程等事项上。这些在外人看来，可能都不是艺术家要做的事，但是他们其实要花大量的时间在这些方面上，要去做很多艺术之外的事情。Q：你现在的主要工作是什么？A：我的工作内容是比较丰富的，有品牌方面的设计，有运营视觉的设计，有 IP 运营的探索，再到通过视频完成不同项目的包装推广等。有很多项目都需要从概念设定开始做，然后设计执行，再到推广等环节。一开始做设计其实也只专注于“画图”这一件事儿上，少有关心为什么要做，设计稿如何落地。其实我觉得只要是有追求的设计师后来一定会关注到整个流程、整个项目的方方面面，会做很多“画图”以外的工作，才有机会去包裹国会大厦。不想包裹国会大厦的设计师，不是好的设计师。哈哈哈哈。Q：经过这么久的沉淀，你想继续丰富自己的设计深度还是设计广度？A: 作为一个设计师，肯定有你最擅长的地方，有的人可能特别擅长于沟通，特别擅长于去协调；有的人他可能非常他的天赋可能在于整个概念的构建，有能力讲好整个故事；有的人可能在视觉语言的表达能力上特别强。我觉得首先应该抓住自己最为擅长的部分，会继续去挖掘自己擅长的地方。在这个基础上，再去对整个流程进行了解和拓展。Q：对于年轻的设计师你有什么建议？A：需要先去发现自己擅长的是什么，建议从兴趣出发，当你想包裹国会大厦的时候，你其实自然而然就会去了解整个流程上的所有东西。二、采访对象：迪迪 交互设计师Q：你觉得什么是全栈设计师？A: 我觉得全栈设计师不光要在职能上覆盖各个流程环节，在能力上也能胜任每个环节的工作，甚至可以在某 1~2 个环节上特别擅长，在整个链路上发挥自己的能力。Q：为什么会选择转型全栈设计师？A：其实我不是为了提升能力而去转型，而是为了更好的了解我的合作方的工作的内容，更多的站在对方的角度去考虑我的设计。比如说我之前做交互的时候会画低保真的稿子，因为我最后只要截出一张图来就可以。包括画布尺寸之类的我都没有特别关注，布局、比例等很多细节也没有考虑。所以经常出现稿子做出来以后，UI 同学的产出会跟设计的界面不太一样的情况。之后我就在思考为什么我不能在这个环节就把它做好，在做交互图时就解决这些问题，减少 UI 同学的工作量或者交互的二次调整和设计。然后再比如说可以多了解一下 UI 方面的工作，还能提升一些视觉上的能力，换一下视角对我来说还挺好的。我本身视觉能力不是非常强，我觉得也可以跳出舒适区，去感受一下相对来说不太擅长的东西，我觉得也挺好的。Q：你现在的主要工作是什么？A：我现在的主要工作就是挑选一些比较适合做全栈设计的项目，从跟产品沟通、交互设计、UI 设计，最后跟进产品和技术同学去做 UI 界面细节的调整。Q：经过这么久的沉淀，你想继续丰富自己的设计深度还是设计广度？A: 我觉得在我现在这个阶段可能深度比较重要，因为我觉得能力很平均的人有很多，大家每一个方面都可以去尝试，但是如果想要让自己有突出的表现，还是要靠自己对某一个维度有深入的了解或者有特别强的一项能力。想要专精我认为是特别难的一件事，因为你要很坚持，你要一直努力的去围绕这个维度找各种不同的方向持续深入。我觉得其实对我来说其实还是挺难的，所以我觉得对我来说深度可能还比较重要一点。Q：对于设计和工作你未来目标是什么？A：我的未来目标就是先成为有广度的设计师，然后再成为有深度的设计师。也希望能够体验非交互设计师的一些岗位，比如体验设计师，会跟现在的工作内容有一些不一样，也能逼着自己去弥补一些短板。三、采访对象：李洋 UI 设计师Q：你觉得什么是全栈设计师？A：全栈设计师不能把它单纯的理解为全能的设计师，比如对 UI 设计师来说单单解决了一个交互的问题、解决一个设计问题、解决一个运营问题，就是全栈设计师了。全栈最早是阿里提出来的，定义全栈是跨界的，脱离了设计本身去做事情，比如产品研发，甚至说这种 PMO 的项目管理了。全栈设计师，其实是跨界能力的体现，你可以把它定义为用更广的视角来看待同一件事情，然后通过你不同的能力去解决和输出不同的问题，提供不同的解决方案和思路。Q：你现在的主要工作是什么？A：目前负责斑马的项目，以及二手车的基础体验。Q：经过这么久的沉淀，你想继续丰富自己的设计深度还是设计广度？A：如果是面向咱们整个团队的设计师来说，我主张的是先有深度再有广度。举个简单的例子，我们现在正在做某项设计需求，需求的本身你都做不好，那如何向上或向下的评断我的这个产品整体是怎么样的，我的业务是怎么样的，我的底层的架构是什么样子的呢？看不到，当你不了解这个业务的时候，你横向更看不到我业务的发展是什么，后续的迭代方向是什么。这时候你说我去培养一个全栈，理解我的研发能力，理解我的测试能力，理解我的产品能力等，是不太现实的。等于是一个很瘦弱的躯体外面包裹一个很大的空壳，它支撑不了你整个概念，所以说我主张是先有深度再有广度。Q：对于设计和工作你未来目标是什么？A：我的感觉是目标可以分两个：一个是业务支持方面，如何让业务变得更好；二是依托这部分的能力，怎么样能覆盖到更多的人，影响到更多的人。咱们现在团队都是在互联网平台的设计师，可能大家都会站在现有的角度去想我要做成一件什么事。但是就像第一个问题所说的，大家对全栈设计师的理解，可能是认为就是全能的，但其实全栈的底层还是综合解决问题的能力。所以说我想说以我的一些思路和方法能够覆盖到更多的同学，然后让他们真正的意识到说我怎么样去做这个事情。Q：对于年轻的设计师你有什么建议？A：不要浮躁，也不要摆烂。首先浮躁会让你在选择方向的时候选择不定。也不要盲目跟风，之前有一段时间 C4D 和 Blender 火了，大家都开始学。学习本身是没问题的，但是你首先要明白你自己为什么学，不要让浮躁和盲目影响到你的一些判断。选择自己需要的，这个是最重要的。四、采访对象：大哥 视觉设计师Q：你觉得什么是全栈设计师？A：其实刚刚知道全栈设计师这个话题的时候，发现它可能是设计师在设计的本职工作以外向前向后的延伸，比如设计前期的产品策略以及活动策略能力和设计流程后的前端代码能力。我理解其实在各个设计领域都可以把全栈称为全链路，我觉得全链路在全栈基础上的一种表达，全链路它可能指的不光是解决设计本身的问题，而是用一种全局思维去思考和解决在产品设计流程中所有点，用之前的一个观点来说是：“设计一件事情，而不只是设计一个画面。”Q：你现在的主要工作是什么？A：主要在做运营设计和偏品牌向的视觉设计。Q：经过这么久的沉淀，你想继续丰富自己的设计深度还是设计广度？A:可能更多的是想丰富广度，在视觉表现的维度有了一些沉淀了以后，想在此基础上继续做一些边界的外延。去更多的了解一些跨界的领域，比如说像广告和营销的领域。能对互联网设计产生一些影响或者开阔设计思路的一些方向进行探索。Q：对于年轻的设计师你有什么建议？A：说不上是什么建议，不过有一个小点。一个是我感觉可能是在视觉上面可以保持专注，往深里去挖掘，让视觉呈现更加的讲究和精致。另外一个就是横向的，可能除了设计以外要看更多的东西和跨界的领域。这些可能会对设计有一些积极的帮助和正向的影响。欢迎关注「58UXD」的微信公众号：本篇来源：优设网原文地址：https://www.uisdc.com/full-stack-designer
人工智能 设计师 将会 编者按：人工智能的时代已经来临，设计的方式正在发生改变，而曾经让设计师取得成功的要素也悄然变化。这篇文章将会探讨人工智能当前的状况，所产生的影响，未来可能发生的变化，以及设计师所需要应对的问题，和需要做好的准备。本文由设计师 Irina Nik 在 ChatGPT 和 Grammarly 的 AI 辅助下完成撰写。Irina 在完成文章之后，要求 ChatGPT 重写了部分段落让它们看起来更好。客观现实，而非炒作人工智能革命并非未来，它是当下正在发生的客观事实。根据 Morning Consult 做过一个全球人工智能调查，美国、欧洲和中国 34%的企业都已经用上了人工智能。包括世界经济论坛和 IBM 在内的许多组织都将人工智能视作为第四次工业革命的主要技术，它将从根本上改变我们的生活、工作和两者之间的关系。当然，人工智能可能有偏见，存在道德风险，生成错误的结果，传递误导性信息。但即便如此，它依然以惊人的速度发展，这些问题可能会随着时间的推移逐步得到解决。生成式人工智能如何改变世界2022 年，生成式 AI 所输出的结果是颠覆性的：AI 可以生成新事物，而不是分析已经存在的东西。Sequoia 梳理的 AI 应用前景能够给出类似人类的答案随着来自 OpenAI 的 ChatGPT 逐渐流行，Google 也拉响了「红色警报」。用户开始青睐向 AI 提问，而不是在 Google 搜索结果。目前，人工智能给的答案并不可靠。但是在未来，它们或许可以和专业的咨询顾问竞争。 根据麦肯锡的说法，人工智能有可能被用于保险和法律行业，回答复杂的问题，审核法律文件，起草年度报告。比如摩根士丹利已经在研究人工智能，这项AI服务可以给客户提供财富管理的建议。客户服务也将从人工智能当中受益，目前的聊天机器人还无法满足用户的期望，但是它在未来可以取代更多的人工客服。Midjourney 基于语言生成的图片概念设计内容生成能力如今这种生成式人工智能已经被用于营销和搜索引擎优化，它加快了内容创建，并且提供必要的插图内容。比如，Jasper 就是一个以营销为卖点的 GPT-3 的分支版本，可以用来撰写博客文章，社交媒体帖子，网络文案，营销电子邮件，甚至广告等面向客户的内容。图像生成能力Microsoft Designer、Runway、DALL-E和Midjourney 等工具让设计更方便，并且更容易为大众用户所接受，加速可视化内容的生成。这类服务在营销和设计当中已经广泛运用了。雀巢在营销活动当中使用了 Vermeer 的人工智能加钱版，Stitch Fix 使用 DALL-E2 进行实验，根据客户对于配色、面料、款式的偏好来可视化地呈现服装设计。Nutella 使用一种算法来结合人工智能创建了 700万种独特的包装，广告公司 BBDO 则正在测试使用 Stable Difffusion 来创建设计物料。这也意味着可以在没有设计师的情况下，普通用户可以创建出好看的演示文稿和社交媒体帖子。下面是红杉资本所制作的图表，其中包含了根据当前的状态，对未来人工智能在不同领域当中，生成式人工智能的前景和可能性。UI 界面设计人工智能已经可以创建出 Dribbble 级别的 UI了，以下界面是 Midjourney 所创建的：同一个 AI 在不同的图片内容训练之下的结果，能够生成的作品是截然不同的。如果我们专门针对 UI 设计来创建训练集会怎样？比如，我们在未经作者同意的前提之下，将整个 Artstation 的图片拿来训练，那么可能会有人拿 Dribbble、Mobbin、PageFlow 或者 Pttrns 上被完美标记的作品来训练自己的模型。那么有了这样的训练出来的模型，是不是可以在 Figma 上直接生成 UI ？现在第一个实验已经开始了：Airbnb 现在就在拿这些优秀的作品来训练，从基本的线框图一路到可用的代码。那么有没有 AI 可以根据描述生成整个程序？ Builder.ai 已经在探索这个领域了，创建了人工智能直接生成 APP 的基础版本。紧随其后，我们处理设计系统的方法也可能发生变化。随着 Figma 对无头设计系统的引入，训练 AI 生成标准的组件已经可行了，咱们现在每天头疼不已的工作可能很快就要外包给 AI 了。想法探索生成式 AI 是强大的绘图工具，它可以加快探索的过程。设计师和非设计师都可以在很短的时间内，快速探索大量的替代方案。用户研究如今，生成式 AI 在用研领域也有一些进展。比如我们想象人工智能能够协助创建调研的准备材料和各种相关报告。但是其实其他的人工智能磨ixng，可以通过分析研究数据，将用研提升到一个更高的层次。比如 UserTesting 已经在借助机器学习，来识别用户在调研视频中的情绪。我们目前还不确定，未来越来越成熟的大型语言识别模型，能够从这些测试视频当中挖掘出多少信息，可以生成多少报告。UserTesting 识别视频中的用户情绪人工智能还能帮助分析不同来源的大量客户数据，比如对讲机、社交媒体、APP 评论、电子邮件等等，因此，用户体验设计师能够用更少的时间来获取更加可靠的用户行为分析。随着这些领域中机器学习的引入，增长模式也可能发生变化。Facebook 正在广告模型当中使用人工智能，他们会在众多广告变体当中，挑选出最好的一个，并且了解什么时候向什么类型的用户推送，会有最好的结果。未来，设计师可能会有类似的工具，来进行自动化测试，并且加速增长。设计师要做哪些准备在设计过程中引入 AI 的尝试已经开始了。室内设计师征才测试 InteriorAI 来创建模型。服务设计师开始使用 AI 作为草图绘制工具，而产品设计师也在头脑风暴当中使用 DALL-E2。设计师 Isabella Orsi 使用 InteriorAI 制作的室内设计模型生产力人工智能确实是会显著提高设计师的生产力。它将加快分析用户数据，并提升制作原型的过程。如今设计师可以使用这些 AI 生成图标、文案和图像，并且使用 AI 进行视觉探索。如果你需要了解相关的服务，你可以看看这些：Phraser、Dallelist、Midjourney Prompt Generator、PromptHero、 dallery.gallery 手册。更高层次的设计生产力的提升，意味着 AI 将会承担更多的重复工作和体力活儿，而设计师可以拥有更多的时间和资源，来关注更高层级的设计问题，比如设计研究，产品策略和增长实验。Midjourney 生成的设计思维主题图片以人为本的设计随着人工智能承担越来越多的硬技能向的工作，设计师将会有更多的精力深入到社会认知相关的活动，比如什么样的设计能够带来社会价值，能够给人带来愉悦感，人和社会体系之间的交互逻辑，这些深层的研究和洞察很难外包给 AI 。AI 则可能会 给以人为本的设计和无障碍的工作提供更多关注、资源和机会。设计师的新挑战随着 AI 技术的发展，设计师将会面对新的挑战。当我们开始广泛的应用和使用面向客户的 AI 的时候，设计师需要确保 AI 生成的结果是不带偏见、合乎道德规范并且有价值的。另外，元宇宙将会带来前所未有的交互挑战，和 UI 设计不同，虚拟现实目前还没有既定的交互模式，有许多问题尚未解决。Midjourney 生成的元宇宙的概念设计人工智能将会改变设计师的哦概念工作方式，而市场对于设计师技能组合的要求会随之发生变化。显而易见的趋势是，大部分常规的设计工作将会彻底的自动化和 AI 化，只是目前这个变化周期不确定，接下来会被 AI 取代的工作内容还不确定。但是设计师需要适应使用 AI 来进行设计。如今仅仅只是 AI 化的第一步，但是如今 AI 所引领的技术突破在过去历史当中，速度也是史无前例的，甚至可以替代人类执行人物的「通用智能」，可能也不会太过遥远。如果对于人工智能设计感兴趣，可以关注「夏花生」，你可以在她的文章中看到各种热门流行的最新的 AI 设计工具。本篇来源：优设网原文地址：https://www.uisdc.com/ai-revolution
设计师 工作 工具 编者按：相比于其他的具体的趋势报告，来自 UXdesign.cc 的这篇报告更像是一篇针对 2022 年的反思和总结。编辑部从 1000 多篇设计文章当中洞察到 2022 年的变化，针对企业、设计师技能、执行力、社交媒体、web3 、人工智能等关键因素和热门主题，进行了犀利的总结，毫不客气地指出问题。2023 年，UX 行业的整体氛围即将改变。在设计领域当中，有时占据主导地位的某种趋势可能会突然过时。经过了长达3年的疫情洗礼，设计、技术、用户行为和社会风向一直在酝酿着变化。作为设计师，与其从一个趋势跟风追逐下一个趋势，不如批判性地审视一下这个行业，重新思考要走的路。这篇文章是 UX Collection 发布的第九篇《用户体验现状》报告，基于 2022 年的 1000 多篇文章，对用户体验行业进行的批判性反思。先睹为快！2023年值得关注的10大平面设计流行趋势大家好，这里是和你们聊设计的花生~一转眼 2022 年就只剩最后一个月了，除了总结今年的收获，也是时候了解一下未来的设计新趋势了。阅读文章 > 1、UX：全世界上最热门的烂摊子在许多设计团队连续几年不切实际地快速「增长」之后，裁员如同幽灵一样困住了所有人。没有一个企业是安全的。我们在 2022 年看到了大大小小的公司都在裁员，包括 Facebook、Better.com 、Coinbase 和 Twitter （特别复杂）。上市公司在 2022 年遭受重创，而私营企业同样受到了严重波及。企业估值下降，相应的设计职位也不像之前那么稳定。在组织内部，企业业务战略的频繁变化，也会导致团队裁员。随着不确定的增加，设计师的工作也开始变得琐碎而难以界定。在团队内部，经理和负责人们发现团队内部的疏离情绪开始增长（这是一种被称为「安静退出」的趋势），并且他们自身也会类似的感受。在这种情绪氛围下，产品本身也会变得更加商品化，而设计师也会越来越怀念当初为了创意和好设计殚精竭虑的历史阶段。虽然很多人对于经济复苏充满乐观情绪，但是更多的人开始正在为最坏的情况未雨绸缪，努力学习，为应对经济衰退而做准备。2、企业：相比拯救世界，拯救自己更重要当预算紧张的时候，投资设计的理由就更加不充分了。在 2022 年年初，企业还在不遗余力地留住人才。但是随着时间推移，这些企业开始调整福利政策——取消津贴，调整远程工作政策，削减预算，然后是裁员。企业开始以最不受欢迎的方式来提高生产力、降低成本。最重要的是，一些公司干脆禁止员工在工作场所讨论政治议题，并且撤回多元化人才计划。在设计领域，「增长设计师」成为了新崛起的角色——专注于获取新客户并带来即时收入的设计师——这表明企业和公司对于投资回报率更加务实。许多被设置为以用户为中心的 UX 职位，也在工作中，被公司要求不惜一切代价提升利润。坐在冷板凳上多年的设计师，如今开始被要求「分摊成本」了。3、设计能力：企业需要通才设计师员工数量的减少，意味着公司需要更多的通才设计师，同时也要求领导者亲历亲为。随着许多公司决定减少招聘甚至裁员，企业的招聘负责人更倾向于考虑能身兼多职的应聘者，而不是仅仅只专精一项的人。虽然空缺的职位正在减少，但是新人的数量却是逐年增加的——这意味着入门级的设计师之间，有着更加激烈的竞争，这也使得新人更难找到第一份工作。设计院校所教授的内容和实际设计工作之间的差距，比以往任何时候都要大。想要获得工作职位的设计师需要更加快速完成更多的工作，并且不会有太多犯错的余地。企业高层，则期望更多管理者回到务实的职位上，这一趋势完全没有放缓的迹象。公司无法承受能言善辩但是无法交付的团队领导。由于明年的经济形势不明朗，团队可能仍然处于分散状态，公司领导者需要持续关注团队内的倦怠问题，并且跟踪内部有辞职倾向的员工。4、执行力：比讨论更重要的是行动太多的循环对话和决策不足，正在破坏设计的正常运行。是时候重新考虑合作的方式了——专注于让项目推进，让事情发生。一个会议紧接着另外一个会议，每个人都有意见，但是没人有真正的决策权。从技术上来讲，会议开完，待办事项上的条目可以划掉了，但是依然充满了不安感——因为团队仅仅只是在按时完成任务，而不是真正向着愿景前进。如果我们尽量少关注彼此的状态更新，而将注意力集中在工作内容本身呢？现在是时候降低对于「执行」的偏见了。如果你不同意团队的决策，那么请提出替代方案。如果团队决策卡住了，那么重新创建一个决策框架。有时候你是缝缝补补的修理工，有的时候，需要你来掌舵开车。我们时常会害怕因为跳过某些步骤出现问题，认为这样会破坏整体的设计价值，但是如果不将项目往前推进，会更加糟糕。一旦我们开始交付，项目的会变的逐渐清晰，每天交付一些内容，确保协作不仅仅是分享意见和想法，而是真正开始创建一些东西。5、社交媒体：算法驱动的影响力社交媒体上的意见领袖正在影响设计师们的想法。现在是社交媒体算法驱动设计的时代。很多设计师如今都都倾向于通过在社交媒体上分享知识和想法，借此来建立影响力，但是越来越多拥有影响力的人享受到甜头，不再追求更好的设计和更优的技艺。在社交媒体发展的早期，我们能够选择关注谁不关注谁。但是现在则不同，算法会掌控我们看到的内容，我们无论是在 TikTok、Twitter 还是 Instagram 、 LinkedIn 上看到的内容均是如此。当用户无法找到他们真正感兴趣的帐号的时候，平台会优先推送给他们最两极分化的内容和用户、最简短和最规范的帖子。可是，当某个内容足够简单、用户参与度足够高的时候，我们很容易忘记它背后真正的起源、历史和背景，留下的仅仅只有情绪和结论；新手设计师更有可能从 Instagram 推荐的 UX 领域头部帐号那里听来 UX 法则，而很少通过实际的案例和研究来获取知识。算法推荐的帖子和内容都是被精挑细选过的，但是这些缺乏细节的内容，又破坏了获得真正知识的契机。UX 作为一门以「为什么」为核心、需要充分了解用户背景而闻名的学科，我们想要学好它，如今要非常谨慎地关注我们获得信息的来源。6、web3 ：寻找可供栖居的未来web2 试图让技术感觉起来更加人性化，但是 web3 试图让技术看起来更加……技术化。如果说 web2 的公司在信息传播的时候，始终是围绕着以人为本（以客户为中心、不要作恶等）的视觉叙事，那么 web3 公司则代表了一个全新的转变。在这些公司企业的网站，没有女性角色站在草地上吃着沙拉大笑的场景，也没有扁平风格的角色插画，web3 相关的网站上不再展示产品如何帮助我们适应生活，而是将视角聚焦于令人兴奋的、有待探索的新宇宙。许多 web3 项目都有着漂亮的霓虹色、抽象的形状和科幻风的视觉特效，它们在向过去色调不饱和的单调设计宣战，并且宣告一个有待探索的未来正在前方。视觉叙事风格的转变大概 10 年一个周期，因此设计领域正在快速远离 web2 的企业风扁平化设计，就不足为奇了。web3 的全新抽象式设计并没有提醒我们当前世界的问题，也无从解决当下的这些问题，但是展现出了一个可供逃离的抽象世界，让我们从当前的危机中分心出来。web3 更像是在强调「逃离当下的世界比起修复它更容易」。7、人工智能：无法回避的客观现实人工智能正在以一种比我们接受能力更快的速度进入我们的工作流程。在过去几十年当中，自动化的机器人减少了制造业对于体力劳动者的依赖，提高了整个行业的效率。在如今的第四次工业革命当中，人工智能也可能会降低设计领域对于创造工作者的依赖（人工智能生成的图片甚至赢得了设计比赛）。创意产业正处于技术革新的边缘。人工智能已经可以越来越好地替代我们完成日常的工作，尽管设计师在接纳人工智能和阻止人工智能两者间存在分歧。起码对于 AI 辅助文案而言，UX 设计师是既兴奋又害怕，同时他们也在寻找对 AI 系统建立信任的办法。我们还能看到，已经有人开始将 Unsplash 的图库替换成了 Dall-E 、 Midjouney 以及 Stable Diffusion 的 AI 生成图库。此外，设计师还在测试基于 AI 的协作模型，并且创建了 Figma 插件来协助用户更快完成各种日常工作。当我们面对新兴的事物时候，我们最好保持开放的心态：我们希望自己擅长已知的技能，但是我们可能同样擅长处理某些未知的事物。2022年的AI绘画神器回顾 https://www.uisdc.com/zt/ai-draw8、设计工具：让工具服务于设计更重要设计工具正在不断发展和前进，让我们花费更少时间探索功能，这样我们拥有更多的时间和对的人一起协作。Figma 基于浏览器来开发，以协作为中心的设计理念，彻底颠覆了整个设计行业。他们投资建立的设计社区，让设计师受众建立了有效的联系。设计师们对于 2000 美元的设计会议入场券不感兴趣（Adobe Max），免费在线的简短分享更加吸引他们的关注（Figma 社区），Adobe 用 200 亿美元收购 Figma 恰恰印证了这一点。Figma 这样的设计工具被移交到大型企业的同时，它也为其他的设计工具指明了前进的道路。今天，越来越多的设计师正在遵循开源协议，来提供更加自由开放的设计，改进开发和设计流程，并且增强 AI 在设计领域当中的应用。Adobe 收购 Figma 给我们最大的教训是，设计工具不仅仅是绘图工具。当工具让开道路的时候，真正的设计才会发生，设计师们需要在交流、评论中完善，需要实时看到彼此，共同创造。2022 年的这次收购已经证明设计工具应该也是对话工具。9、个人努力：停下来思考一下再前进把自己逼得太紧，对自己的伤害会更大。如果我们想要更长久地待在设计领域，那么我们是时候重新调整我们的工作和事业的优先级了。很多设计师总会不断推着自己的前进，我们中的许多人都将空余时间花在创建业余项目、接私单、在初创公司兼职、在线分享内容以及向他人证明自己。在工作场合，又会不断推进自己的职业生涯、争取晋升机会、赢得领导青睐、在谈判桌上争取所有利益。设计师总会将雇主的增长和我们自身的增长混为一谈。我们总是忘记时间，燃尽了自己。为了解决这个问题，我们应当适时和工作脱钩，重新思考我们对于工作的真正期望。我们需要时间、空间和能量，来帮助我们按照自己期望的方式成长。我们需要从创造的冲动中，捋出帮助我们进步的想法，将自我维护视作为同等重要的事情，或者说比工作更重要。我们需要找到工作的意义，同样也需要在工作以外找到意义。从长远来看，人生和自我的一致性要更重要。无论今天的情况如何，我们明天都需要为自己而活。喝水，善待自己，忠于自己所珍视的事物。努力工作，但是在此之前，先留给自己一分钟来审视前进的道路。10、不确定性：这是唯一确定的事情2022 整年跌宕起伏的变化给我们上了生动的一课。这一年年头以 web3 （以及 NFT、DAO、DEX、DeFi 等）的疯狂承诺开局，最后以充满不确定性的市场收缩和裁员收尾。大众对于加密货币的信心正在萎缩，元宇宙如今更像是一个昂贵的笑话，而 web3 初创公司正试图将难以想象的「产品」强塞给用户。我们希望在进入 2023 年的时候，大家都已经做好准备迎接挑战。挑战出现在我们身周的事物（各种炒作、奇怪的流行语、不断膨胀的兴奋情绪等），同时也挑战我们自身。我们应该质疑我们的工作方式、质疑我们之前所看重的事物，以及我们曾经所认为的「正确的设计方式」。在不断变化的、动荡的时代，不确定性是唯一确定的东西。氛围正在发生变化，随之而来的是被重塑的现实——更重要的是，这是我们重塑自身的机会。更多趋势报告：高手在用什么软件做设计？收下这份2022年UX设计工具报告编者按：UXtools 每年都会针对流行的设计工具进行统计，从而了解设计师是如何使用设计工具，以及哪些设计工具在过去的一年里又占据主流了，以此从侧面了解目前UX设计行业的现状。阅读文章 > 2023 包装设计十大关键趋势！顶尖平台Pentawards重磅出品！大家好，这里是和你们聊设计的花生~近日，世界顶尖包装设计平台及设计大赛 Pentawards 发布了 2022-2023 趋势报告。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/uxdesign-trends-2023
设计师 用户 需求方 如今的互联网岗位不断精细化，设计岗位也是如此，设计团队内的视觉设计师通常分为产品体验设计师和运营视觉设计师。产品体验设计师主要负责产品功能及体验设计，并为用户提供良好的使用体验。运营视觉设计师主要负责运营活动设计，通过设计引导用户关注参与活动，达成拉新、促活、成交等运营目标，有时兼顾产品功能和品牌推广的作用。更多运营设计干货：运营设计师如何快速上手主会场设计？来看京东的规范流程总结！文章主要讲述的是新手运营设计师在经验不足的情况下，如何快速上手主会场设计，以及通过流程的详细理解与归纳，巧妙避免由于不熟练而导致工作效率低下的问题。阅读文章 > 一、运营设计都干啥运营设计的工作范畴相对繁杂，不仅更换频率高，种类也比较多。从工作内容上可以细分为产品线上、新媒体平台、线下和其他辅助内容 4 大块。1. 产品线上包括专题、活动页面和入口设计；专题页：是指有主题的活动页面，我这里列举的是非营销主题的落地页，一般用来展示主题信息，以信息呈现为主要目的。运营活动：是以营销（拉新、促活等）为目的的落地页或系列页面。按照项目重要性，可分成 S 级、A 级和 B 级不同等级。AB 级一般指热点或日常运营活动，S 级指业务年度大促活动，往往兼顾多种目的并增加游戏玩法，设计时要通过合适的视觉效果来引起用户的兴趣并引导转化。这里需要提一下运营玩法，根据业务的目标策略常见的有增长类活动，比如助力领红包，砍价，团购等形式，以分裂拉新为主要目的。还有一类独立完成的小游戏，红包雨、抽奖等，以增加日活为目的或搭配综合活动。入口设计：包括各类 Banner、弹窗、浮窗和开屏页等广告位，是设计师日常接触最多的内容。虽然体量较小，但是运营活动转化重要的一环，直接影响活动效果。以 2021 房产春运为例，活动兼顾拉新、促活和品牌功能推广目的，主会场展示各类产品功能，并设有游戏专题页用来展示活动任务和奖品，小游戏简单好上手可以增加用户粘性，游戏任务深入到直播看房和在线付定金功能中，为业务倒流，形成了良性循环。2. 新媒体平台各大社交和短视频平台是当前产品运营的重要途径，包括微信生态中的小程序、公众号、视频号和社群，抖音和小红书等短视频及内容平台。而为电商店铺服务的运营设计师是更加专职的运营设计师，负责设计产品店铺日常及促销活动时的首页，详情页等。3. 线下设计线下设计接近传统平面设计，需要设计线下宣传制品，包括手册折页、易拉宝展板、海报等其他印刷制品，根据业务属性可能还有店面装饰以及装备设计等。4. 辅助设计这里把其他会涉及到的设计内容统称辅助设计，其实并不严谨，因为单独拿出任何一项都是可以细说的专业领域，比如字体设计，品牌策划、IP 设计，VI 手册，规范设计等。这里就不展开细致阐述了。二、干就完了，还要分阶段？按照工作流程顺序，我们可以把运营设计分成三个阶段——设计前、设计中及设计后。每个阶段根据合作对象和目的的不同，工作方法也有区别。1. 设计前——沟通① 理解项目和体验设计师一样，在开始设计工作之前，我们要先充分理解需求的目标、背景和用户。项目目标常见的运营项目目标有拉新、促活、回流和转化，即获取新的用户、活跃老用户、让流失的用户重新回流，以及实现商业转化创造价值。其次是产品目标，即巩固产品策略、建立品牌形象、提高品牌美誉度、实现品牌价值。最后还有行业目标，即提高设计影响力与行业影响力，这个目标相对是比较长期持续的。项目背景项目背景是目标的动机，此项目是基于哪个产品功能设计的，有没有之前的项目需要延续或比较，是否基于节日或其他热点展开等，总之要充分理解立项的动机。目标用户依照活动上线的不同平台，可以把用户分为共域和私域用户，私域用户更加精准，可以通过专业的用户分析得到他们的普世特征，思想和情感需求等，洞悉目标人群的特征才能实现精准的设计触达。② 沟通技巧既然是和需求方沟通，那沟通方法和技巧是设计前的工作核心，如何有效沟通是很多年轻设计师需要学习和掌握的。以设计师的角度主动参与。需求方的设计能力参差不同，有可能就是设计小白，不能明确表达期望的效果和风格，作为设计师尽量主动提供参考，以达到可视化的沟通和讨论，并在沟通过程中确定方向，作为开展设计工作的依据。预判风险。首先要和需求方沟通排期，给自己留出充足的创作时间；还要和技术团队沟通实现性，规避不能完成的效果，保证项目的顺利进行。此外还要保持专业度，也就是保持理性，沟通时从项目本身出发，不带有情绪和偏见。2. 设计中——合理在设计过程中设计师会通过一些创意方法，运用一些表现手法，最终落地设计输出，呈现完整的作品。创意方法比如联想，夸张、幽默等；表现手法包括插画，合成，三维，动态等，这里也不做具体讲解了。我们来聊聊设计工作中的合理性，合理性包括设计呈现的合理性和工作流程的合理性。① 设计合理传统的平面设计又称视觉传达，其概念是以视觉媒介为载体，利用视觉符号表现并传达信息，所构成的主要要素是文字，插图和标志。运营设计的基础即为视觉传达的，要向用户快速有效的传达信息，所以信息展示的合理性至关重要。怎样才叫合理呢？要看设计的目的是什么？结果导向反推设计的合理性。视觉内容越直观越好，现在是碎片化信息时代，用户大多是没有耐心和时间的，所以我们要通过设计把要传递的信息进行整合排序，提炼信息的主次关系，可以把利益点和有效信息重点突出，快速抓住用户眼球。之后再用设计将产品与用户建立起良好的关系，渗透产品功能甚至品牌价值。举个小例子：人眼习惯最先阅读文字，其次是颜色，插画等，所以文字需要清晰明了，阅读感需要流畅。调整后的弹窗阅读感流畅了，信息的主次关系也更明显。② 流程合理细化流程可以让工作流程更加合理，可以最大限度的规避返工风险。确定视觉风格和初稿阶段，根据需求目标和主题选择适合的设计风格，并和需求方确定后再开始初稿的搭建，草图可以在设计小组内部审核后再深入设计，避免过早陷入细节，造成返工。二稿阶段，围绕关键词进行视觉创意，表达创意内容，展示设计手法，并完整的展示需求方所要体现的所有信息，让对方能够理解创意和信息布局的合理性。运用专业能力完成设计图，在调性，氛围和细节把控上做到高级感。3. 设计后——体/验设计图完成后并不意味着工作的结束，需要在设计还原上跟进。“体”意为体现，跟进技术实现的效果，通过走查保证和设计图的同步；线下制作需要通过打烊保证成品的效果和质量。“验”意味验证，需要和需求方一起关注数据，线上项目可以通过后台数据反馈活动效果，还可通过问卷、访谈等方式得到用户真实的反馈，从而优化设计策略和方向。一个验证的例子，下图是 58 到家 APP 首页的一个弹窗，目的是为微信社群倒流。由左侧的样式更换成右侧更为简洁的红包样式后，点击率有了明显的提升，设计样式的变化直接影响了数据的变化。通过这样的数据验证，设计师可以和需求方一起探索更优的视觉呈现，为业务赋能。此外，项目结束后的总结和复盘，可以把项目过程中遇到的问题及时列出，通过数据整理分析，沉淀方法和经验。三、最后唠叨几句设计是服务于产品和用户之间的工具，作为设计师具备专业的思维能力是有必要的，如商业思维 (从宏观到微观考虑问题)，产品思维 (以用户为中心，思考产品的价值)，营销思维 (让别人认识你)等，作为运营设计师可以加强营销思维的建立为业务服务。此外，文案能力和交互能力在工作中也应用甚广，有时一些文案和交互问题在具体设计中才会暴露，需要和需求方和交互设计师一起共创。最后的最后，要与时俱进，不光是审美和表现技法上要与时俱进，运营设计师往往要做些内容相关的需求，对时事热点和话题也需要具有一定的敏感度，眼界上也要与时俱进，才能迸发出更多的创意和灵感。字体设计保姆级全方位教学！万字干货前言在平时的工作中，我们是否有考虑过运营设计的商业目标是什么？阅读文章 > 互联网下半场，运营设计师的生存之道宜信BXD 运营设计组 - 梅晓晓：2018年是人工智能重点发力的一年，关于「人工智能会完全取代设计师」的话语层出不穷，很多从业者倍感危机。阅读文章 > 欢迎关注「58UXD」的微信公众号：本篇来源：优设网原文地址：https://www.uisdc.com/introduction-to-operation-design
受访者 工具 设计师 编者按：UXtools 每年都会针对流行的设计工具进行统计，从而了解设计师是如何使用设计工具，以及哪些设计工具在过去的一年里又占据主流了，以此从侧面了解目前UX设计行业的现状。整个调研报告针对不同的设计环节、设计职能划分出不同的调研门类，其中有针对整个 UX 设计领域的，也有细分到 UI 设计或者用户测试的独立流程的。这次的设计工具调研问卷总计有 4260 份，调研对象千差万别，来自不同的国家不同规模不同类型的设计师和团队，从统计学的角度上来说，样本的数量足够多，覆盖的区域足够大，类型也相当丰富，所呈现出的结果也比较有代表性。2022年设计趋势回顾：回顾2022年，我总结了最受欢迎的 9 个平面设计趋势编者按：Confetti Design Studio 是一家来自印度的设计工作室，屡获殊荣，客户遍及世界各地。阅读文章 > 1、概况在「哪个头衔最能描述你的角色」这个项目当中，我们发现头衔命名混乱的情况依然存在，和前几年相比，UX/UI设计师 的位置上移了，似乎越来越多的设计师也同样对自己的角色感到迷惑。80% 的受访者反映他们是全职设计师。在公司规模的调查项目中，绝大多数的设计师都供职于人数超过 10 人的公司，这一点和往年保持一致。而在设计团队规模的调研当中发现，「2-10人」仍然是最典型的设计团队的人数规模。在「工作年限」的调研中，我们发现支撑起这个行业的主体依然是较为初级的设计人才，不过工作年限 10+ 的设计师依然保持有不小的比例。25% 的受访者供职于设计机构，这种环境下各种需求可能会促使他们不断探索和发掘不同的设计工具。大概有40%的受访者处于团队领导职位，他们倾向于为团队选取并决定使用什么样的工具。有意思的地方在于，处于领导地位的受访者不一定有权做出采购决策，往往决定是否购买软件的，另有其人。虽然时常有人认为移动端 APP 华而不实，但是绝大多数的团队和设计师都致力于开发移动端 APP 和 web APP。绝大多数的设计师和团队依然选择在 Mac 上做设计。不过，Windows 平台的用户比例从去年的 15%上升到今年的 27%，这应该和越来越多设计工具基于浏览器研发有关系。在工作状态的调研当中，虽然雇主们一直在推动大家「重返办公室」，但是远程工作依然占据主流。2、界面设计93% 的受访者都在使用 UI 设计软件，而绝大多数不做 UI 设计的受访者，都是和 UX 相关的职业（比如产品经理，工程师，平面设计师等）。Figma 处于统治地位一点都不令人意外，而今年 Ai 和 Ps 在几乎所有的门类当中，位置都明显下调了，处于次要地位，他们之所以依然存在，很大程度上是因为他们依然具有一些 Figma 无法取代的编辑功能。从付费购买的数据来看，Figma 确实不算虚高，虽然免费用户是存在的，但是他们并没有大幅拉高 Figma 的实际占比。Lunacy 其实是一款免费工具，部分被调研用户可能将其和同一公司的另一付费软件弄混了。在使用操作系统这一选项当中，由于受访者会优先填写操作系统而非特定的工具，这让我们对于整个生态有了一个大致的了解。而这个基于时间的设计工具调研则清晰地反映出 Figma 崛起的过程。Adobe XD 在今年之前增长都很缓慢，最后的下跌可能和 Figma 被收购有关系。3、基础原型设计基础的原型设计和 UI 的交叉度很高，在数据上和 UI 设计的数据高度类似。91% 的受访者直接用 Figam 制作原型，还有 21%的受访者使用的是 Sketch + InVision 的组合来设计原型，这个组合在几年前还是非常流行的。许多受访者使用 ProtoPie ，他们从中获得不少价值。这里的 Code 指的是自己使用代码编写的工具来替代专门的软件。4、高级原型设计高级原型设计通常会利用逻辑和变量以及其他数据动态输入，借此制作逼真的原型。大概有 5% 的受访者不确定他们是否制作过高级原型。这个是今年新加入的调研内容。87% 的受访者使用 ProtoPie 来制作高级原型。值得注意的是，2021 年以来使用自己写的代码来制作原型的设计师比例从 7.7% 上升到了 12.5%。5、白板工具数字白板工具是前两年随着疫情而开始崛起的工具。Figma 和 FigJam 两者结合共同主导了白板设计的领域，但是 Miro、Mural 和 Whimsical 依然是强有力的替代者。之前这些白板工具仅仅只是看起来有用的工具，但是随着疫情的发展，它们已经成为了日常协同工具中不可或缺的部分，而且正如我们所看到的，它们当中绝大多数都是由雇主购买给设计师使用。虽然每种工具都会被远程使用或者个人使用、混合使用，但是我们注意到，Mural 被混合使用的比例最高。6、设计系统设计系统有助于维持设计元素的交互、视觉样式的统一性，不过我们认为设计系统还没有抵达它真正意义上的「拐点」，所以每年我们对它仅仅是维持观察的状态。有大概 471 名受访者会使用软件以外的东西来管理他们的设计系统，到底为什么，以及如何维系，这都是值得后续观察的问题。Figma 可能是设计系统的起点，但是绝对不是终点。有一部分设计师在使用 Notion 和 Confluence 这样的百科类的工具，但是很少有人会使用代码工具。绝大多数的管理工具依然是团队和公司支付。在这些流行的工具当中，来自大公司的受访者似乎更有可能使用 Zeroheight 或者 Sketch 来管理设计系统。大公司有时候会有更加严格的工具审核流程。7、用户测试用户测试所用到的软件，会尽量让真实的人参与到原型、概念设计、调查研究 和真实的产品体验当中来。56% 的受访者会使用软件来协助进行用户测试，这个数据和去年几乎是完全一致的。Maze 是最受欢迎的用户测试工具。值得注意的是，在使用软件进行用户测试的人当中，大概有 三分之一 正在使用网络会议工具（Zoom、Google Meet 和 Microsoft Teams ）来进行用户调研。去年我们注意到很多设计师和团队不进行用户测试，所以在今年的调研当中，我们加入了这个问题：「为什么不进行用户测试」。我们注意到，团队内不进行用户测试的受访者当中，大多带有「UX」和「产品设计师」的标签。剩余不做用户调研的人头衔就千奇百怪了。喜欢面对面进行用户测试的团队，更有可能会选择 Google Meet 和 Microsoft Teams。在混合工作环境中，他们更倾向于使用 Lookback。8、作品集作品集工具可以帮助设计师建立个人网站来展示自己的项目。我们注意到，22% 的受访者没有自己的作品集网站，20% 的受访者使用 PDF、PPT 或者其他的静态媒体来呈现他们的作品集。14% 的受访者会自己使用代码来构建自己的作品集。webflow 是目前最受欢迎的作品集搭建工具。使用代码来构建作品集的，大多是有超过 10 年工作经验的老手，而仅有1-2 年工作经验的设计师，则倾向于使用 Notion 来构建作品集。9、主要工具下面汇总了每个类别下，使用率前三的设计工具：10、2023预测每次调研的最后，我们都会询问设计师他们在接下来的一年最感兴趣的工具是什么，通过这种方式我们可以大概了解用户的偏好。其中 Figma 毫不意外地排到了第一。但是更有意思的地方在于，有 111 个受访的设计师同时写下了 Adobe 和 Figma，可见大家对于这俩合体之后能走多远，充满了好奇心。 文件名 如何下载使用 文件大小 提取码 下载来源 UXtools报告完整版6.4Mfrwf 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/uxtools-2022-survey
元素 设计师 流程 写在前面作为设计师，你一定遇到过这样的情况，自己做的设计稿，被开发出来后却完全换了一个模样。不仅视觉上有问题，交互上也有错误。而要想避免这样的情况，我们就一定要重视还原度走查这个阶段。更多设计还原干货：如何提升页面还原度？我总结了这4个方法！「页面还原度」即开发工程师对设计稿的还原程度，页面还原度的高低，直接决定从产品需求到设计实现的程度是否被准确有效的表达。阅读文章 > 它是我们产品上线前的必要保障。虽然测试同学会帮助我们验证一些流程上的问题，但更多的还原度细节问题，比如交互和字号间距等，则更多依靠我们设计师的来检查。而在还原度走查的过程中，个人认为主要分为以下几个部分：一、还原度何时开始经过对比验证，发现还原度在测试进行第一轮测试后进行，效率和时间能够最大化。原因如下：第一轮没结束前，很多功能性 bug 会存在，如果介入过早，很难跑完全部流程，加大还原度介入难度。一些明显的交互和视觉问题，测试团队在第一轮是能够发现的，也能减少一部分工作量；如果等 bug 解决得差不多，可能都二轮后了，这时候才开始走查的话，那么留给设计师的时间就会非常少，因为结测的时间已经固定，这可能导致开发可能没有足够的时间修正问题。二、还原度检查内容当我们拿到开发提测的版本后，应该针对于哪些内容进行检测呢。本人认为可以整体检查可以分为以下 3 个部分：1. 整体流程当我们拿到产品后，第一时间可以看下我们的整体的流程是否有遗漏，整体流程是否能够跑通。首先需要确保我们的产品没有大的流程问题后，这个时候就可以开始细节的部分。避免某些大的流程被忽略，这往往需要更多的开发量，越早提出来开发就越早介入修改。虽然这个过程基本都会被测试团队在第一轮的时候查验出来，但为了避免有遗漏，我们最好还是先把全流程跑一遍以避免发生问题。2. 交互内容当流程跑完，这个时候我们就可以进入到交互细节的检查。一般来说我们在检查时主要注意以下几个方面：① 结合交互说明进行逐条验证：一般我们的交互说明已经非常详尽，包含各类异常状态和细节交互。因此我的建议是在验证的时候可以结合我们之前的交互说明进行对照验证，避免某些部分被遗漏或者忽略。出现问题有可能是我们的交互阐述的不够清晰或者说研发没有了解设计的逻辑，这些情况都是有可能发生的，因此我们在还原度验证时更需要细心验证和沟通。② 交互说明未提及的异常状态：这其实是很多设计师经常遇到的问题。我们在写交互说明的时候不可避免会忽略某些细节点。这个时候如果出现交互说明漏掉的异常状态，就需要和开发团队进行沟通。如果是重要且影响体验的问题，可能就需要拉着开发团队进行沟通，评估下时间进行修改；如果是不重要且不影响的体验的问题，就可以等下个迭代或者后续再进行对应修改；同时对问题做好记录，避免下次再出现类似问题。这同时也反向要求我们在交互说明中尽可能考虑得更加全面，才能避免多次返工。关于这块有个小建议，可以将平时遗漏的交互记录下来，形成关于自己薄弱交互环节的自查表。通过建立专属的交互自查表来强化自己对于各类状态的认知，从而将说明写得更加详尽和完善。3. 视觉内容视觉的还原度检查可以说是占据了整体检查的大部分内容。毕竟功能或者交互还有测试团队帮忙验证，但视觉细节只能靠设计师本人来进行走查了。在这里我将其分为以下几块内容：① 「像素眼」观察法由于习惯问题，设计师对于字体的大小，元素的对齐有一种天生的敏感，因此对于某些比较明显的还原度问题，设计师是能够通过直接观察发现的，比如某些元素没有左对齐。但这种只适合很多明显偏差的元素，在大部分时候，设计师还是需要借助辅助工具来协助进行还原度走查。② 检查元素（F12）协助走查在很多时候，我们发现某些元素存在问题，但不确定的时候，我们就需要借助检查元素辅助还原度走查。检查元素如何操作呢，可以通过右键-检查或者直接按 F12 来调出，通过鼠标选择元素，即可查看该元素的所有属性，包括字号、颜色、宽度等等都可以直观的看到。利用这种方法我们可以检查得非常细致，比如某些细微的间距是否准确，都可以检查出来。那么在这里我们可以简单介绍下前端的盒子模型，也就是你在检查元素中可以看到类似盒子的元素。盒子模型是 CSS 中的概念。所有的 HTML 元素都可以看作一个盒子，是用来设计和布局时使用。它包括我们常见的边距、边框、填充和实际内容。通过了解盒模型有助于我们理解前端是如何进行页面布局的，同时也帮助我们在走查时更直观地看到其中的间距和宽度等。用一个实战案例，帮你完全掌握 HTML 和 CSS 的实际应用写了那么多 HTML CSS 的学习，终于，要在这篇迎来具体的案例应用了。阅读文章 > 其实检查元素还能辅助交互状态走查，这可能是很多设计师忽略的一个点。比如我们设定了 hover 按钮时有灰色底块，此时我们如何验证灰色块的色值和大小是否准确呢。其实辅助元素也可以帮忙，如下图所示，我们通过勾选 hover 这个状态，界面中就会直接呈现当前元素的 hover 状态：③ 借助工具辅助走查目前市面上有两种常用的工具，想必很多设计师也已经知道了。分别是 CSS Peeper 和 Copiexl。首先推荐的是 CSS Peeper。这款插件其实就是类似于检查元素，只是界面会更简洁，相比于检查元素去掉了很多干扰元素，打开后我们点击页面上的元素就能够直接看到其对应的元素属性和间距等。对于设计师群体来说还是比较友好的。地址： https://csspeeper.com/第二款的则是字节出品的 Copiexl。其对比方式会比较简单粗暴，就是将设计稿和开发稿在相同尺寸下进行叠加对比，从而看出来有哪些区域是不一样的，从而快速找出不对的地方。教程官网都有，我这里就不进行详细介绍了。地址： https://copixel.bytedance.com/三、还原度如何记录通过以上几种类型的检查，基本上都可以检查出大部分还原度问题，那么此时如何与进行沟通呢，这个时候避免以下两个做法：直接当面找到开发，给他说很多还原度问题。因为开发在这个阶段也有很多其他工作，不仅会打断他工作，他也不一定记得这么多细节；直接将还原度问题在聊天窗口直接发出去。通过聊天记录看还原度，不仅不方便查看，还很容易遗漏掉部分信息。因此正确的做法是建立一份还原度文档记录表，内容包含：模块，具体问题，问题截图，问题严重程度，解决状态，对应开发。在这里需要注意的一点就是面对间距问题不正确时，不要直接跟开发说你去找设计文件对照下，而是直观地在还原度截图中告知他这里的正确间距，这样能够节省双方的时间，也避免开发再次看成错误的尺寸。这样的话不仅能够清晰记录每条还原度，开发还能够根据重要程度有优先级地改掉问题，同时也可以为我们后续做校验提供支撑。四、如何让整体变得更好通过整体流程的梳理，不难看出还原度验证过程其实也是协作过程。因此想要很高的还原度，我们也需要在以下方面做得更好：团队内部有严谨的设计规范，避免多设计师协作时同一控件用了不同的表现形式；注重设计宣讲和重点标注。在进研发时设计宣讲是必要的，能够让研发人员了解我们的整体设计逻辑以及我们关注的重点，同时我们在写交互时也可以将重点字段用不同的颜色进行标记，从而让研发人员在写得时候能够引起重视注重信息同步。我们所有的改动都需要将其同步给研发和测试人员，同时也可以在我们的设计稿上标记好更新内容，这样整体的协作会变得更加顺畅，也避免信息差导致的更新不及时。避免频繁修改，不论是谁面对频繁修改都是不太开心的，因此我们对于已经进入迭代的设计稿，因此如果面对必要的修改时要及时同步信息。如果一些不太重要的改动也可以先放一放，后面再改。写在最后当我们验证完毕后，记得有一份还原度报告作为最终的检测凭证。因为在大部分的研发迭代中，或多或少都存在一些遗留的问题，还原度报告可以清晰的记录这些问题，也方便在后续版本中进行修复。当然，即使经过上述的检验，也不可避免有遗漏之处，但没有关系，只需要将其记录下来，一些小的优化点我们可以在后面的排期中安排时间进行对应的修改。以上就是本次还原度想要说的，希望能够对大家有一些帮助。欢迎关注作者微信公众号：「阿东的设计体验馆」本篇来源：优设网原文地址：https://www.uisdc.com/reduction-by-design
插件 下载地址 设计师 序言咦，同样是用 Figma，为什么同桌小花早早下班，隔壁二狗岁月静好，而你却在 Figma 中焦头烂额？设计提速的秘诀就在于 Figma 中功能各异的插件。但当打开 Figma 插件库，海量插件让人头晕眼花，究竟哪一款才是最适合你的呢？为此 QQ 设计师在日常工作中反复实验，终于找到了这些宝藏插件，让 UI 设计领域的你成为高效的设计师。更多Figma插件推荐：全是高频神器！B端设计师常用的 7 款 Figma 插件最近打开 Figma，点击我的插件，发现我已经安装了这么多插件...我究竟要用哪一个插件？阅读文章 > 一、Skale-缩放能力增强工具很多设计师在从 Sketch 转换使用 Figma 的时候，找不到对应 Sketch 里的缩放功能。此时你就需要 Skale，这是一款热门好用的缩放插件，可以设置元素缩放中心，缩放比例或者缩放到特定的宽度、高度（包括该对象的所有属性也会随之缩放）。下载地址： https://www.figma.com/community/plugin/808289809557716614/skale二、To Path-路径上创建图形和文字经常做平面的设计师会遇到的一个问题，Figma 内要如何在创建曲线的文字呢？你不妨可以使用 To Path 插件，它的功能是可以按照指定的路径来变换图形和文字。下载地址： https://www.figma.com/community/plugin/751576264585242935/To-Path三、Morph-快速创建特殊效果Morph 可以在 Figma 内快速创建一些特殊视觉效果，如浮雕，霓虹灯，抖音故障效果，倒影，玻璃等。可以帮助设计师快速进行一些风格化的尝试和探索。下载地址： https://www.figma.com/community/plugin/906950256777348534/Morph四、Mesh Gradient-网格渐变工具当我们需要多种颜色混合渐变的效果时，Mesh Gradient 的作用是可以在 Figma 内以网格的形式编辑渐变，你可以编辑、拖动、填充这些网格点，做出极光的效果。下载地址： https://www.figma.com/community/plugin/958202093377483021/Mesh-Gradient五、Webgradients-配色灵感工具做设计非常常用的一个方法就是多去尝试，当我们在做某个界面的时候不知道配色该如何处理的时候，可以使用 Webgradients 插件内置的多种高级配色，或许你的灵感就此诞生。下载地址： https://www.figma.com/community/plugin/802147585857776440/Webgradients六、Auto Layout Styles-自动布局管理相比 Sketch，Figma 在 Auto layou 方面极大的提升了设计灵活度。而 Auto Layout Styles 插件可以很好的管理或者单独对某几个元素配置 Auto Layout，设计师可以在插件内设置好布局关系并进行命名，然后应用到设计中。还可以对已经设置好的布局样式进行修改，Auto Layout Styles 会同步到所有调用过这个布局样式的元素中。下载地址： https://www.figma.com/community/plugin/939173063111899081/Auto-Layout-Styles七、Batch Styler-批量修改文本和颜色样式大家在工作中经常会需要去修改大量样式，这时候你就可以使用 Batch Styler 插件，它的主要提效点在于可以批量修改颜色属性样式，批量更改排版样式，批量删除、重命名样式。下载地址： https://www.figma.com/community/plugin/818203235789864127/Batch-Styler八、Styler-快速创建样式当需要批量创建样式的时候，手动逐个去创建并不是有效的做法，而 Styler 插件可以快速批量创建样式（包括文本，颜色，效果等），它可以基于图层属性批量创建、修改或更新样式，当设计师在搭建组件库样式的时候，Styler 可以大大提高工作效率。下载地址： https://www.figma.com/community/plugin/820660579767995949/Styler九、Design System Organizer-管理设计系统设计师在 Figma 内搭建组件库时，Design System Organizer 插件可以更方便设计师创建，管理和修改组件库。超级提效实用的功能包含：1.像文件管理器一般管理组件内容2.项目在类别树之间拖拽移动3.文件之前批量转移样式4.批量重新链接实例和样式。下载地址： https://www.figma.com/community/plugin/802579985985331070/Design-System-Organizer十、Breakpoints-响应式断点插件在 Figma 内，当需要展示界面因为拉伸拖拽而发生响应变化的效果时，使用口头描述和各种静态界面标注并不是最优解，使用 Breakpoints 插件，可以做一些响应式动态布局的效果，并共享动画原型。即使团队其他设计师没有安装这个插件，也可以在拉伸界面时预览到动态布局。下载地址： https://www.figma.com/community/plugin/824289601590456356/Breakpoints十一、Themer-UI 界面主题管理同时设计深色模式和浅色模式的视觉稿会耗费设计师不必要的精力，Themer 的主要功能包括一键切换样式，主题管理，团队共享主题。能够从团队库中的已发布的组件创建和交换主题。将其作用于颜色、文本和效果样式的替换。设计师使用 Themer 可以一键切换成深色模式和浅色模式的设计稿，避免无效的适配模式工作。下载地址： https://www.figma.com/community/plugin/731176732337510831/Themer十二、Motion-关键帧动画当需要在做界面的动画时，很多设计师会问，Figma 要如何导入 AE？其实未必要导入 AE 才能做动画。Motion 插件的作用是可以直接在 Figma 内完成关键帧动画设计，将大部分图层属性创建成关键帧动画，避免设计师做动画时需要不停切换设计工具，在 Figma 内就可以轻松愉快的完成静态和动态的设计稿。下载地址： https://www.figma.com/community/plugin/889777319208467032/Motion十三、LottieFiles-导入和浏览 Lottie 资源在 Figma 内使用 LottieFiles 可以将自己的 dotLottie（.lottie）和 Lottie JSON（.json）文件导入 Figma 作为 gif 动画或高质量的 svg 图层，且可以访问和预览免费 Lottie 动画库内的资源，意味着有时候设计师甚至不需要使用其他设计软件来配合展示 UI 动画。下载地址： https://www.figma.com/community/plugin/809860933081065308/LottieFiles结语设计工具与设计师是相辅相成的。所有的设计工具本身都有局限，但合理利用插件可以放大工具的价值，为设计提效，让设计师有更多的时间去思考设计方案本身。你在设计中是否也遇到过一些宝藏插件呢？欢迎在评论区分享给我们，大家一起做最高效的设计师~保姆级教程！最容易上手的 Figma 操作指南！如果你是从零开始了解Figma，或是从平面切换到UI，或者（像我一样）从Sketch切换，那不妨一起来学习！阅读文章 > 第一波！我希望能早点知道的 11 个 Figma 技巧编者按：这篇文章来自资深 UI设计师 Danny Sapio，他总结了日常设计过程中，使用 Figma 的一些非常快速的设计技巧，希望能帮到大家：Figma 这款设计工具进步真的超级快，在 Sketch 当中很多进阶的、复杂的功能，在 Figma 当中实现起来像呼吸一样简单。阅读文章 > 欢迎关注作者微信公众号：「腾讯设计族」本篇来源：优设网原文地址：https://www.uisdc.com/13-figma-plugins
设计师 组件 功能 上期推荐了一波Figma插件，这期分享10个提高效率的实用技巧~提高200%的效率！13个腾讯设计师常用的Figma插件序言咦，同样是用 Figma，为什么同桌小花早早下班，隔壁二狗岁月静好，而你却在 Figma 中焦头烂额？阅读文章 > 一、快捷键面板｜宝典大全相信很多设计师一定看过一些快捷键操作，但是实际操作起来总是让人摸不着头脑。其实 Figma 提供了一个非常方便的功能，按"Ctrl + Shift + ?" 即可打开快捷键面板查看所有快捷键，有锦囊在手再也不用求助他人啦~二、快速填充｜“嘭嘭嘭”地填充多张图片遇到多个占位符的情况，有多少小伙伴还在一张张重复填充内容-选择图片-浏览并选择……在不使用插件的情况下，其实只要按下“Ctrl + Shift + K”选中多张图片或动图，就可以依次填充进去。三、自动布局｜界面布局的魔法想一下平常工作中遇到的高频但低效的场景，例如“做页面时删除一张图片则其它模块都需要微调好麻烦啊”、“过方案想看不同间距的样式但是一个个调整太浪费时间了”，用 Figma 的自动布局功能就可以解决这些问题，通过搭配使用等距排列、自适应变化等，你就可以完成一个调整细节就会自动影响整个界面的魔法。1. 关于自动布局使用键盘快捷键“Shift+A”即可为一个框架或选择的对象添加自动布局，同时，在右侧边栏会新增一块功能区域，你可以在里面控制自动布局框架的流动方式（选择垂直方向或水平方向的布局）、快速调节对象之间的间距。值得一提的是，自动布局非常好用的一点就是可以“套娃”，嵌套自动布局框架可以组合玩出非常多的花样，比如同个画框内同时存在垂直和水平方向的布局方向等。2. 响应式变化固定大小（fixed content）顾名思义就是“敌变我不变”，不跟随容器任何调整而变化，例如表单里面的头像和 icon；但如果是人为“天降大手”去对元素本身进行调整的话，元素依然会变化。适应内容 (hug contents) 用英文更好理解一些，去“拥抱”变化的内部，当内部是一个只能设计师调整尺寸(即固定大小)的容器，那么外部就会跟随内部发生变化。常用于容器内部包含文本段落，那么整个容器都会跟随文本变化而自适应容器大小。填充容器 (fill container)，即“填满”变化的容器，当容器是一个只能设计师操作尺寸(即固定大小)的容器，那么内部元素就会跟随容器发生变化。但值得注意的是，适应内容和填充容器只可选其一。例如表单长度根据昵称长短变化后，就不能再让表单长度去控制内部变化的适应，禁止套娃。3. 绝对位置很多设计师会遇到元素插入到在自动布局中，会按照自动布局关系自动进行排列，很难灵活调整位置，这时候你就可以绝对位置功能，使项目在自动布局中不占空间，自由定位。4. 负间距以前用 Auto Layout 的处理堆叠效果的内容非常复杂，在今年 Config 2022 功能更新后带来了负间距的功能，通过拖拽间距参数为负数即可完成堆叠的效果，效率翻倍！四、组件技巧｜组件库“瘦身”1. 变体当设计师创建组件库时，运用变体来管理组件的多种类型、尺寸、状态等，优化设计系统的层级关系，那么组件库就会极速瘦身，由原来各个形态的样式变为一个。设计师在调用时也可以更加快速地使用变体组件灵活调整为自己所需要的组件，而无需去逐个查阅组件库。2. 布尔属性布尔属性的作用在于够从设计面板中切换组件内部图层的可见性，设计师可以在着在组件中添加可切换可见性的元素，而无需对图层进行修改。设置后，在设计面板上有用于该图层的显示或隐藏的开关。3. 交换实例属性交换实例属性的作用是使用后不再需要深入图层面板，查找图层来交换实例。例如设计师可以从设计面板的属性中直接完成图标替换。五、交互原型｜实现界面可操作性Figma 最值得称赞的功能之一就是它的可交互原型，当所需页面和交互逻辑都排列好后，就可以像连线游戏一样，将页面串联起来，完成一个可上手操作的 app 啦！Figma 贴心地预置了常见操作触点、运动曲线、运动时间等。有了这些，你就不需要再切换不同的设计软件啦。下面给大家介绍原型动画中的一些关键功能。1. 触发器/交互行为触发器用于定义原型从一个框架到另一个框架的交互方式。你可以使用原型选项卡中的 Trigger 下拉列表进行设置。2. 智能动画利用 Figma 内的智能动画，设计师可以轻松地做出丰富的动画效果，例如开关的切换、tab 的平移、选择器的滑动等。简单来说，设计师只需要制作开始帧和结束帧的设计稿，利用触发器将两者串联后，智能动画会帮助设计师补齐过程中发生的动画，你也可以在这个过程中选择合适的动画曲线让你的动画更具表现力。3. 弹性动画Config 2022 的更新中，Figma 为设计师专门提供了在原型转换中的弹性动画。自带物理属性的弹性动画，让你更容易设计出更流畅、更自然的界面原型。六、Figma Tokens｜设计变量管理者推荐一款叫做“Figma Tokens”的插件，其强大之处在于可以通过可视化以及编码的方式创建并管理各种 tokens，且可以在 Token 之间做一些引用关系或是算法，让各个 Token 串联起来，甚至可以一键导出 json 给你的开发同事。下面来具体安利几个非常厉害的小技巧。1. 别名Figma Tokens 里一个非常好用的功能，你可以用这个功能对使用不同 token 名称，但却用了同一个色值的 token 做引用关系。这样，当你改动你的原始色板的时候，其他被引用的 token 都会随之发生变化。2. 使用数学在构建类型比例或间距比例时需要考虑到比例可能是有关联性的。在 Figma tokens 中，你可以引用已有的一个 token，并使用它进行一些数学运算。例如，你希望 borderWith.medium 引用 borderWith.small，但将其值乘以 2。那么，你可以将以下内容写为 token 的值: ({borderWith.small} * 2)。3. 创建渐变 tokenFigma 本身没有办法做到制作渐变色 token 时引用现有的纯色 token。但是在这个插件当中，设计师可以自由度更高的使用多个已有的纯色 token 作为被引用者。七、小组件｜Figma 工作流拓展前阵子 Figma 更新了一个小功能，FigmaWidgets，说是小功能，但其实一点也不小。利用小组件，你可以在 Figma 内做到很多之前意想不到的事情，比如上传 pdf，添加录音，计时器等等，而且是属于开放式的，所有人都可以参与到小组件的创作并上传至社区，想必不远的未来，这一功能一定会大放异彩。比如近期很火的一直跟随在画面中心的像素小人，或许你可以用它来搭建一个像素风的小游戏。使用小组件进行表态和投票。在 figma 内上传 pdf 等等等等。八、历史版本｜创作时间轴回溯不知道你是否也遇到过这样的问题，当你发现误删了某些元素，一直按“Ctrl + Z”也无法回退，其实你不必重新再做一遍这个元素，你只需要打开历史版本，找到存在该元素的版本，从该版本中复制这个元素回来就 OK 啦。九、FigJam｜灵感爆发集合地ios16 上新了共同编辑备忘录，而 Figma 早早就提供了一个丰富的协作编辑功能：FigJam。使用 FigJam 可以和你需要和你沟通的产品同学快速进行线上沟通，可以使用便利贴快捷记录下你们的灵感，并用一个大大的贴纸表示你对他的想法的赞同，更有非常多丰富的互动玩法，快快去发掘吧。十、Spotlight｜聚焦所有人视线问：设计师在阐述需求的时候，如何聚拢所有人的目光？秘诀就在你头像的下方的“Spotlight”按钮，点击后，可聚焦所有处于当前界面用户的视线跟随你移动。你在设计中是否也遇到过一些提效妙招呢？欢迎在评论区分享给我们，大家一起成为高效的设计师吧！2020年，一定要试试这 17 款超给力的 Figma 插件在世界范围内，Figma 已经作为主流的原型和数字设计软件而存在，和 Adobe XD 和 Sketch 相比，Figma 作为在线工具，有着更强的实时协同功能。阅读文章 > 全是高频神器！B端设计师常用的 7 款 Figma 插件最近打开 Figma，点击我的插件，发现我已经安装了这么多插件...我究竟要用哪一个插件？阅读文章 > 欢迎关注作者微信公众号：「腾讯设计族」本篇来源：优设网原文地址：https://www.uisdc.com/10-figma-skills
落霞与孤鹜
飞翔的企鹅
张大湿
在路上
表哥
