工具 文本 腾讯 大家好，这里是和你们聊设计的花生~这两天有关人工智能聊天机器人 ChatGPT 的新闻频频冲上微博热搜，并引起广大网友的热切关注和讨论。2月7日的微博热搜榜，前10名中ChatGPT占据了两席如果说 2022 年是AI技术在文本生成图像领域的爆发之年，那么2023年这股冲击波已经延伸到文本语言的生成处理上了，而且相关技术已经开始深入到应用层面，无论是搜索引擎、程序编码还是文案写作、语言翻译，都能看到新的AI工具的出现，今天就和大家一起来看看最近值得关注的新工具~了解ChatGPT的详情：地表最强AI聊天机器人ChatGPT诞生！会给设计师带来哪些影响？大家好，这里是和你们聊设计的花生~前几天刚和大家聊过 AI 绘画工具 Midjourney 的 V4 模型，感叹它图像生成质量之高。阅读文章 > 1）风头正盛的ChatGPTChatGPT 发布之今不过 2 个多月，月活用户就突破了1亿，成为历史上增长最快的消费者应用程序，OpenAI 也凭借 ChatGPT 成功获得微软100亿美元投资。ChatGPT 的出现给很多行业带来了实质性影响，首当其冲的就是学校教育。据调查，美国有 89% 的学生都在使用 ChatGPT 来完成老师布置的作业，也有老师利用 ChatGPT 制作教学大纲。因为担心 ChatGPT 影响学生建立自己的批判性思维和问题解决能力，而且 ChatGPT 生成的内容在安全性和准确性上也没有保证，纽约市颁布了针对 ChatGPT 的禁令，规定无论是老师和还是学生，都不能通过公立学校的网络和设备使用 ChatGPT。虽然如此，但大家也可以在家里使用 ChatGPT，所以这个禁令的实际效果如何还不好说。推特网友的分享：一位老兄用ChatGPT写作业被抓到了，成绩判为0。图片来源：(19) Chris Bakke on TwitterChatGPT 自推出后就有观点认为它会颠覆谷歌的地位，而谷歌也采取了一系列积极的措施来应对可能出现的危机。就在昨天，谷歌母公司 Alphabet 宣布将推出名为“Bard”的 AI 聊天机器人服务以及更多的人工智能项目。据体验过 Bard 的微博网友介绍，它的使用体验甚至好过 ChatGPT。图片来源：https://weibo.com谷歌官方公布的Bard 用户界面，图片来源：https://blog.google由于与OpenAI 有密切的合作伙伴关系，微软则计划将 ChatGPT-4 集成到新版的 Bing 搜索引擎中，让用户可以直接获取简要的查询答案，并以与聊天机器人的对话的方式进行深入的信息检索。新版 Bing 在前几日曾短暂上线，推特上已经有用户分享使用体验。推特用户@Owen_Yin分享的新版bing界面2）AI 搜索引擎 Perplexity Ask网站直达：www.perplexity.ai（需搭梯子）Perplexity Ask(意为“有困惑就问”)是一款与ChatGPT相似的AI搜索引擎工具，都是通过对话的方式直接获取整理好的答案，可以理解上下文的意思与用户进行持续交流。针对提出的问题，Perplexity Ask 会给出一个简要的概述答案，并标明所给答案的信息来源。这在一定程度上解决了使用 ChatGPT 时会出现的“胡编乱造“的问题，保证了答案的可信度。就这一点来说，Perplexity Ask 是比 ChatGPT 更加可靠的信息搜索工具，可以极大简化我们写作时检索信息的流程，提升写作效率。用中文在Perplexity Ask 提问后获取的答案（居然看到了自己的文章哈哈哈）人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器大家好，我是和你们聊设计的花生~有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。阅读文章 > Perplexity Ask 还有一个 Twitter SQL 功能，可以精准搜索你想要的推文。比如输入“上周点赞最多的 10 条 ChatGPT推文”，就能快速获取对应的内容。如果你不常用推特但是由想快速获取上面的有信息，Perplexity Ask让你的获取效率暴增。与ChatGPT相比，Perplexity Ask没有繁琐的注册流程，搭上梯子后打开即用，并且是实时联网的，可以根据最新的咨询消息提供答案。它支持中英双语搜索，二者区别在于使用中文提问会主要从中文网站上获取信息，使用英文则会从外网上获取信息。3）腾讯智能创作助手EffiditChatGPT 的迅速发展也引起了国内对相关技术的关注，百度宣布将在今年3月份推出与ChatGPT类似的人工智能聊天机器人服务文心一言，英文名ERNIE Bot，目前项目已经在做上线前的冲刺。腾讯则是在2020年就推出了智能创作助手 Effidit，探索用 AI 技术提升写作者的写作效率和创作体验。Effidit网站直达：https://effidit.qq.com/（在线体验推荐使用 Chrome 或 Microsoft Edge 浏览器）Effidit（Efficient and Intelligent Editing） 是由腾讯 AI Lab 研发的智能创作助手，有通用版和学术版两个版本，支持中英文双语写作，可以提供智能纠错、文本补全、文本改写、文本扩写、词语推荐、句子推荐与生成等功能。Effidit 的操作界面，左边是文本输入框，右边是编辑功能。可以看到我们在输入文本的时候Effidit会根据内容自动补充语句。纠错这种基础功能就不多谈了，个人感觉Effidit 比较实用的功能一是“文本润色”，二是“超级网典”。“文本润色”包括短语润色和句子润色，短语润色可以智能推荐或生成更为准确高级的词汇，对非专业写作人员来说非常友好；句子润色则包括句子改写和句子扩写，能使语句表达形式更多样。“超级网典”则可以为指定的文本内容提供参考素材，比如我在写有关“二十四节气”的文章时，在“超级网典”内输入“二十四节气”，就会得到关于二十四节气的文章推荐、英文翻译，甚至有英文文献参考，这在一定程度上简化了我们的资料检索流程。4) 专业AI英文写作工具 Deepl Write之前在“设计师效率工具”第三期向大家推荐了一款超好用的长文本翻译软件 Deepl，它翻译出的内容逻辑通畅，语句衔接自然，效果堪比人工翻译，被认为是世界上最准确的翻译工具。Deepl翻译：https://www.deepl.com/translator （搭梯子浏览速更快）这 5 款工具，让设计师工作效率提升 200%！（三）大家好，我是和你们聊设计的花生~上一期为大家分享的神器都用起来的了吗？阅读文章 > 今年 1 月份 Deepl 又推出了新的AI协助写作工具 DeepL Write，目前支持英语和德语写作修正。它不仅可以纠正语法和标点错误，针对整句或单词给出多种备选项，还能给出措辞、语气、风格方面的建议。无论你本身英语写作水平如何，都能通过DeepL Write 实现最真实自然的表达，达到英语母语者的写作水平，有效提升英语写作更有效率。Deepl 写作：https://www.deepl.com/write （搭梯子浏览速更快）以上就是今天为大家推荐的几款最近关注程度比较高的AI工具，特别推荐大家试一试其中的 AI 搜索引擎 Perplexity Ask 和 腾讯腾讯智能创作助手 Effidit，对文案写作非常有帮助。喜欢本期推荐的话请大家多多点赞收藏进行支持，我会更有动力为大家推荐设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ，我会第一时间回复~参考资料：http://www.ce.cn/xwzx/gnsz/gdxw/202302/07/t20230207_38379618.shtmlhttps://medium.com/@apappascs/perplexity-ask-a-game-changing-search-tool-powered-by-ai-eb0da75ce87b推荐阅读：字节、腾讯也玩起AI绘画了，效果还非常不错！大家好，这里是和你们聊设计的花生。阅读文章 > 清华出品！AI 神器 WantQuotes 让你的文案立马变高级大家好，我是和你聊设计的花生~前两天刚盘点完一波人工智能在图像生成方面的超强工具，又在微博上看到了清华大学推出的一款“据意查句”的 AI 工具，可以按照你想要的意思快速查找出相关的名言、诗句、俗语等 。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/ai-language-text-tool
情绪 怪兽 他们的 最近在微软官方论坛上看到一篇关于 IP 形象设计的全流程文章，写的非常好，忍不住想翻译给大家看。这篇文章详细分享了国外大厂是如何从用户需求出发，有理有据的讲述了一个受大家喜欢的 IP 形象的诞生历程。我从中学到很多，也希望大家通过阅读这篇文章，能对 IP 形象的设计有更深的理解。更多IP设计方法：6000字长文！超全面的互联网IP设计指南近年来品牌 IP 形象几乎成了互联网企业的标配，比如有阿里动物园、京东狗、鹅厂，好像每个互联网品牌都要有一个吉祥物，那什么样的平台需要 IP 形象？阅读文章 > 如果你的情绪变化可以改变皮肤颜色会发生什么？在突击测验中获得优胜后，你会散发出蓝绿色的光芒。而你失败时，头上的颜色变成了红色、橙色和紫色。当你面对恐惧时，你的全身都会是橘黄色。这将如何影响你去理解自己和他人的情绪方式？今天就会认识这样一个情绪怪物，来自微软教育 APP 中的一只毛茸茸的 IP 形象。通过颜色、身体语言、表情和文字定义，情绪怪物提供了一种可视化的方式表达一个人的情绪。在新冠大流行期间，当老师们努力与学生建立情感联系时，这只小动物变得不仅仅只是一张可爱的脸。柔软而毛茸茸的小动物，色彩鲜艳情绪怪兽（The Feelings Monster）是老师应用社交情感学习的辅助工具（彩云注：这是一个专业的教学方法，Social Emotional Learning (SEL)简称 SEL，又学会一个新词，记笔记！）。随着人们认识到“软”技能（同理心、自我意识、沟通等）的重要性，这种方法在世界各地的课堂上越来越流行。我们不是只被装在学校或工作间的生产机器，我们有着复杂的情绪，影响我们保持积极性、在逆境中保持弹性、建立牢固的关系以及创造自我意识的能力。在 Microsoft Reflect 应用中，这是学生的用户体验界面一、为心理健康而设计情绪会影响一切：你的健康、做出的决定、关系和自尊。它们还会影响你的学习方式。自 1960 年代以来，研究表明孩子的感受与其学业成绩之间存在明显的相关性。但是情绪很难识别、理解和表达。追求心理健康和自我意识具有挑战性。虽然这通常被认为是每个人都可以实现的，但许多人没有时间、资源或安全感，无法独立采取心理健康措施，从而变得更加焦虑了。首席产品经理 Elad Graiver 表示：“当你不知道不知所措是什么样子时，很难告诉你的老师‘我不知所措”。在 Microsoft Reflect 的早期迭代中，学生被要求选择能够表达他们感受的词语。问题在于，孩子们并不总能理解他们必须选择的词语的全部含义来表达他们的情绪。他们选择正确词语的困难经历使他们更加犹豫是否要分享自己的感受。产品设计师团队然后增加了表情以帮助学生去分类他们自己的情绪来明确他们自己的感受。使用表情符号，团队意识到细微差别能表达的情绪是有限的。为了培养学生的综合沟通能力，他们需要支持学习表达广泛的情感。团队萌生了创建角色的想法，很快他们就创造出了情绪怪兽。来自团队设计研究的快速草图构思二、重新寻找完美的情感形象一个由视觉设计师、用研和内容设计师组成的多学科设计团队聚集在一起，共同打磨产品和角色。团队必须向社会上最脆弱的人群（儿童、青少年和年轻人）收集一些敏感信息，某个意义上说，他们也是该团队的合作者。这个角色设计必须能够表达学生最真实的表情和情感，这对一个形象来说会有很高的期望。首席设计经理兼研究员 Abigail Steinem 说，“我们要求学生能将这个形象视为他们自己”。Steinem 采访了来自世界各地的学生，以评估他们对设计团队设计出的角色模型的反应。设计团队认为，化身可能是人或人形，但使用化身的学生有不一样的想法。从游戏机到生产力软件，我们将以人为中心的视角带入我们的工作中，尽管将这些相同的原则应用于艺术和插图是一个独特的过程。如果自我表达是情绪和心理健康的化身，那么你如何在地球上几乎每个国家创建一个能够成功表达数百万年轻人情绪的化身？设计过程中不同方向探索的飞机稿三、情感怪兽的创意过程创意总监 Alberto Cerriteno 表示：“我们正在寻找真正具有表现力的元素”。他正在做快速、反复的铅笔草图，Steinem 和高级产品设计师 Yonatan Turkin 随后向学生展示了这些草图，询问这幅画是否表达了他们认同的情感。该团队的研究告诉 Cerriteno，强调眼睛、嘴巴和手是传达人类情感和特定情感的关键要素，但一些学生的反馈发现了意想不到的地方。高级设计师 Felipe Medina Contreras 说：“没有人为此做好准备”。学生会提出一些意想不到的问题，比如形象的手应该有手指还是只有拇指？如果没有一个或另一个，手看起来就像拳头。如果他们要有手指，他们就不能有四个。在日本，这可能是指 Yakuza 或黑手党。虹膜呢？谁会想到眉毛的重要性？他们的缺席使形象无法向其他人传达思想。现在，想象一下，在做了所有这些之后，团队仍然需要弄清楚“情绪怪兽”到底会是什么样子？第一版角色形象其中一个从 Contreras 最初的迭代中，设计团队发现这个角色不可能是人类。“这是我们第一个错误的想法，”他说。学生们将颜色和人形与特定的种族和性别联系起来，这削弱了用这种生物真正赋予每个人表达情感的目标。通过反复尝试，他们了解到角色的身体特征不必像真人那样复杂。这个角色必须是雌雄同体的。他们不需要衣服。他们的面部特征必须精致，而不是过于简单。不过，这个角色还必须灵活多变。学生们也不想要机器人。设计一个抽象人物成为团队的新焦点。学生们告诉 Steinem：“不管你们的形象最终做成什么样，希望它能有触感、有毛、温暖的，让我有理由相信它能准确地表达我”。他们想要生动的色彩来展现他们充满活力的内心世界。在这一切中，圆滚滚的、柔软的情绪怪兽诞生了。这个变色的角色也结交了年轻人和大学生。Turkin 说：“我们发现，在皮克斯电影中长大的这一代孩子在拥抱毛茸茸的怪物，以表达成年后的感受方面没有问题”。四、多维度放大形象影响力为了进一步增加形象曝光机会，团队探索了如何使体验多维化。情绪怪兽最终以插图、漫画和真人木偶的形式存在于现实中。作为一部漫画，情绪怪兽通过引导呼吸和运动帮助学生释放紧张和焦虑。在木偶的形式下，情绪怪物在他们的情绪世界中导航的视频，有助于使不舒服的情绪正常化，并塑造健康的应对技能。作为一个例子，“情绪怪物”代表了 50 多个微妙的单词，可以用来描述学生的感受。情绪怪兽的情绪潮起潮落内容设计师 Tany Holzworth 通过增加深度和性格，帮助进一步将情绪怪兽带入生活。情绪怪兽以木偶的形式进入现实世界，与朋友一起展示他们的应对技巧并使情绪表达正常化。“他们是一群敏感的灵魂。他们喜欢植物，说话有点太快，和他们的阿姨住在一起。给他一些背景故事帮助我思考他们在面对挑战情绪时可能会说什么以及他们可能会如何行动，”Holzworth 说。教育者有时会利用有趣的体育活动来分散他们的课程，在提高他们的考试分数的同时，也会提高孩子的注意力以及营造一个有趣的学校环境。为了支持教育者引导这些大脑休息，做成一个动画情绪怪兽跳舞、冥想和瑜伽。很快，当这一功能可用时，学生将可以在三个选项中进行选择。技术艺术总监 Rudy Vessup 说，他观看了孩子们跳舞的视频，让这个生物模仿孩子们的动作。Vessup 说 “我必须让他们的动作简单流畅，但要自然，”情绪怪兽指引全班同学行动起来。情绪怪兽让大脑休息下，开始聆听音响中的声音身体运动还创造了学生通常感觉不够的东西：自主性。他们可以控制自己的行动，个人能动性的重要性也适用于产品设计。学生通常了解世界上的问题，但很少参与制定解决方案。同样，在创建他们使用的工具时，他们并不经常被征求意见，对于情绪怪兽背后的团队来说，逆势而上很重要。学生的意见反映了 Microsoft Reflect 和情绪怪兽开发的每个阶段，这让学生代表了解他们希望如何通过我们的产品表达自己。在世界各地，年轻人正在一个复杂、有时甚至是残酷的环境中生存。他们需要一个可以提供安全空间来练习应对技巧的人。在 SEL 实践中添加情绪怪兽可以帮助教育工作者提供这种榜样，一种柔和的榜样，可以减少参与的障碍——比如直接与你的老师交谈。我们希望情绪怪兽将继续让学生和教育工作者在分享他们的情感时感到更加轻松和被理解。欢迎关注作者的微信公众号：「彩云译设计」本篇来源：优设网原文地址：https://www.uisdc.com/microsoft-ip-design
业务 产品 行业 年后有不少小伙伴们要开始找工作了，都会面临相同的问题：换一家公司，如何快速了解业务并展开工作？其实除了换工作之外，类似的场景还有：公司业务孵化出新产品被临时调配，或转岗遇到不熟悉的业务...作为职场人，公司招人的目的是来救火的，没有太多时间和精力来培养员工。面对新的环境能不能快速融入业务状态，也是对设计师能力的考验。那么当面对新业务时，应该如何快速接入呢？我将结合自身经历跟大家分享一些心得体会。更多方法：如何熟悉新业务？6个业务分析模型与方法送给你！作为互联网设计师，面对不断变化的业务内容和场景，不仅需要掌握基本的专业设计方法，同时也要求熟悉业务，在深入分析业务痛点的基础上，洞察设计创新机会点，助力业务发展。阅读文章 > 一、多渠道快速了解行业当投入新的领域工作时，在不了解业务的情况下，仓促投入工作中套用之前的经验在新业务上，往往无法提供满足需求的解决方案。原有业务中的用户、商业逻辑在其他领域可能很难适用。所以我们需要在有限的时间里，快速了解业务概貌，也为后面工作的开展做好铺垫。1. 查阅行业报告首先从宏观上了解整个行业的现状。我们可以通过研读行业报告，建立起对这个行业的基本认识。因为在行业报告中会提到相关行业的发展状态，政策导向以及未来的发展趋势。分析行业中包含了哪些垂直赛道、每个赛道都有哪些相关企业，目标公司的规模、融资情况和业务进展等。这里推荐通过以下两个网站查询：IT 桔子：关注 IT 互联网行业结构化的公司数据库和商业信息服务提供商。艾瑞咨询：可以免费阅读包括新零售研究、大数据研究、企业咨询、投资研究等方向的高质量行业分析报告。2. 关注行业资讯其次从中观上通过阅读行业资讯，提升业务思维能力。充分利用网络资源，阅读有关行业或公司业务的最新行业报道和评论，了解业务发展战略和面临的难题等，也可以看一些行业老板们的公开讲话，也会谈到公司及整个行业的未来走势。资讯的获取渠道有很多，包括各大门户网站、公众号、博客论坛等。这里推荐几个常用的专业网站查询：36 氪：信息更新快，时效性高。以全面、独家的视角为用户深度剖析最前沿的资讯。内容涵盖快讯、科技、金融、投资、互联网等。虎嗅：专注于有深度、犀利的优质商业资讯，围绕创新创业的观点剖析与交流。创业邦：更专业、更有深度。为创业者提供高价值的资讯和服务。3. 体验行业竞品然后再从微观上了解同类竞品，不仅看产品本身，还要比较行业地位，了解在目前的背景下，我们的产品是处于行业领先还是向竞品追赶的地位。它山之石，可以攻玉。通过关注竞品的差异，分析背后的原因，取其精华，为后期产品的迭代提供方向。二、深入业务提升产品思维设计师对业务不够理解，往往跟产品对接时只能进行“信息不对等”沟通，只有真正理解业务才能发挥更大的设计价值，挖掘更多的设计机会点，站在更好的视角为产品服务和决策，帮助到达更高的业务目标。1. 了解产品历史产品经理与用户走得更近，了解业务并分析竞品，他们对于这些领域有深刻的了解。多于他们交谈，或者从他们这里拿到之前相关的产品文档、会议记录等资料，可以帮助我们了解产品创建的契机、愿景、历经的过程等信息。另外查看 Sketch 等设计源文件更能直观了解设计的历史版本、试错过程和优化方案，帮助了解更多产品及视觉设计的信息。2. 了解目标用户不同的产品服务的目标用户也各不相同。用户的性别、年龄段、职业、喜好、习惯、消费水平等特征的差异决定了产品的方向。我们需要明确产品的用户群及对应的用户特征。当你了解目标客户现在如何解决他们的问题后，你可以更好地了解潜在客户现有的动机、行为和期望，以预测他们将如何对待一个新的解决方案。用户的使用场景也是设计中需要考虑的重要因素。举个例子，在房产经纪人使用的直销后台系统中，考虑到经纪人常用的电脑分辨率和工作场景，合理的字号设置和首屏利用率对于经纪人阅读和操作效率尤为重要。3. 体验并感受产品体验产品流程是一种快速熟悉产品很好的方式。很多产品的用户系统是包含多种身份角色的。我们在使用产品时要带着角色身份，有目的性地操作，避免陷入到设计师的视角陷阱，把产品体验变成了线上走查。举个例子客户管理系统中一般包含销售员、销售主管、大区经理、管理员等身份，不同身份对应不同的权限和使用功能。在使用的过程中，对功能流程中存在问题的页面及时截图，并记录下自己的感受和思考点，方便到后期项目迭代中有涉及这些点的时候，可以去进一步优化。4. 梳理业务流程业务流程往往是一件复杂的事情，特别是 B 端类产品，对于加深业务理解是非常重要的，因为这样能够最快了解整个产品的流转方式。在梳理的过程中，我们可以从专业词汇、角色、工作流等维度进行分析。① 专业词汇很多产品是服务于垂直的领域，所以不免涉及到专业领域的一些词汇来进行准确描述。比如在直销系统中，我们必须了解：公客池、营销客、线索、跟进等基本词汇，这些词汇的背后一般是比较庞大的功能或产品中的深层逻辑。公客池：按区域或某种特征组合在一起的客户分组，对全部经纪人可见并联系；私客：经纪人单独管理和维护的客户群，其他人不可见；线索：可从推广活动、广告、购买等各种渠道获得的客户简单信息，通过管理和跟进转化为客户。② 工作流对于复杂业务，产品流程中会牵涉多个角色，我们需要关注有哪些角色、角色之间的协同关系、工作场景、操作路径等。例如房产经纪人使用的直销系统，核心本质是一个客户管理的销售工具，我们首先对经纪人的日常工作流程进行梳理。为了帮助经纪人提升转化率也就是房客资源利用率，从购房分析、提供具体的购房方案、房源筛选匹配、到房屋营销建议、再到销售跟进、风险管控等整个流程，帮助经纪人优化应答时间、标准话术、沟通技巧、追踪频次、服务动作，并根据不同需求客户给出效率最优的接待服务方案，从而提升经纪人的作业效率与客户转化率，进而实现业绩增长。总结把握好换到新业务前两周的业务熟悉阶段，我们按照先整体再局部从大到小的思路，从行业入手了解行业竞品，产品是怎样的商业运转模式，再通过价值主张，了解产品各个功能模块的价值。充分利用好团队资源，包括产品、测试同学等，他们更了解业务以及产品的组织架构，知道产品的核心模块是哪些，清楚不同角色的之间的流转关系是怎样的。最后通过以上步骤，基本能够对一个新的业务有了基本的认知，希望本文能够对你有所帮助。如果你有更好的方法欢迎留言讨论，一起进步~欢迎关注「58UXD」的微信公众号：本篇来源：优设网原文地址：https://www.uisdc.com/learn-new-projects
目标 客户 事情 所谓一年之计在于春，今天谈个话题，关于：如何有效实现你的年度目标？首当其冲的是我们要区分目标跟愿望之间的区别，心想事成身体健康世界和平一类都属于愿望，所以首先你不能将年度目标定为发家致富，光宗耀祖，太虚幻。“目标应该怎么定”其实已经可以写本书，但也可以简单概括为一句话，就是：“符合长远规划，能比过去进步，并不容易，但通过努力可以实现的事情。”比如 2022 年通过设计你赚了 200 万，那么今年的目标是 300 万，又比如做自媒体，2022 年你全网粉丝 20 万，2023 年目标是突破 30 万。据此，大家可根据自己实际规划，具体怎么有效实现，马上就谈。一、小学思维做执行当有了切合实际的目标，就需要分析如何落实，根据个人体验，有个方法十分凑效。过去我经常跟朋友分享一句话，叫：越难的事情，用越笨的方法。儿子读一年级，某一天我看他写了很多页的“月”字，我翻了下，发现越到后面写得越好。一个人要进步，就是这么简单的道理啊！月字所以能写好无非是有足够练习量，而且这种事情要跟自己比，不要跟别人比，一些人写 3 页就能写好，一些人则可能需要写 30 页。所以希望能有效完成目标，首先是必须完成对应目标的工作量，我举些例子：比方过去你做了 1000 万业绩是从 20 个客户身上产生的，那么假设今年要完成 1500 万，用最简单的数学模型推算，今年最少要谈下 30 个客户。而能成功跟 20 个客户合作过去需要见 60 个客户，因此今年你最少得见 100 个客户。先不管最后能不能成功突破 1500 万业绩，这见 100 个客户的量首先要完成，因为这是完成 1500 万业绩的最基本保证。说个自身例子，B 站去年 12 月忽然给我流量，所以我对做好 B 站有了更强烈的兴趣。今年目标是要突破 10 万粉丝，分析下来大概需要发布 40-50 个视频，根据过去数据，一个有效视频大致能涨粉 1000-2000，而且一年 40-50 个视频能有效平衡质与量，并有可操作性。可操作性很重要，所以规划量的时候必须符合实际，看能否落地，不能真的就像做数学题。譬如有些人认为既然见 100 个客户做 1500 万，那我见 200 个客户是不是就能做 3000 万了，这就是典型的钻牛角尖与抬杠。二、区分坚持与固执前面谈到 12 月 B 站忽然给我流量是怎么一回事呢？这是要谈的第二个话题，就是基于量的变通。很多人分不清楚坚持与固执，我们常说“坚持就是胜利”，但忘记“固步就会自封”。在奔向一个目标的时候，坚持绝对是最基本的，但过程中不能忘记优化与变通。去年 8 月我做了次直播，当时谈到接下来的重心会往大众平台发展，因为专业平台的数据我已经做到一个瓶颈，因此 B 站成为其中一个选择。8 月之后我就开始改变制作视频的方式，从 PPT 录音为主变作真人口播，图片比例，剪辑节奏，开场白等都做了调整，这里的考虑暂不细说，反正我试着不断改变内容呈现方式来测试观者反应及平台数据。大致以全新方式发布了 10 个视频左右（这 10 个视频也存在不断优化的细节区别），B 站就开始推荐我的内容了，而且后续类似制作方式的视频数据都不错。其实很多平台的算法都存在流量池机制，就是不同作者随着制作内容的变化会被放到不同流量池，从几百晋升到几千，再到几万，几十万不等。意思是一旦成功进入了几万的池，一般只要发布都有几万流量，但是过程中有正向有反向，比方质量越来越好流量池就越来越大，反之则会被下降。除了 B 站，我的文章也通过标题优化在头条号获得不错推荐，可以说同一个内容，通过改变制作方式，改变标题，改变篇幅等方式去适应不同平台的喜好、规范与算法，就能获得完全不同的结果，有时候还很惊喜。我们回到设计公司的例子，假设做 1500 万要见 30 位客户，当你见到 20 位的时候发现成交量远远达不到预期，那么是否可以调整一下策略，在已合作的客户中进行需求深挖。因为发展一个新客户的成本远远高于老客户的复购或者转介绍，所以情况不对要立马调整，这也是《易经》常说的“持经达变”，意思是保持基本原则底线，但随时变通。所以这里谈的重点是冲刺一个目标的时候需要不定期（或定期）进行复盘，发现不通就要改变，不要一条路走到黑，自己感动自己，认为已经尽了最大努力。关于这点我也总结为一句话，就是：在坚持中优化，在优化中坚持。三、制造奖励与平常心梁启超曾经谈过自己是趣味主义者，也鼓励大家做这样的人，他曾例举 4 样事情是能从趣味起，到趣味终的，分别是：劳作，游戏，艺术，学问。细想一下，4 样事情有个共通点，就是过程中有充分的“奖励机制”，这种奖励通常是非物质的，但能让人不断产生多巴胺，越做越发现其乐无穷。劳作其实可以理解为工作或者手工艺，再引申一下，设计跟其它匠人都属于这个范围，我们公司一位同事就喜欢说：设计本身能产生葡萄糖，当对完成效果感到满意，会情不自禁的身心愉悦。游戏方面就不用细说，而从事艺术的奖励我认为是来自表达的满足。而做学问我也有感触，撰写多年设计史文章后，感觉像爬楼梯，每高一级视野就更广，但同时更虚心，因为看到的未知世界更大，属于求知欲获得满足的奖励。撰写的设计史文章合集：https://www.uisdc.com/zt/design-history说了那么多，我想帮梁先生再加一项，就是创业，创业过程其实跟游戏、劳作、做学问似乎都相似，无论起伏都会让人感受到乐趣。我自身创业的开心时刻有很多种，比方给大家发钱，是一种承担责任的快乐，比方获得甲方由衷赞赏，是获得认同的快乐，再比方签下项目，是收获的快乐，诸如此类。甚至有时候面对挫折难题，通过努力解决也是一种成长的快乐。我们在实现目标的时候要时刻培养这种主动感受快乐的能力，这些都有奖励机制的作用，在实现目标过程中必不可少。这里头可以有些小技巧，比如现实一点，通过物质给自己制造奖励，从 2020 年开始我就养成一个习惯，因为喜欢酒，除了喝还有研究，因此每当我签下一个项目就给自己买支喜欢的酒，我的酒架子上因此有了轩尼诗、马爹利、人头马、卡慕等不同等级的白兰地。每次跟朋友去分享这些酒的时候就像分享一个成果，这样的机制能达到一种良性循环，让我有持续完成目标的动力。最后一点就是平常心，规划目标是对的，但目的性不能太强，因为越大的期待会隐藏越大的失望。《传习录》里王阳明跟弟子谈话的时候经常会出现一个词叫“将迎意必”，这个词能追溯到《庄子·知北游篇》，比较深奥，大意是：要来的，我就去迎接，想要的，就必须得到。比方我要出版书籍，还没写完，就臆想登陆新书畅销榜，又比方做自媒体制作视频，刚刚拍完就臆想发布后必火，一夜成名做网红。这样的心态非常浮躁，不利于目标的完成，还会给完成目标的过程中制造痛苦。不管你的目标是什么，要专注当下，除了努力将当下具体事情做好，无须将迎意必之外，还要专注感受当下做事情的乐趣，那么不管结果如何，都必然会有收获。最后祝愿大家在 2023 年都能完成自己的规划目标，平安喜乐，一切顺利！话题谈到这里，感谢各位，下期再会！欢迎关注作者的微信公众号「设计史太浓」：本篇来源：优设网原文地址：https://www.uisdc.com/2023-goals
员工 系统 人力资源 B 端产品，在我们平时沟通交流过程当中，经常会提到这个词，但是对于 B 端产品的具体划分，其实也会不尽相同。比如对视觉、交互的要求都会比较高的 项目协同类产品；也会有对业务、交互要求更高的垂直业务型产品，又或者是按照管理模式，可以分为：管人与管货。不同的产品，对于 业务、页面模式 上都会有明显的差异，之前有加过我们交流群的同学应该都知道，我们进群的时候会问这么一个问题：“想进群还要考一考你，CRM、HRM、ERP、UEX，哪一个不是 B 端产品的简称？”其中有不少同学回答为 HRM，证明大家对于这类型产品并不了解，今天我们就来聊聊 人力资源系管理系统。更多B端产品解析：B端设计师收藏！5个章节深度解析客户关系管理CRM产品编者按：B端设计师如果想了解客户关系管理CRM产品，这篇堪称保姆级教程了。阅读文章 > 一、定义丨明确其产品含义HRM 系统的全称为人力资源管理系统，是 Human Resource Management 的缩写，主要作用是帮助企业管理和维护其人力资源。从产品类型上看，HRM 产品是属于垂直业务型产品，也就是说 任意行业的 人力资源相关部门 都可以使用这个产品，来跟踪员工的个人信息、工作历史和薪资情况，并可用于实施人力资源策略、管理员工培训和监控员工绩效以及处理员工福利和薪酬问题等工作。目前 HRM 系统在国内的地位其实非常的高，根据市场研究公司 Technavio 的数据，国内 HRM 的市场规模会比 CRM 更高，年规模将来到 41.2 亿美元，同时艾瑞数据也做了推测，因此在整个 B 端 行业当中是非常重要的一部分，并且这个产品几乎在每一个公司都会用到，所以相对来说比我们之前讲到的 CRM 要更为普及。二、作用丨了解产品的主要作用同样想要了解 HRM 系统，我们必须了解它带来的作用有哪些？首先关于人力资源管理系统，主要针对的用户群体为 中大型企业，而初创型企业一般使用较少，主要原因有二：初创型企业因为 规模较小，很少有具备完整的人力资源部门，因此购买使用类似软件的需求场景少。多数软件会具备基础的人力资源管理模块，因此不需要专业复杂的系统来进行管理。比如 悟空 CRM 里面就会包含有 HRM 系统来进行管理，对于他们来说基本的功能就已经足够。那对于中大型企业来说，HRM 系统究竟能够为其带来哪些价值，我们就来了解一下它究竟有什么作用。1. 提高 HR 工作效率很多人都会觉得 HR 工作非常简单，无外乎就是 招人+面试，但是我身边的 HR 朋友都会给我抱怨每天忙得团团转，他们给我分享 HR 的工作主要负责 五个方面：招聘、培训、薪酬福利、绩效、员工关系优化。通常在企业之间的大大小小的事情可能都需要 HR 参与，比如隔壁设计部一位设计师，对自己的薪酬不太满意，需要和你沟通；一位非常优秀的骨干人才需要离职，你需要努力留住；今年所有员工的绩效评估，你需要进行跟进。因此你会发现在 HR 的日常工作当中，存在大量重复性的工作（比如：工薪酬管理、培训计划制定、绩效评估报告）系统的出现能够让这些 HR 更专注于策略性的配置工作，重复的部分交给系统来进行完成，进而提高工作效率。此外，HRM 系统还能够提供数据支持，帮助 HR 制定合理有效的人力资源管理政策，从而提高工作效率。2. 人力资源优化人力资源优化通常是指提高员工的能力和素质，进而提升工作效率和质量，来帮助企业更好地管理人力资源（简单来说就是帮助企业，用更少的钱白嫖更多的生产资源）最近节后你是不是一直在 996 的疯狂加班？那你可以想想是不是因为 HRM 系统在背后捣鬼~对于 HRM 系统来说，优化人力资源可以通过以下几种方式：按照特定周期对企业员工进行能力评估，进而判断员工的能力与素质是否达标。比如很多公司都会在每一季度进行工作汇报，并且每年进行一次年终总结，这些都是在判断员工能力是否达标。优化企业的培训与发展机制，正向帮助员工提高自己的工作技能与水平。比如举办一些 用户体验设计 相关的分享大会，开展行业内的设计交流。开展合理的绩效考核，能够帮助员工更好地了解自己的工作表现。比如年末的绩效考核，使用 OKR、KPI 等考核标准来展开进而实现人力资源优化。企业员工的合理的优化、关于人力资源的优化，你会发现在各个方式都能够在系统当中寻找到对应功能来去体现。3. 人才梯队建设人才梯队建设是指对员工的绩效管理、培训与发展、晋升机制等方面的管理，以培养企业内部的高素质人才。让企业能够搭建出一支 有序、高效 的人才梯队。通过人才梯队建设，企业可以有效地提升员工的专业技能和综合能力，增强员工的工作积极性和创造力，简单来说就是让员工能够对未来充满憧憬。比如在 BAT 等多个大厂当中，大家都会有相应的职级标准以及晋升机制，这就是一个典型的人才梯队。三、专业词汇丨打破行业瓶颈专业词汇指的是在一个行业当中，必定会存在这个行业相关的行业术语，因此我们通过专业词汇的整理，能够快速掌握这个行业的专业知识，了解行业的具体动向。Offer：Offer 通常指的是招聘企业向求职者提供的工作机会。在 HRM 系统中，管理人员可能会利用 Offer 来记录和管理招聘信息，包括职位描述、工作地点、工资待遇、福利待遇等。Offer 可以用来帮助企业更好地管理招聘信息，并帮助求职者了解招聘企业提供的工作机会。HC：Headcount 组织或团队内雇员的数量。也可以用来代指组织或团队的人力规划（招聘）目标。补休：通常指的是补偿性休假，即超过正常工作时间而没有额外报酬的加班时间。通常会将这部分时间作为额外的休假时间提供给员工，以便员工可以休息和恢复体力。在 HRM 系统中，补休可能会被记录在员工的工作记录中，以便管理人员更好地管理员工的休假情况。COE：HR-COE（Center of Expertise），人力资源领域专家，指精通某一领域的人力资源专家，主要为业务单元提供人力资源方面的专业咨询。职责包括制定和设计制度、流程和方案，提供全球方案标准，并进行管理；与 HRBP 合作推广新方案并实施；在专业领域对 HRBP 提供技术支持等。定员：定员指根据企业既定的产品方向和生产规模，在一定时期内和一定的技术、组织条件下，规定企业应配备的各类人员的数量标准。激励：把以人为本，充分考虑人性发展的要求，尽最大可能去调动和发挥人们的积极性、主动性与创造性，从而极大地提高生产效率的管理方法定额：是指在一定的生产、技术、组织条件下，采用科学的方法和具体的计量形式，对生产过程中劳动者的劳动消耗量所规定的限额。常见的有时间定额、产量定额、看管定额、人员定额、服务定额、工作定额等。人才：是指在 HRM 系统中，具有专业知识、技能和经验，并能够为企业的发展和增长做出贡献的员工。通常情况下，人才指的是拥有特定技能或专业知识的员工，这些技能或知识对于企业来说是非常重要的。在 HRM 系统中，人才可能会被管理人员特别关注，并会给予他们更多的培训和支持，以帮助他们在企业中发挥更大的作用。人力资源保障成本：是保障人力资源在暂时或长期丧失使用价值时的生存权而必须支付的费用，它包括劳动事故保障，健康保障，退休养老保障，失业保障等。OKR：OKR 是指目标与关键结果，是一种组织目标管理方法，常用于企业管理和员工绩效考核。在 OKR 中，目标（Objectives）指的是企业或员工的长期愿景和意图，而关键结果（Key Results）则是帮助实现目标的具体衡量标准。OKR 通常会在 HRM 系统中用来记录企业或员工的目标和关键结果，并用于管理人员对员工绩效进行考核。花名册：花名册通常指的是组织或公司中员工的姓名和联系方式的一种列表，这种列表通常用于记录和管理员工的信息。在 HRM 系统中，花名册可能包括员工的姓名、联系方式、工作岗位、工作时间、休假情况等信息。管理人员可以通过花名册来查看和管理员工的信息，帮助他们更好地管理员工。四、产品流程丨了解产品的主要业务核心因为 HRM 系统主要围绕人力资源展开的，因此整体的流程主要是与这部分相关。主要流程分为：人力资源规划、人员招聘、面试选拔、入职、员工培训、薪酬福利、员工考核、员工离职。人力资源规划：HR 会根据企业的发展计划，去指定人力资源的规划安排，同时设定人力资源招聘和培训的目标。通常人力资源规划会着眼于企业的战略发展，同时对现有的人力状况进行分析，从而对组织规划、制度规划、人员规划、费用规划去制定合适的目标。人员招聘：根据企业的需求去发布招聘需求。并通过 HRM 系统发布招聘信息，将招聘信息分发到各个平台当中（Boss 直聘、拉勾、猎聘等平台），收集应聘者的简历与作品集并进行筛选。这也是 HRM 系统当中非常重要的能力，因为他是所有功能的入口，因此会格外重视。面试选拔：通过各大招聘平台收集到应聘者的作品集和简历过后，进行筛选与面试来对人员进行选拔，一般细致的流程分为：初筛、用人部门筛选、面试（3-5 轮）、发送 Offer，通常人员的选拔是一个 HR 非常重要的考核指标，因此在行业当中会存在很多 HR 为了他的 KPI 而进行面试的情况。人员选拔需要注重外部的协同，因为求职者需要参与线上面试、测试题、线下面试 等多个阶段，需要考虑清楚如何与多个软件进行协同，优化整体体验。员工入职与培训：通过 HRM 系统来安排员工的入职，通常入职需要与新员工签订劳动合同，并安排培训和工作安排，帮助新员工适应新的工作环境。发放薪酬与福利：使用 HRM 系统管理员工的薪酬和福利，包括工资、奖金、福利等。员工考核：员工考核是指公司按照一定的标准，采用科学的方法，衡量与评定员工完成岗位职责任务的能力与效果的管理方法，其主要目的是为了让员工更好的工作，为公司服务。员工离职：使用 HRM 系统处理员工的离职手续，包括离职证明、结算工资等。当然，作为 HRM 系统要涉及到的功能远不止这些，它所要面对的内容非常之多，比如招聘信息的发布页面、OKR 员工的目标对齐，因此我们上述讲到的，更多是 HRM 的核心场景所推导的。五、核心页面丨帮助你更快上手设计在 HRM 系统当中，同样会存在很多员工高频使用，同时设计起来也是非常困难的页面。我们就通过真实的截图，来带领大家理解一下这些核心页面在设计的过程当中需要注意哪些细节，这样能够保证大家在之后接触到类似的页面以后，不会犯迷糊~1. 职位发布职位发布作为 HRM 系统当中的核心，其实在系统当中的地位十分的高。而在基础的招聘信息当中，针对职位一共有：25 个字段（不包含特定情况存在的自定义字段），这些字段信息在各个系统当中基本相同。HRM 系统的职位发布，主要是在系统内部进行发布。而我们在日常求职时，通常不会在这些平台，而是在招聘网站上，因此各个 HRM 系统都会将职位信息，通过各种方法同步到不同的平台当中。以 鑫招聘 为例，发布完职位信息过后，我们就可以通过浏览器插件，将职位信息同步到不同的渠道当中，进行快速发布，这样更为省时省力。同样在飞书招聘里，它们也能够通过浏览器插件的形式，快速上线各个平台的招聘信息，进而减少 HR 的工作量。因此会发现这是一个重要功能，而我们要去关注的就是在不同的平台表单信息是如何去做的映射关系，我们需要将其标注清楚。2. 面试安排面试目前存在线上面试与线下面试两种方式，而在 HRM 系统当中，你会发现目前大多数产品推荐的都是以线上面试为主，因为疫情再加上线上面试成本较低，因此这种方式逐渐变成了行业主流。对于线上面试而言，我们需要解决的就是 笔试、视频、面评 等几个环节的线上体验，就需要我们集成：视频会议、在线文档、IM 以及问卷系统，因此在这里面做的最好的便是飞书招聘。首先我能够在一个页面当中做到视频面试、简历查看、面评填写，同时通过飞书妙记的能力，实现面试记录的快速新建，这样减轻面试过后再去回顾面试内容的痛苦。飞书招聘的优势主要也体现在集成工具上，因此协同起来效率更高。（这是我用 3 年飞书的一个经验）3. 考核制度考核制度一定就会说到 OKR 以及 360 环评，前者主要是一个任务目标管理工具，后者主要是做绩效考核的一种方式，这部分在 HRM 系统里面都是非常重要的页面。首先是 OKR，我就只展示页面了， 因为大多数的 OKR 工具都是大同小异，基本的交互模式就是 左侧为人员的列表，中部为 目标呈现，右侧是信息内容以及协同 内容。相对较为固定。如果感兴趣我们后续再给大家讲讲 OKR 产品的设计特点。360 环评则更为简单，其实可以简单的把它理解为是一个问卷系统，只是说我们会有不同的评价规则，进而来对员工进行考核。因此我们可以参考大多数的问卷软件，只是需要单独调研 360 环评的具体配置规则即可。4. 工作台对于很多 HR 来说，工作台页面其实非常重要。因为 HR 的大部分工作都是在协同，一方面联系今天需要参与面试的候选人，另一方面需要通知参与的面试官，同时还要筛选简历、发放 Offer，这些都需要通过工作台来实现，因此在工作台页面里面，你会发现都是关键的数据以及关键的信息安排。总结其实 HRM 行业一直以来，给我的感觉就是非常的神秘，因为在行业当中是非常重要的产品类型，但是你几乎没有途径体验到与之相关的产品，这也就造成大家对这类型的产品了解并不多。同时 HRM 本身是非常注重协同，无论是公司内部的链接还是外部人员的协同，也就造成 HRM 行业对设计师的要求非常的高。当然我对于这个行业的了解仅限于我自己的阅读以及身处这个行业同学们的资料辅助，如果你也身处这个行业，不妨在评论区说说自己的看法。下个 B 端产品我们来聊聊 WMS，下期见~本篇来源：优设网原文地址：https://www.uisdc.com/hrm-design
用户 灯会 自己的 前言：当我们谈论画作，会醉心于印象派光影斑斓的色彩，会惊叹于国风文人画如诗如歌的构图，会震撼于画师笔下一个又一个充满想象力和创造力的世界；而当我们提及 AI，脑海中浮现的是前沿深奥的大数据云计算，是冰冷严谨的逻辑思维能力。两者碰撞交织，让 AI 学会“通感”，AI 画手们带着惊人的机器想象力和极具冲击力的刻画刷新着我们的感官体验。与此同时居高不下的热点讨论也一遍遍提出质疑：AI 让艺术沦为了单纯的数据游戏，使绘画失去了灵魂。那么如何为 AI 创造力赋能，将其转化为视觉传达的生产力，成为设计师探索的新方向。AI 画画结果图美图欣赏一、从小范围的数字艺术到千人千面的艺术感知“用嘴画画的绘画神器”disco diffusion 算法面世之后，惊人的技术迭代使得热衷探索前沿技术的设计师和艺术家们在各大平台掀起展示 AI 生成作品的热潮，让观者跃跃欲试。有此契机，团队构建出了开盲盒式的 AI 画作抽取玩法——通过用户简单点选关键词即可得到独一无二的专属艺术体验。简洁的文字信息外加一点点好运，诞生出数以万计的犹如梦境一般的画面，在QQ小世界中飞速扩散开来，为用户提供了短视频表达的新鲜方式，好评如潮。那么就让我们跟随接下来的几期活动介绍，一起感受AI呈现的独特艺术影响力。堪比艺术家！被疯狂安利的 AI 插画神器 Disco Diffusion 有多强？大家好，我是和你们聊设计的花生~有关注「神器挖掘机」阿文（微博 @Simon_阿文 ）的朋友，可能已经了解到他最近正在疯狂安利一款 AI 绘画神器——Disco Diffusion。阅读文章 > 小世界 AI 画画 h5 活动的美图展示拼图二、七夕桃花签：艺术化的情感抒发助力用户传递心愿“牛郎织女”的美丽爱情传说，赋予了七夕节日传统中式的浪漫情怀。将这份祈求美好的心绪诉诸诗词歌赋、寄情山水楼阁，团队精心打磨国风绘本、古风彩墨画等绘画风格。温润空灵的中式经典色彩搭配融合于古建筑与风景的刻画之中，AI 画手为用户献上了诗意盎然意境绝佳的描绘。国风绘本&水墨风格的 Goodcase 效果图展示以桃花签作为载体，配以诗作签文，为用户带来别致的抽签体验。双签合并的解签环节，更是为用户表达感情提供了窗口。用户在发布时纷纷自主解析起画面的含义，为作品添加独属于自己的色彩。用户输入不同的昵称，会获得不同的签文结果，带来具有惊喜感的盲盒体验。桃花签 H5 的视觉展示桃花签结果视频展示三、中秋灯会：寓情于景，演绎中秋氛围中秋节作为有着团圆美好寓意的传统节日，祈愿更加必不可少。我们以中秋灯会作为演绎情景，为用户提供沉浸式的花灯放飞环节，用户在观赏灯会夜景氛围画作的同时，也将中秋祝福分享给好友，以画会友祝福翻倍。灯会的 AI 画卷以夜景为主，结合中国风的经典配色，点缀灯火以烘托花好月圆的中秋氛围。国风绘本&水墨风格的夜景效果图展示作为品牌彩蛋，视频包装中的孔明灯也采用了企鹅的造型，更具有创意性和 QQ 品牌感，并运用光效叠加、发光粒子等元素，打造热闹的中秋灯会场景。桃花签 H5 的视觉展示用户选择不同的愿望后，ai 来为用户描绘带有浓郁中国风格的许愿画面，定制个性化灯会。最后来一起看看在小世界中秋灯会许愿后的视频效果吧！四、赛博朋克学生证：与 AI 共同畅想未来时空的开学新体验结合 AI 突出的画面想象力，我们与 AI 画手一起，打造了更有情节代入感的开学季学生证玩法。基于 AI 绘制的未来学科专业的专属科幻场景，搭配以实时生成的用户动漫形象，为用户制作独特的具有科技赛博感的入学证件。赛博朋克效果图展示活动采用入学邀请的形式，用户可以上传自己的形象或者点选默认形象制作自己的证件，AI 画会根据设定好的专业划分色系，像构建一个真正的学科体系一样，为用户打造个性化的标签，更好得让用户在小世界平台彰显自己的性格。开学季 H5 的视觉展示用户选择四个不同专业会相应获得四个不同色系的学生证结果。除了选择默认形象外，用户还可以定制各种各样“特别”的赛博学生证。（以下图片来自脑洞大开的小世界用户）开学季结果视频展示五、新次元房产：携手 AI 初探元宇宙八大社区、上百种房型，AI 勾画出了虚拟世界中的梦幻社区。用户只需要通过简单点选，即可获得“冰雪王国的独栋洋楼”、“漫画部落的花园洋房”等充满新奇元素的奇妙组合。完成选择后，系统会为玩家自动生成房产，会显示房产形象、面积以及房产价值（为小世界火箭的虚拟积分）视频的展示将元宇宙社区氛围拉满，让用户更加期待“专属地产”向小世界数字藏品的概念转变。六、春节异次元：国潮漫画华丽变身接力异次元的我，春节档的 AI 作画推出了国潮漫画变身的全新风格亮点。用户上传照片之后，万物皆可在动漫的世界中享受新年的快乐气氛。平行时空里，用户收获了华美的中国风服饰，春节装备的萌宠，甚至还有浓浓节日气氛的年夜饭美食～变身漫画以春节幸运签的方式呈现，更是为用户提供了对于新的一年美好期盼的短视频打开方式，在小世界中火热传播。结语：随着技术的层层迭代，团队也将探索更多有趣有情节的玩法，与 AI 共同创作出新的整活爆款。同时我们也将继续通过活动玩法邀请用户们为 AI 画作赋予更多的艺术灵魂。或许不久后，AI 画手将为我们带来崭新的 3D 艺术体验、Q 萌的毛绒宠物、亦或是专属于用户的动漫演绎呢！欢迎关注作者微信公众号：「腾讯ISUX」本篇来源：优设网原文地址：https://www.uisdc.com/ai-draw-2
产品 方案 团队 Hi，你好呀，我是知果，长期沉浸在 B 端圈，专注 B 端产品思维 · 体验思维。新春开年有一些日子了，在此知果祝大家开工大吉，2023 财源滚滚。放假放久了，我也有那么些假期综合征，所以忙着快速调整，从假期节奏转到开工节奏中。开年第一篇稿子，想和你分享关于“B 端产品好体验”的一些点滴思考。为什么我会去思考这个问题呢？因为我接手的一些中后产品基本都很复杂：子系统多、菜单多、页面多、业务模块多、业务流程长、使用角色多，等等。要构建这么复杂的系统，再加上客户上线要求急迫，是很难开发出拥有好体验的产品的，整个团队能将功能研发完成，不出差错就已很不错，几乎没有时间没有精力来打磨产品体验。那是不是意味着我们什么也做不了，就只能提供不好用的产品了呢？其实不然。还是有办法去改善的，只不过基于不同的组织、不同的产品、不同的研发流程、不同的领导风格，想要拯救一个 B 端产品的体验，会需要在不同的阶段采用不同的策略。你会发现上一个 B 端产品中用过的方法，在下一个中就失效了。不过没关系，这都是正常现象，经历多了，你就游刃有余了。我这里简单总结了 7 个我们可以着手优化产品体验的思路。不要盲目展开负责人意愿产品所处阶段研发团队资源情况明确产品核心体验诉求针对性梳理方案方案评审与汇报下面我们一一来看。更多B端产品设计方法：近万字长文！从头梳理B端产品经理和体验设计师的工作职责近期，一些项目经理、产品团队长、设计师经常问笔者一个问题：“B 端产品经理和体验设计师的工作职责分别是什么？阅读文章 > 一、不要盲目展开我们看到产品不好用的时候，总想把眼里看到都给一股脑儿地改了，殊不知，这不是一个值得肯定的方法。纵使我们心中有非常多的优化方案，还可以引入最优秀的交互体验，也万万不可撸起袖子就干。很有可能，不是你的方案不好，而是目前没有支持方案的环境。这一条是最最最重要的，一定要记住。二、负责人意愿当我们陆续收到客户的一些体验反馈，发现了产品体验上的一些问题，最好先将它们收集起来，然后去和产品负责人聊一聊，听听他对这块的想法。如果负责人对提升该产品的体验非常重视，那就极棒了；但如果负责人认为这不是现在的重点，可以先放放，那我们想做这件事相对会比较困难，效果也不会很明显。负责人意愿是 B 端产品体验提升很重要的支撑力，有了他们的支持，做起来相对好很多。三、产品所处阶段如果产品负责人很愿意在当前阶段进行产品体验优化的事情，那么我们就需要盘点下，产品目前处于哪个阶段了。大家的意愿是一方面，现实是否允许是另一方面，这点我深有感触。当产品处于不同的阶段，我们能做的产品体验优化就很不相同。比如，在产品引入期，产品体验就可以大力展开；而在产品成熟期，产品体验就不太适合大力展开。因此，具体来说，产品体验优化适合放在产品引入期与成长期。有关体验设计在产品四大生命周期可以怎么做，及如何可以做地更好的思路，可以看该篇文章：产品探索期频繁改需求，设计师该怎么办？笔者的上一篇文章近万字长文发布后：阅读完此文的设计师小伙伴们，又陆陆续续问了笔者几个问题，总结如下：“产品需设计的模块和页面数量与预计偏差较大，产品中的跳转关系、开发功能点不断地变化，感觉产品团队总是在反复推翻他们原先定下来的结论，作为设计师的我们，实在是太累了，跟着他们瞎忙阅读文章 > 四、研发团队资源情况我们需要对研发团队目前资源使用在哪些地方要比较清楚，否则就算我们输出了一堆优质的体验提升方案，没有研发小伙伴的及时落地，也无法真正把这些内容传送到用户手中，体验提升一事也就搁置了。研发团队主要将资源花在业务逻辑与功能的完善上，可以说，这些事情就已经让他们应接不暇了。所以，我们有必要进行仔细盘点，和研发小伙伴坐下来沟通，看看体验提升的事情应该让他们如何支持，包括资源投入力度、支持时间点等等。五、明确产品核心体验诉求明确产品核心体验诉求在和产品负责人聊的过程中，我们就可以得知一二，但在明确确实该阶段要优化用户体验后，还需再次一一明确。明确产品的核心体验诉求，有助于我们集中兵力攻打一处，而且用户在使用中也能很明显的感知到产品体验的提升。切记不要将体验设计的精力花在价值不高的事情上，比如用户低频使用的界面，比如产品不打算大力推广的部分。六、针对性梳理方案以上都七七八八弄明白后，我们就可以为团队确定本阶段要着力进行体验优化的部分，梳理体验方案了。方案梳理有一些需要注意的点，及一些可用的方法，本文篇幅有限就不在此展开了，下篇文章我会进行分享。七、方案评审与汇报完成体验优化方案后，就需要给相关干系人评审与汇报了。评审对象一般是技术经理、项目经理、产品负责人等，多轮评审可以帮助我们将体验优化方案做得更好，补充我们原先没有考虑的一些方面。在大家的帮助下评审完后，可以给到最高决策者进行汇报，争取资源支持来做这件事。最后的话在 B 端的小伙伴对 B 端产品体验一事不会陌生，更深有感触 B 端产品体验不好做，很难做，若有机会做了也很难推进落地。不过，这一现象这几年正在逐渐改善：有 SaaS 兴起的原因，有互联网培育用户体验的原因，有市场竞争激烈的原因等等，具体原因我也会在我的第二本书中提到，感兴趣你可以关注「知果日记」，提前获取最新进展信息。总之，B 端体验越来越重要已经是不争的事实，只是怎么去真正执行起来，需要我们正在做这方面的同学总结经验，分享出来，这也是我自己一直思考，一直在做的事情。欢迎关注作者微信公众号：「知果日记」本篇来源：优设网原文地址：https://www.uisdc.com/improving-experience
苹果 产品 设计师 编者按：在以设计著称的苹果公司做设计是怎样的体验？这篇文章出自前苹果设计师 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
作品集 作品 风格 设计师们都知道作品集的重要性，但很多设计师只有到了准备找工作的时候，才急急忙忙开始制作、更新作品集。与其临时抱佛脚，不如早早趁现在准备起来。年终总结刚写完，去年的项目还印象深刻；避开了忙碌的年初年尾，有足够的时间雕琢打磨；如果有求职的打算，还可以更好地迎接三四月。所以，今天这篇文章就跟大家聊一聊作品集怎么做。你将获得精选的多套可供学习参考的作品集模板，以及一份作品集产出的要点总结，带你一起更高效地完整作品集整理，帮你充分展示专业能力、过往经验与亮点。一、作品集案例与素材分享先来分享一些质量很不错的作品集案例与模板，这些作品在结构、风格、配色选择等多方面，都很具备学习参考的价值，希望能对大家有帮助~1. 风格简约、结构清晰的一套作品集模板，可以帮你快速搭建内容框架。免费获取 https://js.design/community2. 如果你主导过项目的改版升级，并打算将其展示在作品集中，可以参考这个模板的排版和布局，没有过多的装饰，主要用对比来突出结构，让面试者能更好地聚焦于你所希望凸显的内容上。免费获取 https://js.design/community3. 基础但新手友好，提供了多种展示模板，适合各个尺寸的作品。整体没有过多装饰，方便你在此基础上修改并确定自己的作品集风格。免费获取 https://js.design/community4. 简单但是极其实用的 iPhone 14 Pro 样机，替换图片即可。免费获取 https://js.design/community5. 一套作品集封面图，有一定的设计感，但装饰元素的使用很克制，不会装点过多显得喧宾夺主。免费获取 https://js.design/community6. 可供参考的高级感作品集封面，用到的都是长期流行的设计元素，不会过于花哨也不会因为追求爆火设计趋势而过时。免费获取 https://js.design/community二、作品集的重要意义看过优秀案例，进入理论环节。落笔之前先弄清楚：为什么要做作品集？因为评价一个设计师好坏，最重要的依据必然是他的——作品水平，而不是学历、背景、经验。这也意味着，当面试官打开你的作品集时，他们最希望从中判断出你的专业实力、规范掌握、综合能力等等。你的作品集需要能帮他快速了解到这些信息，才有可能获得接下来的面试邀约。三、作品集制作的要点明确了作品集的意义后进入实操环节，作品应该怎么整理成作品集？很多同学都知道应该用作品集展现自己，但实际做出来的完全不是那么回事。要么做成了毫无重点的流水帐式图册，少有文字介绍，设计思路完全没有展现；要么文字介绍过于详细，恨不得在作品集里完整复盘项目的每一步操作、每一次修改。这都是搞错了重点，虽然名叫“作品集”，但展示作品只是手段和形式，最终的目的还是展示设计师个人的能力和水平。如何通过作品集包装用 100 分的作品展现 120 分的你，表现得更出彩，这些制作要点一定要掌握！要点一：作品素材宁缺毋滥作品集不是过往作品的堆砌，能被你放进来的，一定要能体现些自己的特色：视觉能力强、见解独特、 解决问题能力强、设计方案有创新等。内容可以少，但质量一定要好，不能为了凑数而放。模糊的图片、过时的设计风格、不完整的设计作品统统不要放，品质太低的素材放进来只会减分。如果项目本身是你的得意之作、非常能够展现你的能力，但图片品质不达标或风格陈旧，那么不要偷懒，重做一份或者按照新的趋势优化后再放。要点二：开头部分要亮眼一般来说作品集都会展示 3 个左右的项目，其中第一个作品一定要亮眼，选近期的、质量最好的、最拿得出手的。在一开始就展现亮点，体现你的专业能力，或者与其他竞争者不同的差异化优势，才更容易在众多作品集中脱颖而出，给面试者留下印象。另几个主要展示作品的挑选可以遵循以下几个原则：实际项目优先、能凸显个人在项目中价值的优先、与应聘岗位相关度更高的优先。要点三：注重基础的排版原则基础但重要的文字排版一定要有，注意对齐、对比、亲密关系等。不需要为此抽出大量时间设计，但只要做了就一定能有很不错的效果。要点四：形成统一且独特的风格不同时期、不同需求下做出的项目作品肯定不会是完全相同的风格，但在作品集中，我们可以通过统一色彩、字体、版面结构、重复元素等，让作品集形成一致的风格。那如何让作品集拥有自己独特的风格呢？像对待设计需求一样，可以从作品集的核心案例中提炼出自己的作品风格，将其应用到自己的作品集中。要点五：制作美观且高级的封面图营造一个美而高级的封面，可以第一时间抓住面试官的眼球，让他对你的作品集产生兴趣，从而引发浏览的动机。但在实际制作过程中，封面图并不是第一个被做出来的，比较合理的顺序是：选出作品确定整体风格决定封面图要展示的内容和风格。也就是说，同学们不要上来就硬怼封面图，或者直接复制一个通用模板。提前做会让你在无数的尝试纠结中浪费时间，直接套模板又可能显得千篇一律。借鉴优秀案例，是一个必不可少的前置过程。在此基础上，结合自身作品风格，才能做出令面试官眼前一亮的作品集封面。要点六：注重细节细节决定成败，在作品集的制作导出等方面，还有一些比较零碎的点，做好了能极大提升用户（面试官）体验，给对方留下好印象，同学们可以逐一对照自查。格式选择：最好导出 PDF（大小 15 ~ 20M 左右），可以再另外准备一个链接，用以展示站酷主页，或者分享用即时设计等在线工具制作的完整版作品集文件。命名规则：文件名需包含姓名、求职意向，还可以带上工作年限。作品页数：30~40 页左右，不宜太多太少，放 3 个最能体现能力的作品即可。尺寸选择：常规宽度 1920，但高度不必局限于 1080，可以多些版式变化，打破千篇一律，避免面试官视觉疲劳。小结想要做出有条理、有亮点、能充分展现个人能力的设计师作品集，以下两点缺一不可：一是，平时的积累与定期复盘。做项目时，觉得有价值、有特点的地方就随手记录下来，这样在后面整理作品集时，才不会对着成品图发呆，觉得脑袋空空没有什么可讲。二是，浏览大量优质作品集案例。作品集制作不是一劳永逸的，随着工作年限的增加、接触项目增多、设计能力的提升、个人风格的改变，作品集也要不断地更新。因此，持续浏览更多优秀案例，从中学习他们的包装思路技巧并应用到自己的作品集中变得尤为重要。篇幅有限，前面只给大家推荐了一些相对简约、通用性较强的作品集模板与案例，更多优质案例与素材可以浏览「即时设计社区」的作品集专题免费获取：点击链接打开 https://js.design/community最后，祝你顺利完成作品集的打造，在更多机会来临之时，牢牢抓住、把握未来。本篇来源：优设网原文地址：https://www.uisdc.com/2023-works-collection-design
都是 纹理 效果 大家好，这里是和你们聊设计的花生~今天为大家推荐知名艺术博主 @Simon_阿文 分享的一个 Blender 设计小技巧，可以帮助我们快速做出绚烂多彩的染色玻璃效果。微博原文： https://weibo.com/1757693565/LeEWKiGTO腾讯出品！超实用的Blender教程和插件合集想自学Blender去哪里找教程？阅读文章 > 一、染色玻璃效果教程设计的基本思路是先建立一个具有高反射材质的物体，在世界环境中新建一个纹理酷炫的环境贴图，然后隐藏环境仅显示物体本身，这样无需调节各种反射参数，就能得到颜色绚丽、质感通透的染色玻璃效果。二、高质量免费可商用纹理阿文还推荐了 6 位免费商用图库 Unsplash 上的艺术家，他们分享了非常多高质量的抽象纹理图片，用到上面的教程中可以生成多种不同的染色效果。1. Solen FeyissaUnsplash 主页： https://unsplash.com/@solenfeyissa2. Pawel CzerwinskiUnsplash 主页： https://unsplash.com/@pawel_czerwinski （早期作品都是免费的）3. Pawel CzerwinskiUnsplash 主页： https://unsplash.com/@alexander_ant4. Israel PiñaUnsplash 主页： https://unsplash.com/@israelpinapol5. Kseniya LaptevaUnsplash 主页： https://unsplash.com/@ksushlapush （早期作品都是免费的）6. Dan-Cristian PădurețUnsplash 主页： https://unsplash.com/@dancristianpaduret以上就是今天为大家推荐的 Blender 设计小技巧，赶快动手试试这种染色玻璃效果吧~ 喜欢本期推荐的话请大家多多点赞收藏进行支持，我会更有动力为大家推荐设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ，我会第一时间回复。推荐阅读：从入门到实战！腾讯高手总结的C4D自学必备指南导语近年三维表现已经越来越多的融入到各种商业设计当中，在电商、品牌、UI、影视等各个领域都有广泛的运用。阅读文章 > 3D神器Blender教程来了！从入门到跨过门槛@嘉文钱：大家好，我又来了我发现最近的几次更新，都是因为我开始熟练了新的「玩具」比如上次的 Procreate以及这一次的 3D 制作神器Blender。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/dyed-glass
时间 时区 方式 近年来产品的国际化趋势日益增强，如果你在做国际化产品的设计工作，一定会注意到时间的两种统计方式：UTC 和 GMT。比如你可能经常会看到这样的案例：UTC 和 GMT 究竟是什么意思？应该怎么使用？有哪些表述规范？本文就为大家科普下二者的区别和用法，带你从小白秒变行家。更多时间展示方法：大厂总结！体验设计师必知的「时间戳」控件设计“时间戳”即时间信息的展示方式，它是一个在 UX 设计中经常出现，又容易被忽视的元素。阅读文章 > 一、概念科普先上一轮专业知识硬核科普：1. UTCUTC 的全称是 Coordinated Universal Time，被称作“协调世界时”，可称“世界统一时间”，“世界标准时间”，“国际协调时间” 等。UTC 是一种时间标准，全球通用，该时间已经与世界计时中心保持同步，作为全球民用时间和时区基础的时间标准。 UTC 时间标准划分图2. GMTGMT 的全称 Greenwich Mean Time，被称作“格林威治平均时间”或“格林威治标准时间”。GMT 是按照经线划分的时区（高中地理知识：地球表面按经线从东到西，根据圆周 360 将地球划分为 24 个时区，每个时区占 15，相邻区域的时间相差 1 小时），是由位于伦敦郊区的皇家格林尼治天文台确定的标准时间（因为本初子午线是通过那里的经线），是一些欧洲和非洲国家使用的时区。GMT 时区划分图1972 年，UTC 取代 GMT 成为世界时间标准。不过 GMT 现在仍然被欧洲广泛使用，是英国等几个国家的时间表述方式。在编写本文之前，我们一共调研 14 个产品（包括 2 个操作系统，7 个国际化产品，5 个设计系统），可以看到 UTC 及 GMT 在行业中均被普遍使用，UTC 偏多，但暂未形成主流。不过，由于有官方平台背书，也不排除 UTC 的使用范围会越来越广阔和通用的可能性。严格来说，UTC 和 GMT 各有所长：由于时间的测量方式不同，GMT 每 4 年比 UTC 慢 1 秒，因此在不需要精确到秒的情况下，通常也可以将 GMT 和 UTC 视作等同。UTC 没有夏令时计算方式，而 GMT 有。所以有可能在有夏令时区域，用户理解 UTC 的成本更高。我们可以总结两者的区别如下：UTC 和 GMT 两者的区别二、表述样式虽然 GMT 和 UTC 在概念上有些区别，但在实际使用中，两者的表述方式趋同，在视觉效果上完全一致。根据不同国家和地区，日期和时间的具体展示方式通常需要考虑以下因素：地域性：时间需要和地域文化和书写习惯相关联，便于当地用户快速理解。准确性：要保证时间的精度和准度，很多金融类产品的时间都需要精确到“分”甚至“秒”。易读性：在排版时要易于阅读，时间数据较长时要考虑折行的易读性。接下来的表述样式中，我们会以 GMT 为例，介绍下日期表达的细节规范。（需要说明的是：以下规范是经过调研后总结出的通用规则，并非不可更改的行业基本准则，如果你的产品有其他表达方式上的需求，可以适当变更和调整。）1. 不同国家和地区的时间表示方式不同国家对于时间的书写有不同的组合顺序，使用的标点符号也不相同。最常见的有四种类型，分别是：zh_CN：适用于中国大陆、中国香港等地区nl_NL：适用于荷兰等地区en_US：适用于美国等地区en_GB：适用于欧洲国家、东南亚国家和中国台湾等地区以下是这四种不同的“年月日”具体表现样式（yyyy: 年，MM: 月，dd: 日）：以下是这四种表现样式与 GMT 组合的实际案例（以 GMT 为例，UTC 同理）：2. 时间表示方式的具体规则接下来我们以 zh_CN 的 GMT 时间表示为例，来看看具体的时间展示细节规则：① 日期 + 时间 + 时区的组合展示日期和时间之间使用“,”+“空格”；时间和时区之间是使用“空格”；时区标识在前，偏移量在后，显示“(GMT整数偏移量)”；偏移量精确到“:”后两位，取小时整数。② 表示时间段两个时间段之间建议使用半角“-”链接；半角“-”前后有空格。③ 折行展示样式折行时“年月日”、“时分秒”建议各自同一行；段时间以“-”连接，“-”前有空格，在第一行。以上就是国际化产品中时间的表法方式，你可以将这些规范应用在工作中常用的组件模块上，在使用时可以直接调用，方便快捷且不易出错。最重要的是也要跟开发对接清楚，从代码层面做产品实践效果的最终防范。欢迎关注作者微信公众号：「长弓小子」本篇来源：优设网原文地址：https://www.uisdc.com/time-display-guide
用户 地图 产品 在日常的工作中，大家或多或少都听过/用过用户体验地图，简单的说，用户体验地图是梳理用户场景和体验问题的一种工具，那在用户研究中，什么时候/阶段适合用体验地图？使用体验地图的价值是什么？体验地图又是如何构建的呢？该篇文章将会结合两个具体案例为大家逐一解答，文章分为上篇和下篇，上篇主要是介绍用户体验地图的定义、使用场景与价值，下篇会拆解用户体验地图的构成与构建流程。 文章主要以我的经验为主，不是教科书和绝对，希望能带给大家答案/启发～也欢迎互相交流～更多体验地图教程：学会这5个关键点，产出一张完整清晰的用户体验地图！前言1. 什么是用户体验地图？阅读文章 > 先来看一个案例感受一下用户体验地图吧～案例背景：某公司计划推出全包装修业务，但不了解全包套餐用户的需求，不知道应该为用户提供什么样的套餐产品和服务，基于该背景我们对近期全包的用户进行了访谈，梳理出全包用户体验地图，见下图（因涉及真实项目，故针对研究结论做打码处理，请勿保存传播，感谢理解）通过梳理体验地图，我们获得了 4 个主要的价值：如何更好的把套餐卖出去：分析了用户在前期寻找全包公司时的信息获取渠道、接触时的考虑与决策因素，为装修业务的对外传播的卖点、渠道、销售流程和话术提供了设计依据；如何管理相关人员提高用户装修体验：分析了用户对不同人员角色（设计师/销售/工长/建立）的需求，为人员招聘、考核、管理提供了基础要求；如何管理装修过程提高装修效率：分析了用户在各装修环节的行为与关注因素，对各环节进行工具/物料/反馈机制的设计与设定，如用户通过线上小程序确认装修施工节点、进行反馈等；如何设计套餐产品：结合定量问卷，对装修套餐里涉及的建材品类/品牌/价位与用户期待的价格、用户画像进行匹配，针对性的设计低中高端各价位的套餐产品满足差异性需求看完是否心动了呢？再一起深入了解下用户体验地图吧～一、什么是用户体验地图？用户体验地图又称 User Experience Map，在网上搜索用户体验地图的定义后，会发现被赋予了很多种概念解释说明，如但我们不难发现在多种定义中存在的共性关键词，如用户增长、用户的真实互动、用户场景、用户真实需求/痛点、可视化/一张图等。综合来看，我们只要抓住用户体验地图具备的 3 个特点就能抓住定义了：是基于一定顺序的用户场景与行为还原：体验地图包含的内容是用户完成某一件事情/目标时，所经历的过程、场景，是用户角度真实发生的行为中体现的用户需求，而不是产品走查与推测；是突破单一产品表示全局、可涵盖线上&线下多触点的：体验地图中承载用户行为的载体不一定是单一产品、也不一定有产品，是可以包含多种类型触点的（产品/空间/人员等等），呈现的是用户全过程中所接触的各类触点；是一种工具/一张图，也是一种方法：体验地图既是对调研信息进行梳理的一种工具、是可视化展示用户场景与需求的一张图，同时也是能够指导调研内容设计的方法。二、为什么使用用户体验地图？无论是否了解用户研究的同学应该都知道“满意度调查”、“用户推荐度/NPS 调研”，了解一些的会再知道“用户深度访谈”、“产品体验走查”等一些用户研究方法，但对于常规的监测类、走查类、访谈类调研中，我们总会对调研结论有一些疑问，比如用户为什么不满意、为什么不推荐、为什么有这个需求、为什么我改进了还是不满意？从多次实战中，总结了用户访谈的 8 个小技巧去年被调到了新的专业产品线，为了更快的熟悉新产品，了解用户的目标和使用场景，做出更好的设计。阅读文章 > 而用户体验地图是能够避免我们对用户真实需求的不理解及我们的“自以为”，能够更深刻的理解用户行为，进行全局性的机会点挖掘。整体来看，用户体验地图能够带来 3 方面的价值：从场景中真正理解用户避免设计师视角：产品的设计者和决策者需要从用户的视角去考虑用户要什么，而不是有什么放什么，以为用户能顺利完成任务、得到满足；避免用户说的都对：理解用户也不是用户说他要什么我们就给什么，而是通过用户场景去观察用户在整个路径中是如何满足自己目标的、洞察用户想要什么（比如福特汽车的问世，而不是“一匹更快的马”）；理解不用用户的差异：一个产品中涉及到的不同“用户”， 比如不同的商家角色在使用产品时用的功能不一样、需求也存在差异，如何满足共性需求、差异性需求。全局性的评估并发现机会产品全局：不会单纯从产品功能出发，通过数据或用户反馈层面的依据，割裂地去看每一个模块（头痛医头，脚痛医脚，被问题牵着鼻子走）而是以更全局的思维去看待用户使用流程发现更多的潜在机会点；用户全局：用户的体验过程中不仅是单一产品的体验，可能包括了前后的延展、过程中的联动，包括人际、空间等其他类型触点，探索产品外的机会点（如用户的需求有可能是通过别的产品实现的，我们的产品也会与其他渠道、组织有联络）。共创中达成共识推动决策建立同理心，达成共识：不同业务角色的关注点不同，通过构建体验地图倾听用户声音、理解用户行为、建立“同理心”，在用户体验问题上达成共识，而不仅是聚焦在自己的功能上。三、什么情况使用用户体验地图？使用用户体验地图是带着一定的产品目标/业务目标去理解用户，可使用的情况较多，但主要是在产品的前中期，主要可以归为三类情况：需改进产品体验时产品出现了某些问题，并不明确问题出现在哪个阶段：如开发了新功能时，以为会是用户使用率很高的，但实际没人用，通过体验地图去看用户是如何使用产品的，定位到问题；整体提升产品的体验：如满意度、nps 指标没有随着产品预期提升，通过体验地图全局性看产品的框架、功能规划，定位问题。产品创新需找到方向时在产品的原型设计前，了解用户在使用其他产品时如何解决问题，辅助我们识别痛点和机会点：如开发某产品前，通过体验地图梳理用户目前是如何解决问题的，对应看用户在用其他相关产品/服务时的体验如何，反观我们应该如何设计；产品 0.5 阶段，可拓展方向较多，通过梳理体验地图理解用户，找到创新机会。产品用户需增长时通过改善客户体验来推动增长，需要调整各个触点/渠道的布局策略：如想要提升转化率、产品知名度，使用体验地图基于用户达成目标的旅程，将支撑用户触点的所有渠道如官网、APP、小程序、线下门店销售等等串联在一起，进一步分析用户在整个流程的体验。这 3 种情况适用的产品阶段、关注的重点有所差异：当然也要注意有一些情况是不适合用体验地图的：产品较成熟，无需去拓展机会点，更多聚焦在用户对产品细节体验的提升，体验地图对于全局的把握会导致缺失细节体验问题，这时更适合做可用性测试、专项研究；研究内容不明确、缺少研究抓手时，仅是收集用户需求、用于理解用户时，做体验地图收到的信息会大、不聚焦，难有实质参考性。欢迎关注「JellyDesign」的小程序：本篇来源：优设网原文地址：https://www.uisdc.com/user-experience-map-3
界面 卡片 功能 肩负着 2022 年理想汽车 L 系旗舰使命的 L9 已经交付半年有余。23 年，理想也迎来 L 系 7/8/9 车型全面开花的局面，以五屏多维交互为卖点和噱头的新一代智能座舱系统也正在经历着市场和用户的验证。理想的车机一直就带有着易用/美观/流畅的标签，从 ONE 上面的仪表/中控/副驾三联屏+空调控制屏，到 L9 上的中控/副驾双联屏+后排娱乐屏，车机的信息结构和界面布局都发生了极大变化，随之带来的是交互操作和视觉感官上也有了新的体验。这种新，是延续了理想 ONE 的易用性？还是随着屏幕增大带来了一定的设计困扰？让我们来跟你细细聊一聊。更多HMI设计干货：入门必看！8000字完整梳理车载HMI设计的前世今生近期因为工作调度，有时间去对车载 HMI 历史进行研究。阅读文章 > 首先抛出我们的观点，理想 L9 的座舱车机体验在 2022 年发布的车型里，无论是信息罗列交互逻辑还是视觉 UI 动画效果以及流畅度，依然是处于第一梯队。但由于屏幕的可视面积增大，信息和功能如何在这块大屏幕中更高效率的呈现和使用，有一定的提升空间，UI 的精致和美观度，也还可以再精细化的打磨。在理想 L 系的车机系统里，我们使用频率最高的应该是主界面的卡片，导航及音乐，还有空调系统的控制。在主界面上，我认为现有的 L 型功能分布是合理的，但在 UI 的视觉呈现上，稍微显得有一些复杂，或许设计师的初衷是让这部分的功能分区更明显，按钮的可点击感和视觉指引更突出，但我觉得还可以做一些层级的简化和归类，减少模块之间因为分区的间距带来的割裂感。因此在全局的操作框架上，在保留现有的功能分区和操作逻辑的前提下，我重新做了视觉层级的梳理和归类，让功能区的 UI 视觉尽可能的简洁，同时保证原有的视觉指向清晰。这里我是这么设计的，首先弱化视觉上的区块感；用图标高亮来显示当前状态；收窄左侧面栏宽度，提升右侧内容区显示面积。除了导航/音乐/摄像头之外，还可以扩展一个常用功能至左侧菜单。这里留了一个可以讨论的地方，那就是下面三个全局入口保持固定不变外，上面的一级入口是否可以让用户自定义？这样的话可以把一些用户自己常用的功能提到这个入口来，相当于新增了一个应用快捷方式入口。底部的操作栏，我把功能分区用间距和竖线来区隔，减少底部信息由于“模块化”带来的割裂感，同时新增一个秘密模式入口，驾驶模式切换在方向盘屏幕操作的便利性比在这里要便捷很多，因此从这里拿掉了。这就是关于常驻操作区域我的优化方案，是不是“看起来”干净整齐多啦？接下来我们聊聊右侧的卡片。记得在春节期间 @贺磊 提到过：“ 导航不需要霸屏，可以留一个区域显示音乐，并且下半部分显示歌词，副驾也可以跟着哼几句，导航+HUD 也可以兼顾开车不走错，如果卡片可以自定义拖拉宽度就更妙了。 ”作为每天显示频率最高的主界面，我也确实觉得目前卡片的信息利用率太低了。走访了几位车友，大家的一致感受有几个点：天气界面可以不需要那么大，有一个区域显示当前时间和天气状况就可以了；车辆的状态和行驶信息默认在第二屏，即便是拖动到第一屏来展示后，由于尺寸的原因要么看不了EID界面要么音乐控制和天气卡片就会被挤到第二屏去，操作和显示都不太方便。于是我重构了右侧的卡片栅格，在现有的卡片尺寸基础上拓展出一个 mini 卡片，在有限的空间内效率更高的展示更多用户想要的内容。这里的 mini 卡片，也可以有更多的想象空间。行驶里程 / 小计里程统计 / 胎压 / 水温 / 海拔高度 / 当前车内温度，其实都可以在这个小空间内轮播展示。毕竟中控屏幕就那么一块，在 13 寸的屏幕上如何合理的寸土寸金利用好，我相信理想的设计师们也在考虑。除了 mini 卡片，首页还可以设置导航或者 EID 界面变成大卡片模式，这样在不需要进入导航或 EID 界面，就能在首页进行一些基础的功能操作，实现真正的 0 层级交互。好了，如上就是我优化后的主页界面。当然如果不需要大的导航界面，也可以切换回现有的展示方式，不冲突。全局对比看下来，我个人觉得界面里模块之间的间距变少了，信息整合度更高了。这个优化在浅色界面可能更容易出效果，可我只有深色界面 JPG，所以就先这样吧。before除了主界面之外，现在的 L 系车主在全屏幕使用导航的时候不知道有没有这样的一个痛点。想看当前播放的音乐，或者车辆里程行驶信息，或者 EID 界面的时候，都需要从当前导航界面跳转出去，在另一个界面完成信息的获取和操作。那有没有可能有一个小比例的副窗口，多任务处理信息呢？用过折叠屏手机和 Pad 的同学都知道，分屏功能很实用，在一部分的横屏车机上也有这样的交互功能，我也给咱们 L 车主做了一个，一起来看看。我来做一下设计说明哈。当进入全屏应用后，点击右下角的“分屏”按钮，即可进入分屏模式。默认可能是音乐或者 EID 界面，拖动可以进行左右界面顺序的切换（按照咱们 8155 的算力，如果能进行双卡片的任意拖动和尺寸自定义就更牛了）。副窗口可以显示音乐/EID/车辆信息等等，由于尺寸与主界面卡片一致，因此信息可以完全复用，不会增加研发和 UI 成本；右滑或者左滑卡片，就将副窗口划出界面就可以返回到全屏模式，这个交互操作跟 iPad 和折叠屏手机可以定义成一模一样，减少用户的学习成本。以上，即是我对现有车机界面自己理解后做出的一些小小优化，仅作为我自己的解题思路，也算抛转引玉，希望车机越来越顺手，越来越好用。当然，这份方案里也还有很多交互和视觉层面的细节还没有考虑周全，也希望和大家一起切磋讨论。2023 年，关于车机我还有更多可以聊，一起期待一下吧！本篇来源：优设网原文地址：https://www.uisdc.com/lixiang-hmi-design
用户 福特 最终目标 初入行的交互设计师或产品经理通常都会从搭建界面框架开始思考问题，这是一种错误的思考方式，但这也是不可避免必须要做的。如何将这件事变成正确的呢？那需要理解搭建框架之前对更高层面理解的前提下开展界面设计。更多关于五要素的干货：学会「交互设计五要素」，帮你更快Get到设计关键点！B端浪潮下设计师的「尴尬」供应链资源整合是企业发展态势。阅读文章 > 大对数的商业产品产生的必要条件为：用户有需求，企业有利益。所以我们需要明确用户需求与产品目标。首先我们需要用一个经典案例来了解什么是用户目标，什么是用户需求-福特与马的故事。故事开始，假设福特在调研现场，福特跑去到处问起马车客户客户老爷们：“您需要一个什么样的更快的交通工具”。几乎所有人的回答都是“我想要一匹更快的马”，很多人听到这个回答后，纷纷跑去马圈培育质量更好的马匹，来满足客户的需求，此时福特并没有立刻跑向马圈，而是继续往下问；福特：“您为什么需要一匹跑的更快的马”？客户：“可以跑的更快！”福特：“您为什么需要跑的更快？”客户：“这样我可以更早的到达目的地”福特：“所以您需要一匹跑的更快的马的动机是？”客户：“我可以用最短的时间到达目的地”这个案例中，用户的最终目标是“用最短的时间更早的到达目的地”，用户的需求是“一匹跑的更快的马”。用一匹跑的更快的马更快的到达目的地看似毫无问题。接下来我们从诺曼理论到目标的 3 种类型，再到需求的 5 个层次进行分析与拆解，看一下福特是如何创造出世界知名的“福特汽车”。诺曼在《情感化设计》中的提出认知过程中的 3 层理论，主要讨论了对设计的潜在重要性。所谓的 3 层理论是在产品设计的过程中需要解决的 3 个不同层次的认知和情感处理过程，即“本能、行为、反思”，但是诺曼并没有用什么方法系统的把认知模型和情感应用到设计实践或者用户研究中。在后来产品和设计大神们的不断的实践中发现，将这一理论付诸实践的关键在于将 3 种用户目标（体验目标、最终目标、人生目标）相对应的用人物模型的定义过程（用户细分-可用性和用户研究-创建人物角色模型）恰当的描述出来，并建立相对应的人物模型。情感化设计模型与目标的映射关系体验目标对应本能层次；这一层更多的是从用户的本能来说。客户在马圈看到一匹雄壮的、充满肌肉线条的、毛色靓丽的雄性大棕马，首先从视觉上来说，这匹马在客户本能想象中相比于其它马就很出色了，跑起来一定又快又英姿飒爽。当客户忍不住垂涎于马的美色之时按耐不住手欠时摸了一把，摸到了青筋在沉稳有力的跳动，这时客户更加激动了。当听到大棕马鼻孔喷射粗气像行星发动机一样的声音时，断定这就是梦中朝思暮想、千里江陵一日还的汗血宝马。这就体现了本能设计在视觉、触觉、以及听觉上都会出现。再举一个例子；在在炎炎夏日，当你看到超市冰柜上的可乐时，会本能的想到透彻喉咙的冰爽、会咽一口口水，但同时也想到可乐接触喉咙时“呛”人的又爱又恨的感受，这也是本能感受。最终目标对应的是行为层次；这一层要考虑的是行为，当用户牵着亲手钦定的汗血大棕马回到自家马厩的时候幻想的一定是让这位高价买来的大棕马用“最短的时间到达目的地”，跑赢对手节约时间来挣美元。可是幻想很美好，现实很残酷，面对这么好的大棕马忽略了一点—为客户增加了新的任务—“好生喂养”，品相好（期望越高）吃的当然也好，这无疑增加了饲养成本，需要每天按时按量喂上等饲料，按时按量喂水，打扫马厩频率也增加了，搞不好还需要一块优良的草地、修个更加宽敞的马厩才能养好马。促使完成这些任务发生的行为的动机是最终目标（最终目标代表用户使用某个具体产品时执行任务的动机）。若好生喂养过程中出现纰漏，比如大棕马感冒了，势必会受到影响到最终目标的实现，同时也会影响到本能层次的感受。这也说明了行为处理过程会影响本能和反思的过程，因此最终目标会成为决定产品体验较为显著的因素之一。必须满足用户的最终目标，让用户感觉到他们值得为此付出时间和金钱。最终目标内目标/行为/任务关系说明人生目标对应的是反思层次；反思层次看起来“高大上、难以看透”，但这是 3 个层次里最简单的。这一层考虑的是要成为一个什么样的人（这里确实需要升华一下，高大上一点）。在福特与马车的案例中，客户的最终目标/动机是“用最短的时间到达目的地”。此时让福特再代替我们向客户一个问题福特提问：“您想要用最短的时间到达目的地是为什么呢？”用户 1 回答：“我想赶回去给 3 岁的女儿过生日”用户 2 回答：“时间就是金钱，我想节约时间赚更多的钱，变成一个亿万富豪”用户 1 的回答对应的人生目标为“做一个好父亲、好家人”。用户 2 的回答对应的人生目标为“成就自己的抱负”。此时我们发现用户的人生目标来自于用户更深的动机（行为模式/最终目标），而更深层次的动机和行为需要更高层次的系统（广泛的人种学研究和文化建模）来实现。产品设计师要通过更高层次的系统功能、正式的设计概念和品牌战略转化为用户更高层次的人生目标。很明显在最终目标对应的行为层次中，感冒的大棕马达不到最终目标，更不用说达到人生目标了。这也更加说明了最终目标的行为层次会影响到人生目标的反思层次。现在了解到了诺曼的情感化模型及对应的 3 种目标，要谨记，设计产品不仅仅是要帮助用户实现最终目标，还要向用户的人生目标迈进，产品向实现用户的人生前进，为产品赢得的不单单是普通的用户，还有为产品而发烧的忠实用户。留一个问题，如果现在能够穿越回百年前，你化身成为福特，你会实现用户那一层次的目标呢？文章内容来源于对阅读《About face4》、《用户体验 5 要素》、《情感化设计》三本书加结合实际经验的理解。第一次写文章，如有不同观点和见解请包涵，如有错误指出请指正。理性讨论，拒绝争吵。接下来将会按产品五要素由下到上逐步出一些列的文章，欢迎大家关注。下一篇将会写一写知道目标以后如何分析用户需求本篇来源：优设网原文地址：https://www.uisdc.com/five-elements-of-the-product
用户 数据 布局 面对 B 端庞大的平台系统和业务流程，筛选扮演了基础且非常重要的角色。在 B 端系统中，不同的用户操作着不同的业务流程，面对大量的数据，能快速且准确的找到自己需要的数据，可以明显提升任务完成效率。筛选作为任务节点中的重要媒介工具，设计师如何才能准确全面的匹配场景，先让我们全面的认识一下筛选。更多筛选功能设计方法：B端筛选功能如何设计？4个章节帮你掌握！引言筛选作为一个常用的功能，在产品设计中的应用面是非常广的。阅读文章 > 一、筛选的类型筛选的存在无非就是帮助用户准确、快速的找到目标数据，这个数据可能是单个，也可能是一组。在《信息架构：超越 Web 设计》中，筛选系统与导航系统、标签系统、组织系统被列为信息架构的一部分，因此筛选也会与其他系统有一定的联系，比如状态、类型筛选就需要依赖标签系统。筛选的类型分为输入类筛选、选择器类筛选、平铺类筛选、分页筛选、高级筛选。1. 输入类筛选输入类筛选需要用户输入一定的文本关键词，筛选出对应的数据。输入类筛选从筛选准确性上，可以分为模糊筛选和精准筛选。① 模糊搜索按照用户输入的检索词，筛选出字段中带有该检索词的所有数据。优点：可以筛选出同类数据缺陷：精准度不高② 精准搜索按照用户输入的关键词，仅筛选出整个字段都与筛选词相同的数据。优点：检索精准缺陷：由于过于精准，会考验用户的记忆能力。由于精准搜索的精准性，一个字的偏差，都会造成搜索失败，因此，在正常的设计应用中，模糊搜索的使用频率会更高一些。输入类筛选从筛选形式上，可以分为单标签搜索和多标签可切换搜索③ 单标签单标签搜索只能在输入框中的一个既定范围中搜索。优点：便捷，应用普遍缺陷：范围少，面对复杂数据需要多个组合筛选④ 多标签可切换在一组标签中选择搜索范围优点：便捷，节省空间缺陷：展示不直观；多一步选择标签的操作；不能组合筛选如果空间有限，没有组合搜索的可能性，可以使用多标签可切换；正常情况下，不要剥夺用户使用组合筛选的机会。2. 选择器类筛选选择器类筛选可以是单选或者多选，用户点击选择待选项即可。这类筛选往往是筛选的某类标签或者某组数据，方便用户批量处理。优点：无需准确记忆，适合批量数据缺陷：展现方式不直观，匹配结果的精准度不够此类筛选往往和表单的选择器使用的是同一个组件，而且可以使用第三方的开源库，应用范围比较广，同输入类搜索一样，是最优先被考虑的类型。3. 平铺类筛选平铺类筛选是将所有的待选项铺出来，方便用户直观选择。可以是单选，也可以是多选。优点：待选项平铺，选择方便直观缺陷：占用空间，待选项数量过多的时候，可能会存在折行或隐藏，没有关键词搜索，选择效率变低平铺类筛选大多应用在电商、招聘等网站；如果筛选维度很少，空间充足且待选项的数量在 5 个左右，可以考虑在表格、列表页面使用平铺类筛选。4. 分页筛选分页 Tabs 类似于平铺类筛选，都是将待选项平铺出来，不一样的是，分页 Tabs 的视觉级别更高一些，相当于标题存在，并且不支持重置。有一些平台也称之为分组。优点：帮助用户提前做了一轮筛选；待选项平铺，选择方便直观缺陷：占用空间，需要考虑待选项的数量和页面空间的适配分页 Tabs 对用户来讲无疑是便捷的数据筛选，但前提是需要保证大多数用户筛选维度的共通性，否则就会对部分用户造成困扰，或者提供用户自定义的机会。5. 高级筛选高级筛选的判断关系较多，一般会包括筛选条件、筛选关系（且、或）、筛选类型（包含、不包含、等于、不等于等）、筛选值和添加等属性。优点：可以满足的用户应用场景最多缺陷：操作比较繁琐二、筛选的布局由于筛选组件的数量和业务应用的场景有所不同，所形成的布局模式会有所差异，大致会分上下布局、侧边布局、浮层布局、表头布局。1. 上下布局上下布局是值筛选条件位于数据的顶部优点：展示直观，筛选条件和数据关系联系更紧密；横向空间上可以展示更多的数据缺陷：数量多的话会压缩纵向空间上下布局是当前用户使用方式中最常用的方式，如果系统给的筛选条件过多，需要对筛选条件进行分层，低频类的需要收起。2. 侧边布局侧边布局是指将筛选条件列在数据的左侧或者右侧。优点：可以展示更多的筛选条件缺陷：宽度大的话会压缩横向空间；从视线覆盖面积来讲，侧边布局用户对照查看数据的耗时会更长使用侧边布局的时候，需要考量当前内容区数据的字段展示量如何。因为一般情况下，侧边会存在导航，再加侧边筛选，数据压缩比较严重。还要看一下当前用户的使用习惯如何，对侧边布局的接受度。3. 浮层布局浮层布局一般会有抽屉、对话框、悬浮框。优点：节省空间，能容纳更多的筛选条件缺陷：用户无法快捷的对比筛选值和筛选数据；具有一定的打断性，特别是对话框和抽屉；用户再次修改比较麻烦浮层布局一般在空间有限，又有筛选需求的时候使用；使用过程中需要标记当前有筛选值，最好能将筛选值单独显示出来，方便用户数据对比和清除重置。4. 表头布局表头布局是将筛选条件的图标固定在表格表头的右侧，用户点击后筛选优点：筛选流程更直观缺陷：用户无法快捷的对比筛选值和筛选数据；表头的空间有限，如果是横向滚动，隐藏后不容易发现一般不推荐优先使用表头筛选；像个别场景，空间有限，使用过程要标记当前有筛选值的状态。如果为方便用户筛选，又没必要单独给界面加一个选择器类筛选，可以尝试使用排序代替筛选，让数据以一定的顺序进行分组。比如按照优先级：高、中、低排序，倒序按照高、中、低的顺序排列，正序反之，可以满足大部分用户的查询需求。三、筛选的触发方式1. 实时触发在输入或者选择筛选值的时候，数据实时匹配。优点：筛选效率高缺陷：比较考验系统的稳定性；对于想使用精准搜索范围的场景，会延长整体的加载时间与手动触发相比，更推荐实时触发，但是要考虑系统的稳定性，在答应用户之前先和研发团队预研方式的可行性。2. 手动触发在输入或者选择筛选值的之后，需要手动点一下搜索或者查询按钮。优点：稳定性更高缺陷：多一步操作，效率低四、帮助用户1. 帮助用户做收纳无论使用哪种布局或者筛选类型，都会遇到筛选条件数量很多的情况。如果当下不能轻易改变用户习惯或者优化成本太高，可以试试以下三种方式：对筛选条件进行分层，将高频的筛选条件放在外面，低频的收起，用户用到的时候再展开。一些复杂 B 端系统，筛选条件是根据用户自定的数据生成，因此数量和内容不可控，多角色场景下使用习惯也不一致，这时可以给几个系统常用筛选条件，让用户可以自定义选择。考虑极限情况，如果用户确实添加了很多的筛选条件，要考虑页面内局部滚动。2. 帮用户标记筛选状态如果在使用可收起筛选、浮层筛选、表头筛选等方式的时候，一定要为用户标记当前有筛选值的状态。如果不标记，用户在筛选后没有重置，离开页面再回来的时候容易遗忘当前已经筛选过。或者将选择后的筛选值外显，在数据顶部放置一份，方便用户对比和清除。3. 帮助用户记住筛选值用户筛选过后，点击数据查看详情，如果详情是一个单独页面，往往都会刷新，再返回的时候，筛选条件已经清空了，如果用户需要多次查看该筛选值下的数据，需要多次选择。所以，用户从下级页面返回上级页面的时候，需要帮用户记住筛选值。至于是研发记住，还是优化设计表达避免刷新，要具体场景具体分析。筛选器的使用有的平台也会叫过滤器、视图等，名称有出入，但是功能大体是一致的。一般在筛选条件数量和使用角色都比较多的业务场景中使用。系统会默认给几个筛选器：全部、我负责的、我创建的等。这是从另外一个维度帮助用户记住：将常用的带有筛选值的筛选条件作为一个筛选组保存起来，方便用户下次进来的时候直接选择使用，方式便捷迅速。以下是几种筛选器在页面中的常见表现形式：4. 帮助用户更容易到达在有筛选条件的表格页面，应该确保顶部筛选条件和操作栏固定。如果数据太多，滚动会隐藏筛选区，应该只允许表格内容区滚动，方便用户对比筛选值和筛选数据。另外，如果用户要修改筛选值，这样的话不需要再回滚，容易再次触及。当然，除了以上设计复盘，还可以对筛选组件做一些创新设计，有机会再和大家讨论。业务场景的不同会导致设计师的表现也会有所不同，上述是我对最近工作的复盘，如果还有其他的筛选内容，欢迎大家再补充和交流～本篇来源：优设网原文地址：https://www.uisdc.com/filter-function-design-3
用户 场景 地图 在日常的工作中，大家或多或少都听过/用过用户体验地图，简单的说，用户体验地图是梳理用户场景和体验问题的一种工具，那在用户研究中，什么时候/阶段适合用体验地图？使用体验地图的价值是什么？体验地图又是如何构建的呢？该篇文章将会结合两个具体案例为大家逐一解答，文章分为上篇和下篇，上篇主要是介绍用户体验地图的定义、使用场景与价值，下篇会拆解用户体验地图的构成与构建流程。 文章主要以我的经验为主，不是教科书和绝对，希望能带给大家答案/启发～也欢迎互相交流～“用户体验地图（上篇）概念介绍与使用价值”中主要为大家介绍了用户体验地图的定义界定、使用价值和适用场景，下篇我们进入到“实操”阶段，具体看一下用户体验地图的构成、各部分的意义、以及是如何一步步构建出来的～还没有看过上篇可先看，先理解概念再进行实操～用户体验地图设计指南（上）：概念介绍与使用价值在日常的工作中，大家或多或少都听过/用过用户体验地图，简单的说，用户体验地图是梳理用户场景和体验问题的一种工具，那在用户研究中，什么时候/阶段适合用体验地图？阅读文章 > 一、用户体验地图包含哪些内容？如果问你体验地图包含哪些内容你会如何回答？用户画像、用户场景、情绪体验、用户痛点等……综合来看，体验地图包含一部分必要内容：即场景、行为、痛点/需求、机会点，也包含一部分可灵活使用的内容：用户画像、用户阶段、触点、情绪体验、用户诉求、标杆，灵活部分我们可以根据项目需要将各有利于我们理解用户的内容加到体验地图里。另外从信息来源的角度看，地图中包含的内容一部分来源于调查（即用户调研），一部分来源于洞察，也就是我们拿到用户调研信息进行梳理后，由用户研究员、设计师、产品等不同角色洞察提炼的内容。结合上篇中的全包用户体验地图具体拆解一下各部分构成的内容与意义：阶段：用户完成目标大致分成几个阶段，能够更有条理性的去拆分场景、防止丢场景场景：用户完成目标经历的各个场景，在阶段下进一步拆分，需要注意：1）是场景，不是我们的产品功能模块（有可能一个场景涉及到多个功能模块） ；2）不一定是按从早到晚的时间顺序发生的，场景间是前后、转移的关系（比如咨询沟通、量房、出设计是用户在前期确定公司时会多次经历的场景，而不是一次就确定下来）行为：与场景对应，描述的是该场景下用户是怎么做的，用于理解用户行为的原因、问题点。需要注意：1）关注动作是否有一定顺序，有顺序按照顺序描述；2）描述出用户接触到了什么触点（产品、渠道、人等）触点：用户在完成目标过程中接触了什么、与什么发生了交互，一方面能够得到目前满足需求的触点是什么、另一方面之后我们的机会点也可以拆到触点中去落地。触点可以分为移动/数字触点、物理触点、人际触点三类，我们在互联网产品项目中可重点关注移动触点，即手机、电脑、不同的 app 等情绪：用户在各场景下的体验情绪，让用户体验与业务建立更强烈的“共鸣”。而对情绪的描述可以是感性的描述（如开心、迷茫、吃惊、担忧，引发反思“我们的产品为什么让用户有这种感受？”），也可以是高低的描述，采用类似于可用性问题优先级计算或用户评分等方式将用户的情绪高低量化绘制曲线。标杆：若存在标杆产品/服务可对比，可对应看标杆做了什么解决的用户的什么痛点、对用户情绪拉升的影响。痛点/需求：描述用户的痛点或需求，从行为顺序上、在各触点上梳理清晰，让归纳有依据。诉求：在某一场景下或多个场景下用户的核心诉求、想取得的核心价值点是什么，从行为、痛点/需求中提炼洞察而来，帮助我们在设计机会中抓住“核心目标”（比如我们提炼出用户的核心诉求是“省心”，那围绕省心我们可以做哪些满足用户？通过诉求扩大我们的机会点思考范围）机会点：结合用户痛点/需求、标杆、诉求，对于我们的启发。可以结合触点或不同利益方区分机会点的针对性。二、用户体验地图的构建流程如果把用户体验地图当作一个调研方法，它的构建分为 4 步，分别是明确目标与用户、确认场景、开展调研、洞察绘制。但在最初的时候我提到用户体验地图是方法也是工具，如果已经有了足够的调研素材可以直接进入第 4 步洞察绘制。接下来以 XX 平台的商家直播体验地图为例讲述构建流程项目背景：XX 平台为了给商家提供更好的直播带货体验，在商家后台上线了直播中控台功能，但目前版本仅是结合经验与竞品做法聚合了“我们认为商家需要的直播相关的功能”，并不确定是否命中商家的直播需求、且想明确迭代方向，因此开展了该项目。明确目标与用户确认项目目标是梳理用户体验地图：中控台已有部分功能，在调研中既要关注用户对已有功能的体验情况，也要关注用户的潜在需求，挖掘更多的产品机会点，因此从实际直播场景入手，梳理直播体验地图理解用户真实场景与需求；区分目标用户群体差异：考虑不同使用经验与不同商家类型的差异，一方面寻找老用户与新用户，另一方面需覆盖不同类型与不同品类的商家，因此需包含作者型、商家型直播达人，包含服饰、母婴、食品、珠宝等不同经营类目的商家。确认场景明确目标用户后，需先从内部梳理用户场景，场景将作为研究大纲主线，辅助撰写访谈提纲，在调研中更有条理性的去访谈、观察、验证用户的使用流程（需要注意梳理的是用户场景、而不是产品模块）。如果这个阶段场景不全/顺序不对没关系，我们在后续调研中动态调整。（比如图中绿色字场景均是调研中增加）梳理方法：走查产品功能、模拟用户使用场景梳理技巧：从大到小—广度优先，其次深度（比如前面提到的先阶段再场景）开展调研调研方法选择：获取用户体验信息的方法不仅是用户访谈，在访谈的基础上叠加观察、共创，能更深入的去挖掘；同时还可以加入情绪打分衡量用户在不同场景下的情绪高低。访谈+观察：更适合有产品载体的体验过程，如进行已有产品改进、0.5-1 产品创新时。让用户在真实场景中操作产品/体验服务，观察用户行为，鼓励用户随时分享自己的感受（遇到的问题、觉得好的地方等），在用户阶段性完成几个场景或完全结束后，进行深入访谈；访谈+共创：更适合聚合多触点的体验过程或更偏服务的体验过程，如进行产品增长研究、0-1 产品创新时。将多个同类用户聚在一起，在过程中引入大白纸、便利贴、问题提示卡、刺激物等工具，互相激发、提高讨论效率；提纲设计与执行：遵循两个原则：一是“场景的”，在整个访谈中多问用户怎么做的、为什么这样做；二是“总分总的”，由整体流程深入到各场景中后再看整体（如先让用户回忆整个流程、关注用户的核心场景，再分场景询问用户的行为、原因、痛点与需求，最后统一回忆确认、查漏补缺）洞察绘制在调研结束后，就正式进入到了信息整体分析阶段了～在信息整理前需要明确两个问题～需要做几张图？看不同类型用户的场景差异与需求差异，场景不同的用户必须分开绘制，若场景相似、行为也相似，仅是需求有差异，可以在一张图中单独指出 ；场景主线怎么确定？场景并不是“自然时间顺序（从早到晚）”，是“行为顺序”，且并不是所有行为都是线性顺序，可以是局部线性、前后循环。目标是让场景全面且有组织逻辑（如直播体验地图，直播前的设置优惠、投放广告并没有很明确的前后发生顺序，但需保证是属于直播前的；直播中的多个场景是重复/交替出现，不需要写多遍）弄清楚几张图、场景主线之后就可以正式整理信息了～正式绘制包含 5 个步骤：① 创建用户角色当不同用户群体场景、需求差异较大时，需分角色理解用户并创建用户角色/画像。用户角色主要包括用户特征、产品使用习惯、产品目标：用户特征：对需求有影响的特征，如在工作中的角色（运营、客服、管理等），如较突出的人口学特征（老人、宝妈等）产品使用习惯：使用产品的场景、频率、主要使用的功能产品目标：使用产品主要达成的目标/主要诉求需要注意：用户角色并不是一个被访者形成的，而是抽离同类被访者的共性特征虚拟出的角色（可以以一个很典型的人为主，补充其他特征）② 体验流程梳理建议先使用表格梳理体验地图，按照格式列好横轴与纵轴维度，以文字的形式汇总同一类用户的调研信息到对应位置，然后处理每个位置的重复信息、合并同样的行为、需求、痛点，向上总结。而且有时候输出表格版本的用户体验地图也能够满足内部需要了～需要注意：尽量保留“原汁原味”的信息，比如用户的原声表达、有多少用户有这样的需求等，让信息保持丰满、建立同理心。③ 需求评级判断体验地图中需求的高低可以从用户角度和业务角度去综合判断：用户角度： 一是需求对用户任务的影响度，即需求是否在体验的核心链路上、用户是否有其他方式满足该需求，在核心链路且无法通过其他方式满足的需求优先级高；二是需求频次：该需求被提到的频次。（可参考可用性问题评级标准）；业务角度：满足该需求对产品目标的影响，比如产品目标是提升商家 GMV，直接影响 GMV 的需求优先级高。④ 机会点洞察调研中思考的机会点：主参与调研过程的人可以先产出自己思考的机会点，但可能会存在难落地、局限性；与业务不同角色工作坊，共创机会点：组织产品、运营、设计不同角色，用研将调研发现作为输入，帮大家理解用户需求，利用体验地图的框架、便利贴等工具共同讨论机会点，更加全面、可落地。⑤ 可视化一般情况下表格版本的用户体验地图可供内部/小范围内的结论同步与分享，也可以进一步可视化便于没有参加构建的同学能快速、重点获取主要信息，也便于更大范围的分享与沉淀。这里为大家提供 2 个来源于网络的用户体验地图可视化：看完上下篇，你觉得你能自己开始做用户体验地图了吗？可以操练起来试一试～希望对你有帮助，如果有问题可以随时交流最后我想说，用户体验地图是一种方法/工具，目的是更好地理解用户行为与需求，因此有时候项目发起的目的并不是梳理用户体验地图，但也可以基于调研发现去梳理，做为呈现调研结果的工具，更好地理解用户。而且对用户体验地图的应用，是可以去创新、去发挥的，结合我们不同的调研方法、其他工具，融入到体验地图中，未尝不可？欢迎关注「JellyDesign」的小程序：本篇来源：优设网原文地址：https://www.uisdc.com/user-experience-map-4
雨水 节气 意象 大家好哇，这里是和你们聊设计的花生~大家所在的城市最近天气怎么样？武汉已经下了好几天的小雨了，看了一下天气预报未来几天也都是雨，不过现在气温渐渐回暖，这样连绵的细雨也不会让人觉得厌烦，反而有“春来了”的感觉。这个月的 19 号就是二十四节气的「雨水」，今天和大家一起看看雨水借势海报设计中有哪些常用的意象。往期回顾：借势海报必看! 二十四节气之立春海报设计常用意象总结大家好，这里是和你们聊设计的花生~春雨惊春清谷天，夏满芒夏暑相连。阅读文章 > 一、“雨水”简介雨水是二十四节气的第 2 个节气，在每年公历 2 月 18 - 20 日交节，到 3 月 4 日或者 5 日结束。它和谷雨、小满、小雪、大雪一样都是直接利用降水现象作为名称，节气内气温回升较快，降水增多，并且是以小雨和毛毛雨为主。这段时间天气变化不定，容易出现“寒潮”，气温忽冷忽热、乍暖还寒。由于名称带“雨”，雨水海报设计中经常描绘下雨的场景。这种思路虽然通用，但如果没有很好将品牌或产品特色融入海报中，就会显得生硬甚至莫名其妙。在收集雨水海报的时，我看到过直接把一台空调或者一瓶饮料放在一个野外下雨的场景中，然后配上一句雨水文案，此外没有任何地方体现产品与节气意象间的互动或关联，看完让人摸不着头脑。个人感觉这种敷衍了事的借势海报不如不做，因为并没有达到有效的借势营销效果，而且容易让用户感觉不被重视。家电这样直接放外面淋雨不怕坏吗 ？让品牌与节气产生联系的思路也很多，如果有品牌有 IP 形象，可以直接让围绕 IP 形象设计雨水节气场景：没有的话可以尝试化用品牌 Logo、将产品形象融入与节气意象中、或者思考一下产品/服务在下雨的时候有哪些用处，能否创造出一些出有趣合宜的场景。如下图，日用品品牌冷酸灵以俯视视角呈现了一个牙膏管外形的小舟，停泊在细雨连绵、李花盛开的岸边，营造出雨水天气宁静美好的氛围；汽车品牌奇瑞则是把产品放入情侣外出赏雨的场景中，非常自然。这里还要再夸一夸海澜之家的节气借势海报，绿色条纹布料为草地，细细的缝纫线做雨丝，场景虽然简单日常，但产品化用的创意绝妙，令人印象深刻。雨水在物候历中也有三侯：“一候獭祭鱼；二候鸿雁来；三候草木萌动。”意思是雨水节气来临时，水面冰块都融化了，水獭开始捕鱼。水獭喜欢把鱼咬死后放到岸边依次排列，像是祭祀一般，所以有了“獭祭鱼”之说；雨水五日后，大雁开始从南方飞回北方；再过五日，草木随着地中阳气的上腾而开始抽出嫩芽。自此春意盎然，大地一派欣欣向荣。此三侯意象在设计中使用最多的是“草木萌动”，经常可以看到描绘细雨下新芽破土而出景象的海报。“獭祭鱼”和“鸿雁来"的意象虽少，但也有令人惊喜的借势呈现。如下图，食品品牌洽洽使用杏仁惟妙惟肖地拼出浮在水面上水獭，用产品来体现雨水物候的思路非常巧妙。二、“雨水”民俗雨水节气的传统民俗有回娘家、接寿、赠雨伞，送罐罐肉等，相比立春来说少了一些趣味性，现在还保有的习俗也比较少。回娘屋：雨水节回娘屋是流行于川西一带的一项风俗。民间到了雨水节，出嫁的女儿纷纷带上礼物回娘家拜望父母。生育了孩子的妇女，须带上罐罐肉、椅子等礼物，感谢父母的养育之恩。接寿：接寿习俗意思是祝岳父岳母长命百岁。送节的另外一个典型礼品就是“罐罐肉”：用沙锅炖了猪脚和雪山大豆、海带，再用红纸，红绳封了罐口，给岳父岳母送去。这是对辛辛苦苦将女儿养育成人的岳父岳母表示感谢和敬意。如果是新婚女婿送节，岳父岳母还要回赠雨伞，让女婿出门奔波，能遮风挡雨，也有祝愿女婿人生旅途顺利平安的意思。雨水时节的养生习俗讲究调养脾胃和祛风除湿，饮食上宜少酸多甜，所以适合多吃大枣、菠菜、荸荠、甘蔗、茼蒿和山药，喝枸杞粥、红枣粥、银耳粥，还可以用白菊花、决明子、西洋参等条理脾胃，这些元素适合用在餐饮、外卖、家电品牌的借势海报中。三、“雨水”常用意象1. 润物细无声唐代诗人杜甫有关于春雨的名句“好雨知时节，当春乃发生。随风潜入夜，润物细无声”，因此很多品牌在借势时将自己的产品或服务比喻成“好雨”，能为用户提供贴心细致的使用体验。电脑品牌联想就将自己的智慧服务比做细雨，静静守护用户设备安全；护肤品牌百雀羚则将自己的护肤水为比做春雨，能滋养皮肤消除细纹，两者是非常好的借势思路。2. 春雨贵如油民间有俗语“春雨贵如油”，寓意春雨珍贵，人们应该抓紧时间进行春耕、春播准备工作，以实现“春种一粒粟，秋收万颗籽”，据此可以延伸出“珍惜时光、努力耕耘”的涵义。学习辅导 APP 作业帮就借用了这一意象，鼓励同学们抓紧时间学习知识，点滴努力终会迎来百分成长。3. 雨过天晴下雨总是会带来不便，连绵的雨天也容易让人心情压抑。所以很多品牌以此为切入点，用海报传达“雨后终将天晴”、“雨后万象更新”的理念，或强调“风雨中的陪伴”。虽然这个角度也行，但我觉得没有显出“春雨”的及时、珍贵特点，在借势紧密性上不如前两个意象。4. 植物花草《 荆楚岁时记 》中记载雨水的花信为：一候菜花、二候杏花、三候李花，其中菜花就是油菜花，雨水时节正是南方油菜花盛开的时候。还有玉兰花也是该时节盛放的花卉，这些花草元素都非常适合用在雨水的海报设计中。以上就是本期为大家整理的二十四节气中雨水海报设计的常用意象，如果你也关于雨水海报的设计想法，欢迎在评论区分享。喜欢本期推荐的话请大家多多点赞收藏进行支持，我会更有动力为大家推荐设计干货知识 ~推荐阅读：AI绘画如何应用到实战？来看腾讯高手的案例！前言：当我们谈论画作，会醉心于印象派光影斑斓的色彩，会惊叹于国风文人画如诗如歌的构图，会震撼于画师笔下一个又一个充满想象力和创造力的世界；而当我们提及 AI，脑海中浮现的是前沿深奥的大数据云计算，是冰冷严谨的逻辑思维能力。阅读文章 > 2023年，让这20款AI工具帮你更高效地完成工作~2023年，让这20款AI工具帮你更高效的完成工作~大家好，这里是和你们聊设计的花生~2022年是AI技术大发展的一年，我都快记不清为大家推荐多少种AI工具了。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/rain-water-poster
插画 肌理 画师 对于这种毛茸茸、可可爱爱的绘本插画，我真的一点抵抗力都没有！最初入眼的是细腻笔触覆盖下的可爱角色，但是每个角色都不是花瓶，各有各的行为动作和独特的情绪！接下来，会发现画面里的每个角落都藏着令人惊喜的细节，所有的一切都被协调的色调和耐看的肌理严严实实地覆盖住，超级耐看！如果你也超爱这种俏皮可爱肌理绘本风，那么一定不要错过这套出自「花涂远山」小姐姐的私房录播课！课程原价 109 元，新课价 69 元，最后4天！移动端扫码购买，网页端右戳购买 https://pro.uisdc.com兼顾基础和创作的插画课！「花涂远山」的插画作品并不仅仅是在风格和技巧上足够成熟，更加难能可贵的是她总能在给定的主题之下，创作出充满「叙述感」和「故事感」的场景，于无声的色彩里填满行进中的故事，静止画面里的角色，仿佛下一刻就要作出动作，说出对白。而这也充分提升了这一套课程的价值——它首当其冲是一门阐明方法的技术课程：如何绘制俏皮的物品如何创作可爱的角色怎样制作出令人爱不释手的肌理怎样搭配出到位的色彩如何构建舒适的场景……但是在此基础上，它还是一门教你让插画「活过来」的课程：专业的绘本儿插画师的素材来源如何从千头万绪的想法里找到对的灵感怎样从故事里找到适合创作的场景如何四两拨千斤地令简单的角色迅速出挑……而所有的知识都藏在这套课程里面：课程原价 109 元，新课价 69 元，最后4天！移动端扫码购买，网页端右戳购买 https://pro.uisdc.com粉丝和品牌都超爱的插画艺术家和很多「未经验证」过的插画师不同，插画师 「花涂远山」的作品是在大量的商单中磨练出来的，从新兴的品牌到相对传统的平面媒体，她这种充满叙事感的插画表达方式、情感细腻、肌理恰如其分的内容创作，都得到了市场的充分认可。「故事感」极强的画面构建能力、可爱的角色和恰到好处的肌理是「花涂远山」的插画令粉丝、读者和品牌青睐的核心要素，而她也使用这些技巧，平衡了她的艺术创作和商业价值！下面是更多来自她的插画作品：课程原价 109 元，新课价 69 元，最后4天！移动端扫码购买，网页端右戳购买 https://pro.uisdc.com本篇来源：优设网原文地址：https://www.uisdc.com/uisdc-course
网格 系统 定义 过去，我们一直在使用 8 点网格系统，它帮助我们在 UI 界面中，或者一致性上做了有力的贡献。但是今天我想说 8 点网格系统其实并非最完美的，我们可以选择 4 点网格系统，他灵活性更强，今天文章和大家一起来分享下 4 点网格系统的未来。关于8点网格：如何用「8点网格」来规范你的设计？看这篇好文！8点网格流行有一段时间了，我最早知道这种设计方式是在看了谷歌的Material Design设计规范之后开始认识的。阅读文章 > 一、为什么是 4 点网格系统在谷歌的 Materials Design 设计系统中，就一直在倡导 8 点网格系统，使用 8 网格可以更好的帮助 UI 设计师完成界面设计，同时在一致性与多平台适配的效果会更好。Materials Design 8PX 网格Google 同时也使用了 4 点网格系统，这就会导致很多人分不清到底使用 4 还是 8 去定义 UI 界面的网格系统？Materials Design 4PX 网格目前我看到很多设计师，绝大部分都是单独基于 8 去定义，而较少将其合并使用，这就会导致很多场景下，我们定义出来的间距、组件等使用时候要么有些场景间距过大，最终呈现结果也不是很理想。所以，如果都要去使用，那就需要设计师分清楚 4 和 8 如何去定义及使用场景，这就会有些麻烦。IBM 2PX 网格如今，我们可以完全抛弃 8 点网格系统，而直接使用 4 点网格。因为 IBM 已经提前给我们铺好路了，IBM 使用 2 点网格系统覆盖他们软件 UI 界面的一致性，最终呈现结果依然不输 8 网格，毕竟他们都是 8 的倍数，但是设计细节会更容易满足。二、4 点网格的优势首先要说明一点，8 点网格和 4 点网格系统都没有对错，如今推荐大家使用 4 点网格系统，是有一定道理的，下面我们先看看这张图。基于 8 去定义网格系统数字 8、16、24、32、40、48、56、64；基于 4 去定义网格系统数字 4、8、12、16、20、24、32、40、48从上面可以看出，基于 8 定义的网格系统，其实存在一些细节的间距是没有的，这样我们在定义一些较小的组件时候是很难满足的。比如下面这个案例：左边按钮使用 8px 网格系统定义的间距 24，右边使用 4px 网格系统定义的 20，相对来说，间距节奏感会更好。可能有人会说，两个看起来差不多，但如果是追求极致的细节感，两个间距相差 4px 已经是非常大了。所以如果使用 4px 网格他的面会更广，也能覆盖 8px 网格的数值。三、4 点网格系统的应用使用“4 的增量”来定义页面上元素的大小和间距，简称为 4 点网格系统。任何定义的高度或宽度都应能被 4 整除，包括布局间距、组件与元素间距、组件大小等。4 点网格系统相较之前 8 网格系统的优势大很多，比如以前只能在 8 和 16 选择，那么如果使用 4 网格可以选择 12px 的间距。当然如果能被 8 整除的也可以被 4 整除，相对来说 4 的空间与灵活性会更大。如果没有使用网格系统去定义 UI 界面中的板式，就会导致各个设计师之间各自去定义，最终界面呈现出很糟糕的效果。如何定义 4px 网格系统？这个很简单，他和定义 8px 网格系统思路一样，比如 4 网格系统，我们可以基于 4 的增量去定义。下面看这张图。4px 网格系统写到最后，4px 网格系统的灵活与兼容性大于 8px 网格系统，在未来的 UI 界面设计中，大家可以使用起来吧。欢迎关注作者的微信公众号：功夫体验设计本篇来源：优设网原文地址：https://www.uisdc.com/4-point-grid-system
人类 能力 内容 最近挺多同学问过我关于 AI 的看法：ChatGPT 以及很多 AI 生成插画和图片的工具和软件，不仅为我们带来了惊喜，也让我们感受到了不少担忧。AI 在设计领域被广泛应用后，真的会取代很多岗位吗？作为设计师，我们又该如何应对呢？chatGPT 使用教程：https://www.uisdc.com/group/497328.htmlAI绘画神器合集：https://www.uisdc.com/zt/ai-draw人工智能设计专题：https://www.uisdc.com/zt/ai-design一、AI 如何辅助设计工作以 ChatGPT 为例，它是由人工智能研究实验室 OpenAI 在 2022 年末发布的全新聊天机器人模型。作为体验设计师，你可以用它来做以下几个方面的工作：1. 用于解释设计的专业知识如果你对某个设计概念并不了解，可以使用 ChatGPT 做讲解。比如：UX 有哪些经典的设计和研究方法？什么是用户体验地图？什么是情感化设计？如果你需要向客户解释设计专业术语，ChatGPT 就可以用最简单的语言来解答复杂的设计专业概念，例如：向 6 岁的孩子解释什么是 Design Token：2. 用于提供通用的设计思路你可以获得基础的、通用的设计工作思路和方法，询问 ChatGPT 时可以添加与工作相关的更多背景，背景描述越详细，效果越佳。比如：如何为我产品的用户（输入用户特征）编写调查问卷？如何为客户设计某种风格的产品图标（输入用户需求）？如何完成设计师与开发在 Figma 上的工作交接：3. 用于搜索设计资源和数据你可以通过 ChatGPT 查找设计资源、信息渠道和公开的数据。比如：有哪些好用的设计系统或 UI 组件？某产品的主要功能和特点是什么？某国家用户使用手机银行的数据如何：4. 用于完成基础的设计分析在可以公开数据和信息的条件下，你可以通过 ChatGPT 对于数据和调研内容做基础的分析总结，比如：找出这些访谈中（输入用户访谈内容）的高频词汇？找找这些数据（输入用户数据）之间的相似性？将这些信息（输入信息内容）按照某种方式进行归类分组？二、应该如何看待 AIAI 能为设计师做的事远不止上述内容。但我个人认为，虽说 ChatGPT 可以超过很多智能聊天软件，其本质也还是一款聊天机器人；AI 插画和建模工具即使再好用，其本质也还是一款图像合成软件。分享给大家三个观点：1. 「有知识」不等于「有智慧」。到目前为止，人工智能和人类大脑的本质区别并不在于表象的内容生成，而在于对于生成内容的深层次认知、理解和感受，就像是躯体和灵魂的区别。以 ChatGPT 为例，强大的搜索功能和算法支持使得其看上去“无所不知”，并具备了一定的“创作”的能力，但其实它并不“理解”自己所写的文字背后的含义，也不会因此产生喜怒哀乐等情绪。举个例子，如果你对于 ChatGPT 给出的答案不满意，点击“重答”，它就会给出新的答案。这种答案的生成是依靠收集互联网上与答案相关的海量信息，依据算法做概率分析以确定最优解，并通过语言模型组合成流畅的语句。它是在根据大数据来“赌”你想要的回答。每一次“重答”都会有新的答案，都是一次概率判断和数据积累。其他 AI 图片生成小程序也和 ChatGPT 的“创作”能力类似，生产内容依赖于“搜索 + 拼接”，是将互联网上的海量图片信息内容打散后再重构，因此内容的可用性也仍有很大的进步空间。2. 人类和 AI 在「互相利用」。我们一直在期待 AI 可以为自己做更多的事情，现在 ChatGPT 可以帮助开发纠正代码、可以帮助你写一份报告，节省很多不必要的“无脑劳动”。在这个过程中 AI 也在“利用”人类：用户给出的每一条需求和使用反馈，都是在训练它生成可用性更高的内容。而且 AI 的学习速度比人类大脑高出好几个数量级，内容正确率的提升指日可待。现阶段，AI 和人类相互依存：没有人类的输出，AI 就没有输入，也就不会有输出；没有 AI 的输出，人类自己的输出和输入会困难和复杂得多。我们能够赋予 AI 超乎常人的计算能力，AI 则能够给予我们快捷便利的生活方式。人类和 AI 有着各自无法超越和替代的优势，现在是一种相对和谐的共生关系。3. 找准各自优势，应对变革。ChatGPT 让我们看到了 AI 技术的突破。虽说这种技术目前并不具备直接取代人类某些岗位的能力，但是随着其与各行各业深度融合，就会产生新的时代变革，届时也必然会产生岗位更迭。就和人类从农业时代进入到工业时代一样，大批的人会失业，但同时也有大量新的、符合时代需求的工作岗位被创造出来。AI 带来的时代变革有利有弊，但终究还是利大于弊，因为人类文明需要进步，时代发展也需要进步。对于以创造力和理解力为驱动的设计师来说，未来我们更需要：① 利用 AI 的优势，优化产品体验AI 对于信息的搜索、计算、存储、整合等能力是人类望尘莫及的。我们可以将这些能力应用在产品的体验设计中，比如：提升浏览器的搜索质量；优化智能客服的对话能力；完善智能机器人的陪伴聊天功能等等，结合 AI 的功能优势来创造更加优质的产品体验。② 找准自身的优势，用 AI 做延伸主动地思考、洞察、创新与决策等能力是我们人类设计师的优势所在。现阶段 AI 提供的只是基础性辅助，仍有很多工作无法完成，也仍需要我们对其结果进行检验和优化。我们要不断发挥人类特有的主观能动性，并时刻关注这些技术和行业的发展与变革，将技术作为我们自身能力的延伸，拓宽自身能力的边界。比起担心失业或焦虑被替代，更重要的是认清我们自己的优势所在，不断地修炼自己，厚积薄发。当时代变革到来时，你也依旧可以以不变应万变，游刃有余，来去自如。更多AI工具：ChatGPT发展势不可挡！盘点4个值得关注的AI语言文本工具大家好，这里是和你们聊设计的花生~这两天有关人工智能聊天机器人 ChatGPT 的新闻频频冲上微博热搜，并引起广大网友的热切关注和讨论。阅读文章 > * 本文图片来源：https://uxplanet.org/chatgpt-overview-what-it-can-do-for-the-ux-designer-843b9256bfcchttps://blog.prototypr.io/how-to-use-chatgpt-for-ui-ux-design-25-examples-f7772bea3e70欢迎关注作者微信公众号：「长弓小子」本篇来源：优设网原文地址：https://www.uisdc.com/work-with-chatgpt
张大湿
表哥
飞翔的企鹅
落霞与孤鹜
在路上
