Hi，我是彩云。我们常常把优化产品体验挂在嘴边，但却经常不知道从哪些角度去思考。今天分享的这 24 个体验优化细节，是一些被广泛运用的界面设计规则。一个优秀的产品体验设计就是从一点一滴的细节中积累起来的，相信通过这些细节自检，能使得你的界面设计更干净、高效。

在上一篇《想要优化好 UI 作品，这 14 个 设计细节 一定要检查到位！》文章中讲到了 14 个细节优化，收到了朋友们的好评。而在今天这篇文章中又总结了 24 个非常棒的细节，更全面了。2 篇文章共计 36 个优化点，推荐两篇一起学习，相信定有收获，值得你收藏学习！

上篇回顾：

想优化 UI 作品，这14个设计细节一定要检查到位！ Hi，我是彩云。

阅读文章 >

暗色模式下饱和度不宜过高 高饱和度的颜色能形成强烈的对比。在暗黑模式下使用高饱和度会很刺眼，给用户很不好的体验。暗黑模式一般在晚上使用，因此对设计师来说，需要做的是让整个配色相对柔和，让用户感到放松。基于此，在设计的时候应该将饱和度限制在 200-500 之间。

(彩云注：这里的 200-500 彩云去查了不少资料，但没有找到最好的答案，这里引用的是 Material Design 中的颜色规范，感兴趣的同学可以自行查找)

深色模式设计思考：

从6个方面，总结深色模式的设计细节思考 前言 相信大家对深色模式已经不陌生了，自从 iOS13 启用深色模式开始，各个软件及平台对于深色模式基本都做了相应的设计适配，经过了长时间的使用体验及迭代，每个人对深色模式也有了自己内心的好坏评判标准，下面是一些结合日常工作对于深色模式设计的相关总结。

阅读文章 >

按钮要有优先级 在同一个界面，最理想的状态是只有一个最主要的关键按钮和紧跟着的次要按钮。这是因为如果一个界面上有太多这种行动按钮（CTA）按钮，会让关键操作淹没在这些按钮中，让用户不知所措。

按钮设计：

学会这3个方面，帮你提高CTA按钮的点击率 怎样设计 CTA 按钮，能够增加点击率和转化率呢？

阅读文章 >

简化不必要的动词 没必要在菜单上增加动词和短语，用最少的信息写清楚功能就足够让用户理解了。所以，在菜单设计上要尽量避免增加无关紧要的词，这样才不会影响 用户体验 。

菜单设计：

如何提升下拉菜单的设计体验？看看这些关键知识点！ 网站导航栏中经常能看到下拉菜单的使用。

阅读文章 >

字体尺寸类别越少越好 你可能注意到，很少有表单的字体大小不平衡，字体之间的类别尽量少一些看起来会更加平衡。在决定字体大小时，尽量规范字号的标准。比如标题（16px），副标题（12px），正文（10px），说明文字（8px），这些尺寸都是以 2 为倍数的。

不要混用图标风格 尽管我知道要做好图标一致性，但在实际工作中依然经常犯错。很多设计师经常用不同风格的图标混在一起，这样会让整个 UI 界面的设计显得很不成熟。图标是为了让用户更有效率地理解事物。在使用图标的时候一定要注意图标的一致性，尤其是一些是一些风格细节。

这里也跟大家分享 2 个我自己常用的 figma 图标库：

Unicorn ( https://www.figma.com/community/file/931512007012650048 ) Basil Icons ( https://www.figma.com/community/file/931906394678748246 )

不同背景下的颜色饱和度适当微调 通常情况下，我们会认为一个颜色在深色模式和亮色模式下是用的同一个颜色值，但这其实是错误的。一个颜色在亮色模式下看起来非常漂亮，但在深色模式看可能就太暗了，反之亦然。解决这个问题最好办法是使用 2 套不同饱和度的颜色。

新手引导多给用户自主权 App 的新手引导决定了用户第一次体验产品时的感受。在设计的时候，试着公开需要哪些具体步骤，增加“跳过”和前后移动查看的能力对新用户来说非常重要。

新手引导设计方案：

试了超多产品，总结出这5个新手引导设计方案 刚开始设计产品时，经常新手指引很容易被忽视，往往等到要上线了，才会发现它的重要性。

阅读文章 >

在图片上增加叠加层 许多网站和 App 都是用图片驱动的，但在图片上直接增加文字内容有时候会被淹没掉。在图片上增加一个叠加层可以提升内容的可读性。

信息部分露出 对于一些大屏设备来说，像笔记本电脑，平板电脑和智能电视，它们都有非常多闲置的空间。对于这些闲置的空间来说，尽量通过设计告诉它底部还有更多内容。这对 UI 和 UX 方面都有好处，因为空间的使用方式能够让用户清晰的知道所有内容。

拆分大段文字 为了让用户聚焦阅读，应尽量避免使用大段的长/宽行。保持短句和简洁能够增加内容的可读性。（彩云注：这点用在你的作品集里也是很合适的，有些人经常使用大段的文字内容来描述，很可能直接劝退面试官）

Z 字形原理 Z 字形原理，也就是大众所熟知的“古腾堡原理”，它描述了当人们看到一个均匀分布元素的设计时，眼睛的总体运动情况。通过这个原理我们知道，用户在内容上的视线是沿着 Z 字形来阅读的，所以遵循这一原理设计你想要核心表达的内容。

古腾堡原理：

用超多案例，帮你掌握交互设计心理学的古腾堡原则 写在前面 在平时的设计过程当中，你是否有这样的疑惑？

阅读文章 >

扩大可点击范围 扩大点击区域，维护像按钮、单选、多选等控件的响应尺寸，如果你设计的点击区域太小会让用户点击困难，造成流失。

尽量使用简洁的图标 避免使用花俏和俗气的图标，它们会让整个设计显得非常不成熟，同时也是很难理解的。用上更简单的图标形式，会让界面更高级。（彩云注：当然越简单的图标其实想画出彩会更难，另外也需要区分不同的场景，像一些运营类的图标可能会为了活动氛围做的相对风格化一些。）

图标设计：

想让图标更精致？先掌握这11个容易忽略的设计细节！ 大家好，这里是设计夹，今天为大家分享的是「图标设计细节」。

阅读文章 >

正确的文案表达 选错文案，会让人们对于任务缺乏兴趣，根据上下文使用更合适的词组。

文案设计：

华为高薪招聘的「UX文案设计」，文案规范全在这了！ 前言 每当我们打开一个网站、使用一个 App 时，我们都在和界面上的文案发生着交互。

阅读文章 >

考虑手势操作 轻敲和点击有时候很累人，可能不如使用滑动、拖拽等手势操作，这些操作会让界面更简洁并且也能顺利地完成既定任务。

手势设计：

大厂出品！14个贴心的手势交互设计细节 随着触屏时代的普及，借助手势交互可以提高用户的操作便捷度和效率。

阅读文章 >

展示部分文案 在探索酒店、目的地甚至是阅读任何文章时，用户经常都需要点击卡片。为了使得探索更加吸引人注目和干脆，避免使用长文本导致的滚动。相反，可以加一个阅读更多的按钮方便想看全所有内容的用户。

接近法则 “邻近的物体往往被视为是同一组内容”。有时候为了把内容区分开的更清晰，尝试用线对相关内容进行分组。（彩云注：其实有留白和不同颜色做区分也是可以的，建议根据自己的设计风格和具体内容来定）

文字控件可视化 在设计控件时，如果可以用图形可视化的地方就优先尝试把控件图形化，除了非常需要很精确的设置参数。对于价格范围这种，很容易将它可视化为滑块控件。

占位符要接近要填写内容 对一些人来说容易理解的东西，对某些人来说可能不是。因此，最好使用示例占位符来解释输入字段，这可以防止用户在填写内容时出错。

系列位置效应 根据“系列位置效应”，心理倾向于记住列表的第一项和最后一项，而不是中间项。因此，在任何 App 中设计导航时，根据应用的上下文保持最左和最右的选项。例如 instagram，最左边是“首页”，而最右边是“用户”。（彩云注：这是一个心理学上的理论，人们对于一系列的材料更容易记住开头的内容，也叫做首因效应或者首位效应；更容易记住末尾的内容，就叫近因效应。）

让设计更有说服力的20条经典原则：伯斯塔尔法则、系列位置效应 编者按：今天文章和大家聊聊伯斯塔尔法则与系列位置效应。

阅读文章 >

减少点击次数 在设计任何体验时，点击次数都是非常重要的指标。统计用户需要点击多少次才能完成他的目标，额外的点击会减慢整个操作过程。简化过程，自然体验就会更好，所以尽可能的减少点击次数。（彩云注：下面的案例，增加可点击符号也可以减少用户思考的时间。）

少即是多 为了使内容突出，没有必要使用多种字体类型，包括加粗、改色等等。只在最需要的位置使用增强的文字层次结构、字体重量，同时只使用一种字体足以吸引用户对内容的注意力。

留白定义重点 留白在设计中非常重要，太少或者没有留白会使得设计非常混乱。明智地使用留白可以明确地强调内容。

别让用户闲着 根据多尔蒂阈值(Doherty Threshold)这个理论：“系统需要在 400ms 内对使用者的操作做出响应，这样才能够让使用者保持专注，并提高生产效率”。因此，我们可以使用动画、图像甚至文本来保持用户的注意力。（彩云注：给用户的提示可以先快速加载信息框架，让用户有事可做，而不是什么都看不到）

欢迎关注作者的微信公众号：「彩云译设计」

Hi，我是彩云。我们常常把优化产品体验挂在嘴边，但却经常不知道从哪些角度去思考。今天分享的这 24 个体验优化细节，是一些被广泛运用的界面设计规则。一个优秀的产品体验设计就是从一点一滴的细节中积累起来的，相信通过这些细节自检，能使得你的界面设计更干净、高效。

在上一篇《想要优化好 UI 作品，这 14 个 设计细节 一定要检查到位！》文章中讲到了 14 个细节优化，收到了朋友们的好评。而在今天这篇文章中又总结了 24 个非常棒的细节，更全面了。2 篇文章共计 36 个优化点，推荐两篇一起学习，相信定有收获，值得你收藏学习！

上篇回顾：

想优化 UI 作品，这14个设计细节一定要检查到位！ Hi，我是彩云。

阅读文章 >

暗色模式下饱和度不宜过高 高饱和度的颜色能形成强烈的对比。在暗黑模式下使用高饱和度会很刺眼，给用户很不好的体验。暗黑模式一般在晚上使用，因此对设计师来说，需要做的是让整个配色相对柔和，让用户感到放松。基于此，在设计的时候应该将饱和度限制在 200-500 之间。

(彩云注：这里的 200-500 彩云去查了不少资料，但没有找到最好的答案，这里引用的是 Material Design 中的颜色规范，感兴趣的同学可以自行查找)

深色模式设计思考：

从6个方面，总结深色模式的设计细节思考 前言 相信大家对深色模式已经不陌生了，自从 iOS13 启用深色模式开始，各个软件及平台对于深色模式基本都做了相应的设计适配，经过了长时间的使用体验及迭代，每个人对深色模式也有了自己内心的好坏评判标准，下面是一些结合日常工作对于深色模式设计的相关总结。

阅读文章 >

按钮要有优先级 在同一个界面，最理想的状态是只有一个最主要的关键按钮和紧跟着的次要按钮。这是因为如果一个界面上有太多这种行动按钮（CTA）按钮，会让关键操作淹没在这些按钮中，让用户不知所措。

按钮设计：

学会这3个方面，帮你提高CTA按钮的点击率 怎样设计 CTA 按钮，能够增加点击率和转化率呢？

阅读文章 >

简化不必要的动词 没必要在菜单上增加动词和短语，用最少的信息写清楚功能就足够让用户理解了。所以，在菜单设计上要尽量避免增加无关紧要的词，这样才不会影响 用户体验 。

菜单设计：

如何提升下拉菜单的设计体验？看看这些关键知识点！ 网站导航栏中经常能看到下拉菜单的使用。

阅读文章 >

字体尺寸类别越少越好 你可能注意到，很少有表单的字体大小不平衡，字体之间的类别尽量少一些看起来会更加平衡。在决定字体大小时，尽量规范字号的标准。比如标题（16px），副标题（12px），正文（10px），说明文字（8px），这些尺寸都是以 2 为倍数的。

不要混用图标风格 尽管我知道要做好图标一致性，但在实际工作中依然经常犯错。很多设计师经常用不同风格的图标混在一起，这样会让整个 UI 界面的设计显得很不成熟。图标是为了让用户更有效率地理解事物。在使用图标的时候一定要注意图标的一致性，尤其是一些是一些风格细节。

这里也跟大家分享 2 个我自己常用的 figma 图标库：

Unicorn ( https://www.figma.com/community/file/931512007012650048 ) Basil Icons ( https://www.figma.com/community/file/931906394678748246 )

不同背景下的颜色饱和度适当微调 通常情况下，我们会认为一个颜色在深色模式和亮色模式下是用的同一个颜色值，但这其实是错误的。一个颜色在亮色模式下看起来非常漂亮，但在深色模式看可能就太暗了，反之亦然。解决这个问题最好办法是使用 2 套不同饱和度的颜色。

新手引导多给用户自主权 App 的新手引导决定了用户第一次体验产品时的感受。在设计的时候，试着公开需要哪些具体步骤，增加“跳过”和前后移动查看的能力对新用户来说非常重要。

新手引导设计方案：

试了超多产品，总结出这5个新手引导设计方案 刚开始设计产品时，经常新手指引很容易被忽视，往往等到要上线了，才会发现它的重要性。

阅读文章 >

在图片上增加叠加层 许多网站和 App 都是用图片驱动的，但在图片上直接增加文字内容有时候会被淹没掉。在图片上增加一个叠加层可以提升内容的可读性。

信息部分露出 对于一些大屏设备来说，像笔记本电脑，平板电脑和智能电视，它们都有非常多闲置的空间。对于这些闲置的空间来说，尽量通过设计告诉它底部还有更多内容。这对 UI 和 UX 方面都有好处，因为空间的使用方式能够让用户清晰的知道所有内容。

拆分大段文字 为了让用户聚焦阅读，应尽量避免使用大段的长/宽行。保持短句和简洁能够增加内容的可读性。（彩云注：这点用在你的作品集里也是很合适的，有些人经常使用大段的文字内容来描述，很可能直接劝退面试官）

Z 字形原理 Z 字形原理，也就是大众所熟知的“古腾堡原理”，它描述了当人们看到一个均匀分布元素的设计时，眼睛的总体运动情况。通过这个原理我们知道，用户在内容上的视线是沿着 Z 字形来阅读的，所以遵循这一原理设计你想要核心表达的内容。

古腾堡原理：

用超多案例，帮你掌握交互设计心理学的古腾堡原则 写在前面 在平时的设计过程当中，你是否有这样的疑惑？

阅读文章 >

扩大可点击范围 扩大点击区域，维护像按钮、单选、多选等控件的响应尺寸，如果你设计的点击区域太小会让用户点击困难，造成流失。

尽量使用简洁的图标 避免使用花俏和俗气的图标，它们会让整个设计显得非常不成熟，同时也是很难理解的。用上更简单的图标形式，会让界面更高级。（彩云注：当然越简单的图标其实想画出彩会更难，另外也需要区分不同的场景，像一些运营类的图标可能会为了活动氛围做的相对风格化一些。）

图标设计：

想让图标更精致？先掌握这11个容易忽略的设计细节！ 大家好，这里是设计夹，今天为大家分享的是「图标设计细节」。

阅读文章 >

正确的文案表达 选错文案，会让人们对于任务缺乏兴趣，根据上下文使用更合适的词组。

文案设计：

华为高薪招聘的「UX文案设计」，文案规范全在这了！ 前言 每当我们打开一个网站、使用一个 App 时，我们都在和界面上的文案发生着交互。

阅读文章 >

考虑手势操作 轻敲和点击有时候很累人，可能不如使用滑动、拖拽等手势操作，这些操作会让界面更简洁并且也能顺利地完成既定任务。

手势设计：

大厂出品！14个贴心的手势交互设计细节 随着触屏时代的普及，借助手势交互可以提高用户的操作便捷度和效率。

阅读文章 >

展示部分文案 在探索酒店、目的地甚至是阅读任何文章时，用户经常都需要点击卡片。为了使得探索更加吸引人注目和干脆，避免使用长文本导致的滚动。相反，可以加一个阅读更多的按钮方便想看全所有内容的用户。

接近法则 “邻近的物体往往被视为是同一组内容”。有时候为了把内容区分开的更清晰，尝试用线对相关内容进行分组。（彩云注：其实有留白和不同颜色做区分也是可以的，建议根据自己的设计风格和具体内容来定）

文字控件可视化 在设计控件时，如果可以用图形可视化的地方就优先尝试把控件图形化，除了非常需要很精确的设置参数。对于价格范围这种，很容易将它可视化为滑块控件。

占位符要接近要填写内容 对一些人来说容易理解的东西，对某些人来说可能不是。因此，最好使用示例占位符来解释输入字段，这可以防止用户在填写内容时出错。

系列位置效应 根据“系列位置效应”，心理倾向于记住列表的第一项和最后一项，而不是中间项。因此，在任何 App 中设计导航时，根据应用的上下文保持最左和最右的选项。例如 instagram，最左边是“首页”，而最右边是“用户”。（彩云注：这是一个心理学上的理论，人们对于一系列的材料更容易记住开头的内容，也叫做首因效应或者首位效应；更容易记住末尾的内容，就叫近因效应。）

让设计更有说服力的20条经典原则：伯斯塔尔法则、系列位置效应 编者按：今天文章和大家聊聊伯斯塔尔法则与系列位置效应。

阅读文章 >

减少点击次数 在设计任何体验时，点击次数都是非常重要的指标。统计用户需要点击多少次才能完成他的目标，额外的点击会减慢整个操作过程。简化过程，自然体验就会更好，所以尽可能的减少点击次数。（彩云注：下面的案例，增加可点击符号也可以减少用户思考的时间。）

少即是多 为了使内容突出，没有必要使用多种字体类型，包括加粗、改色等等。只在最需要的位置使用增强的文字层次结构、字体重量，同时只使用一种字体足以吸引用户对内容的注意力。

留白定义重点 留白在设计中非常重要，太少或者没有留白会使得设计非常混乱。明智地使用留白可以明确地强调内容。

别让用户闲着 根据多尔蒂阈值(Doherty Threshold)这个理论：“系统需要在 400ms 内对使用者的操作做出响应，这样才能够让使用者保持专注，并提高生产效率”。因此，我们可以使用动画、图像甚至文本来保持用户的注意力。（彩云注：给用户的提示可以先快速加载信息框架，让用户有事可做，而不是什么都看不到）

欢迎关注作者的微信公众号：「彩云译设计」

我从小半年来询问比较多的问题里总结出最有价值的 4 个问题做阐述（主要是同样问题被询问三百多遍了）

总结过程中，我尝试加入了学习、工作、和职业生涯过程中比较有价值的一些心得进行了分享，希望对于你的前进方向，有一定的指引作用。

工作一两年还在原地踏步的UI设计师，该如何进阶学习？ 大家知道，长期以来我们一直在坚持分享一些基础的干货内容，那些看书、看分享很难系统搞得明白的知识点，这和我个人对基本功的执念有密不可分的关系。

阅读文章 >

“我曾在银色平原漫步，也曾在青草之河垂钓。我既是平静的海面，又是汹涌的风暴。我能做的，别人都不行，所以我责无旁贷。”

大家好，这里是和大家一起进步的南清音~

平时大家看日漫的时候是不是觉得非常的爽，但是当自己也想模仿上面来做设计的时候就会发现，想找到免费可商用的日漫风素材简直是大海捞针！

前几天，在优设社群里看到有小伙伴寻找 日漫风格 的素材，但毫无头绪。于是在我搜罗了几天之后，功夫不负有心人，终于让我找到了 5 个相关的网站，包含了人物、建筑场景、集中线、声音气泡等多种素材，接下来我们就进入正题，给大家进行分享吧！

人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器 大家好，我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。

阅读文章 >

Say Hello to Blackjack 「网站直达」 https://www.tadapic.com/blackjack.php

Say Hello to Blackjack 这个是一个将日漫《Say Hello to Blackjack》的主要场景分割成逐帧图像的网站，大家可以根据情绪和角色以及角色类型等分类来缩小搜索范围。这些素材的二次使用是完全免费的，但是必须显示标题和作者姓名，并在通过邮箱（densho810info@gmail.com）事后向版权所有者报告。

下载格式：PNG

下载方式：选择一个图片，点击图中的”この素材をダウンロ一ド”就可以下载了~

MANGA-GAI 漫画街 「网站直达」 http://www.manga-gai.net/mangakasoudan/haikei.html

MANGA-GAI 漫画街上面全部都是建筑类型的素材，建筑物的外部和内部视图以及远处的景色都可以下载下来。只要用于「自制漫画作品的制作」，专业人士和业余爱好者均可免费，大家可以直接使用山本直树博士的背景数据。将它们运用到自己的作品之中，但是如果需要商用的话，还是需要上报“銀杏社”，并告知作品的媒介、发行日期和名称。目前上面可以选择的素材还是比较少的，目前只是第一弹，期待一下后面还有更新。

下载格式：PNG，JPG

下载方式：选择一个图片，右键另存为就可以啦~

マンガパ一ツ STOCK 「网站直达」 https://mangasozai.com/

マンガパ一ツ STOCK -集中線、効果線特化サイト是一个集中了漫画表达中经常使用的集中线和效果线的一个素材网站。有许多漫画表达中经常使用的浓度线和效果线。 集中线的好处是，如果你把它们放在背景中，就会使它看起来像一本漫画书！看漫画的小伙伴们对这种画面应该不会陌生，毕竟每次作者需要强调一个什么东西的时候，集中线它就出现了！网站上除了集中线之外还有其他的一些漫画素材，例如移动线；表情图案；对话框等等。完全可以满足你创造动漫式表情的需求！

下载格式：JPG，PNG，SVG

下载方式：选择一个集中线，点击图中的”DOWNLOAD”就可以下载了~

Illustrator 的漫画素材 「网站直达」 http://www.manga-sozai.com/data/

Illustrator 的漫画素材涉及漫画中经常使用的效果线、声音效果、语言气泡、爆炸和火花。 虽说不多，但有些声音效果的制作方式是你在其他 素材网站 上找不到的，而且这里还有一些不寻常的声音效果可供选择。所以，如果是需要这些素材，但是又不想额外到处寻找的话，就可以看这个网站了。

下载格式：JPG、PNG、SVG 下载方式：选择一个图案，点击图中的”「無料マンガ素材ダウンロード」”就可以下载了~

Dododo FONTS 「网站直达」 https://dddfont.com/

Dododo FONTS 是一个专门研究代表漫画中经常出现的声音效果和拟声词的字符的网站。 它里面有非常多的样式，几乎不可能找到一个相同的！即使是同样的 “道”，无论是《ONE PIECE》的风格还是《JOJO》的风格，就连人物的声音效果也会因为字体的不同而有所不同。 能够根据设计来进行选择。Dododo 字体是一种易于使用的材料，以漫画中使用的象声词为中心，将日本流行文化之一的漫画表达融入设计和文档创作中。当然，如果仅此一项就太单调了，因此它还包含邮票的字符。

下载格式：JPG、PNG、SVG

下载方式：选择一个字体，点击图中的”DOWNLOAD”就可以下载了~

好啦~今天的分享就到这里了，下次要是还找到了更好的，会继续跟大家分享的~同时，也欢迎大家在评论区里讨论分享呀！

免费可商用！90000+高质量矢量素材网站SVG Silh 大家好，我是和你们聊设计的花生~ 今天为大家推荐一个免费开源的素材网站 SVG Silh，上面有非常多高质量的剪影及写实线条风的素材，而且提供 SVG 的下载格式，方便我们在设计中进行再次编辑，一起来看看吧~ 「网站直达」 https://svgsilh.com/ ，网站首页看起来比

阅读文章 >

大家好，这里是和大家一起进步的南清音~

平时大家看日漫的时候是不是觉得非常的爽，但是当自己也想模仿上面来做设计的时候就会发现，想找到免费可商用的日漫风素材简直是大海捞针！

前几天，在优设社群里看到有小伙伴寻找 日漫风格 的素材，但毫无头绪。于是在我搜罗了几天之后，功夫不负有心人，终于让我找到了 5 个相关的网站，包含了人物、建筑场景、集中线、声音气泡等多种素材，接下来我们就进入正题，给大家进行分享吧！

人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器 大家好，我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。

阅读文章 >

Say Hello to Blackjack 「网站直达」 https://www.tadapic.com/blackjack.php

Say Hello to Blackjack 这个是一个将日漫《Say Hello to Blackjack》的主要场景分割成逐帧图像的网站，大家可以根据情绪和角色以及角色类型等分类来缩小搜索范围。这些素材的二次使用是完全免费的，但是必须显示标题和作者姓名，并在通过邮箱（densho810info@gmail.com）事后向版权所有者报告。

下载格式：PNG

下载方式：选择一个图片，点击图中的”この素材をダウンロ一ド”就可以下载了~

MANGA-GAI 漫画街 「网站直达」 http://www.manga-gai.net/mangakasoudan/haikei.html

MANGA-GAI 漫画街上面全部都是建筑类型的素材，建筑物的外部和内部视图以及远处的景色都可以下载下来。只要用于「自制漫画作品的制作」，专业人士和业余爱好者均可免费，大家可以直接使用山本直树博士的背景数据。将它们运用到自己的作品之中，但是如果需要商用的话，还是需要上报“銀杏社”，并告知作品的媒介、发行日期和名称。目前上面可以选择的素材还是比较少的，目前只是第一弹，期待一下后面还有更新。

下载格式：PNG，JPG

下载方式：选择一个图片，右键另存为就可以啦~

マンガパ一ツ STOCK 「网站直达」 https://mangasozai.com/

マンガパ一ツ STOCK -集中線、効果線特化サイト是一个集中了漫画表达中经常使用的集中线和效果线的一个素材网站。有许多漫画表达中经常使用的浓度线和效果线。 集中线的好处是，如果你把它们放在背景中，就会使它看起来像一本漫画书！看漫画的小伙伴们对这种画面应该不会陌生，毕竟每次作者需要强调一个什么东西的时候，集中线它就出现了！网站上除了集中线之外还有其他的一些漫画素材，例如移动线；表情图案；对话框等等。完全可以满足你创造动漫式表情的需求！

下载格式：JPG，PNG，SVG

下载方式：选择一个集中线，点击图中的”DOWNLOAD”就可以下载了~

Illustrator 的漫画素材 「网站直达」 http://www.manga-sozai.com/data/

Illustrator 的漫画素材涉及漫画中经常使用的效果线、声音效果、语言气泡、爆炸和火花。 虽说不多，但有些声音效果的制作方式是你在其他 素材网站 上找不到的，而且这里还有一些不寻常的声音效果可供选择。所以，如果是需要这些素材，但是又不想额外到处寻找的话，就可以看这个网站了。

下载格式：JPG、PNG、SVG 下载方式：选择一个图案，点击图中的”「無料マンガ素材ダウンロード」”就可以下载了~

Dododo FONTS 「网站直达」 https://dddfont.com/

Dododo FONTS 是一个专门研究代表漫画中经常出现的声音效果和拟声词的字符的网站。 它里面有非常多的样式，几乎不可能找到一个相同的！即使是同样的 “道”，无论是《ONE PIECE》的风格还是《JOJO》的风格，就连人物的声音效果也会因为字体的不同而有所不同。 能够根据设计来进行选择。Dododo 字体是一种易于使用的材料，以漫画中使用的象声词为中心，将日本流行文化之一的漫画表达融入设计和文档创作中。当然，如果仅此一项就太单调了，因此它还包含邮票的字符。

下载格式：JPG、PNG、SVG

下载方式：选择一个字体，点击图中的”DOWNLOAD”就可以下载了~

好啦~今天的分享就到这里了，下次要是还找到了更好的，会继续跟大家分享的~同时，也欢迎大家在评论区里讨论分享呀！

免费可商用！90000+高质量矢量素材网站SVG Silh 大家好，我是和你们聊设计的花生~ 今天为大家推荐一个免费开源的素材网站 SVG Silh，上面有非常多高质量的剪影及写实线条风的素材，而且提供 SVG 的下载格式，方便我们在设计中进行再次编辑，一起来看看吧~ 「网站直达」 https://svgsilh.com/ ，网站首页看起来比

阅读文章 >

大家好，我是和你们聊设计的花生~ 好久没有更新设计师效率工具了，这次依旧为大家推荐 5 个非常实用的工具，它们分别是：

超全合集！1000+优质互联网资源网站导航——数字生活指南 一键多张！超好用的图片单色调处理神器 Tinter UI 设计必备！便捷的设计占位元素生成器 Uifiller 打开即用！又一个免费的图片转文字神器「ELFINBOOK」 大厂出品！基于神经网络技术的翻译神器——腾讯交互翻译 错过上期的小伙伴看这里↓

这 5 款工具，让设计师工作效率提升 200%！（七）  大家好，我是和你们聊设计的花生~ 又到了为大家推荐效率工具的时候啦，今天要推的 5 个效率工具分别是： 让字体动起来！

阅读文章 >

数字生活指南 网址直达： https://nav.guidebook.top/

数字生活指南（GUIDEBOOK.TOP）以信息检索、知识发现、价值创造、效率提升为宗旨，致力于更好的运用互联网工具或科学方法，不断提高信息素养能力，让工作学习生活更高效。

网站涵盖了多个领域的优质网站资源。既有多平台聚合的搜索引擎、常用的办公娱乐工具及资源，也有设计、教育、法律、建筑、古典文献、公共图书馆、博物馆这样按不同领域划分的资源，大家可以闲暇时打开探索一下，应该会有不少的惊喜和乐趣。

Tinter 网址直达： https://tinter.uxie.io/

Tiner 是一个免费线上图片处理工具，作用包括让图像实现色调改变以及对图片进行单色调处理。支持导出持 png、jpeg、webp，而且不会影响图片的质量。

使用方法：点击右上角的「Upload Image」上传自己的图片，然后点击左下角的「Generate Tints」随机生成一种色彩效果，点击「Fine tune」可以通过滑块对色彩进行调整，勾选「Monotone」切换为单色调效果。「Reset」为效果重置，调整好效果后点击「Download」就可以直接下载了。

1000种渐变模板！快收下这款免费网格渐变神器 MESH·Y 之前已经和大家分享过很多做渐变的网站，可以非常方便的提取好看的渐变配色。

阅读文章 >

UIFiller 网址直达： https://www.uifiller.com

做设计时为了提前确认最终的排版效果，我们往往需要一些文本、图片、图标等尽快填充相应的排版位置，UIFiller 就是一个免费提供这样的设计占位符的免费网站。

网站提供的内容包括长文本、短文本（包括人名、职位、城市、公司名、电话、邮箱等）、图片和图标 LOGO，非常全面。如果对提供的内容不满意可以点击小卡片下方的「Shuffle」切换内容，或者点击「Shuffle all」更换页面内的所有内容。文本直接点击「Copy」复制使用，图片和图标需要点击「Download」下载后使用。

ELFINBOOK 网址直达： https://catocr.com/#/

之前向大家推荐了提取图片文字的在线工具「 白描网页版 」，有小伙伴在评论区反映说使用时有 5 次的次数限制。没关系，今天就再给大家推荐多一个在线免费图片文字提取工具

「ELFINBOOK」。ELFINBOOK 支持同时上传多张图片进行文字提取，支持上传图片和 PDF。文字识别准确率挺高的，但是谨慎起见最好还是自己再检查一遍再使用哦。

这 5 款工具，让设计师工作效率提升 200%！（五） 大家好，我是努力为设计师寻找效率工具的花生~ 今天继续为大家推荐的 5 款能有效提升工作效率的神器，它们分别是： 无损压缩！

阅读文章 >

腾讯交互翻译 Tecent TranSmart 网址直达： https://transmart.qq.com/zh-CN/index

之前向大家推荐过国外的一个翻译神器 Deepl，其优势在于长文本翻译，流畅自然没有机翻的生硬感。现在腾讯也推出了一个翻译工具——腾讯交互翻译。支持实时翻译和上传文件翻译，文件类型包括docx、pptx xlsx text pdf html和markdowns。

据官网介绍，腾讯交互翻译融合了腾讯人工智能实验室自研的交互式机器翻译、神经网络机器翻译、 统计机器翻译、语义理解、信息检索等多种技术，能提供译文片段智能推荐和整句补全，并可以参照原文上下文实现精准组词，有效提升翻译的输入效率和结果的精准度。

以上就是为大家推荐的 5 款效率工具，希望对大家的工作有帮助。 如果你有想要解决的问题，但还没有找对应的工具，欢迎在评论区分享出来，说不定下一期就会有相应的推荐。 我是花生，我们下期见~

大家好，我是和你们聊设计的花生~ 好久没有更新设计师效率工具了，这次依旧为大家推荐 5 个非常实用的工具，它们分别是：

超全合集！1000+优质互联网资源网站导航——数字生活指南 一键多张！超好用的图片单色调处理神器 Tinter UI 设计必备！便捷的设计占位元素生成器 Uifiller 打开即用！又一个免费的图片转文字神器「ELFINBOOK」 大厂出品！基于神经网络技术的翻译神器——腾讯交互翻译 错过上期的小伙伴看这里↓

这 5 款工具，让设计师工作效率提升 200%！（七）  大家好，我是和你们聊设计的花生~ 又到了为大家推荐效率工具的时候啦，今天要推的 5 个效率工具分别是： 让字体动起来！

阅读文章 >

数字生活指南 网址直达： https://nav.guidebook.top/

数字生活指南（GUIDEBOOK.TOP）以信息检索、知识发现、价值创造、效率提升为宗旨，致力于更好的运用互联网工具或科学方法，不断提高信息素养能力，让工作学习生活更高效。

网站涵盖了多个领域的优质网站资源。既有多平台聚合的搜索引擎、常用的办公娱乐工具及资源，也有设计、教育、法律、建筑、古典文献、公共图书馆、博物馆这样按不同领域划分的资源，大家可以闲暇时打开探索一下，应该会有不少的惊喜和乐趣。

Tinter 网址直达： https://tinter.uxie.io/

Tiner 是一个免费线上图片处理工具，作用包括让图像实现色调改变以及对图片进行单色调处理。支持导出持 png、jpeg、webp，而且不会影响图片的质量。

使用方法：点击右上角的「Upload Image」上传自己的图片，然后点击左下角的「Generate Tints」随机生成一种色彩效果，点击「Fine tune」可以通过滑块对色彩进行调整，勾选「Monotone」切换为单色调效果。「Reset」为效果重置，调整好效果后点击「Download」就可以直接下载了。

1000种渐变模板！快收下这款免费网格渐变神器 MESH·Y 之前已经和大家分享过很多做渐变的网站，可以非常方便的提取好看的渐变配色。

阅读文章 >

UIFiller 网址直达： https://www.uifiller.com

做设计时为了提前确认最终的排版效果，我们往往需要一些文本、图片、图标等尽快填充相应的排版位置，UIFiller 就是一个免费提供这样的设计占位符的免费网站。

网站提供的内容包括长文本、短文本（包括人名、职位、城市、公司名、电话、邮箱等）、图片和图标 LOGO，非常全面。如果对提供的内容不满意可以点击小卡片下方的「Shuffle」切换内容，或者点击「Shuffle all」更换页面内的所有内容。文本直接点击「Copy」复制使用，图片和图标需要点击「Download」下载后使用。

ELFINBOOK 网址直达： https://catocr.com/#/

之前向大家推荐了提取图片文字的在线工具「 白描网页版 」，有小伙伴在评论区反映说使用时有 5 次的次数限制。没关系，今天就再给大家推荐多一个在线免费图片文字提取工具

「ELFINBOOK」。ELFINBOOK 支持同时上传多张图片进行文字提取，支持上传图片和 PDF。文字识别准确率挺高的，但是谨慎起见最好还是自己再检查一遍再使用哦。

这 5 款工具，让设计师工作效率提升 200%！（五） 大家好，我是努力为设计师寻找效率工具的花生~ 今天继续为大家推荐的 5 款能有效提升工作效率的神器，它们分别是： 无损压缩！

阅读文章 >

腾讯交互翻译 Tecent TranSmart 网址直达： https://transmart.qq.com/zh-CN/index

之前向大家推荐过国外的一个翻译神器 Deepl，其优势在于长文本翻译，流畅自然没有机翻的生硬感。现在腾讯也推出了一个翻译工具——腾讯交互翻译。支持实时翻译和上传文件翻译，文件类型包括docx、pptx xlsx text pdf html和markdowns。

据官网介绍，腾讯交互翻译融合了腾讯人工智能实验室自研的交互式机器翻译、神经网络机器翻译、 统计机器翻译、语义理解、信息检索等多种技术，能提供译文片段智能推荐和整句补全，并可以参照原文上下文实现精准组词，有效提升翻译的输入效率和结果的精准度。

以上就是为大家推荐的 5 款效率工具，希望对大家的工作有帮助。 如果你有想要解决的问题，但还没有找对应的工具，欢迎在评论区分享出来，说不定下一期就会有相应的推荐。 我是花生，我们下期见~

在互联网行业，不管是品牌运营设计，还是产品功能创新，或是活动策划，创意都是非常重要的加分项。创意可以让我们为用户持续产出新鲜有趣的内容，保持品牌的活力和热度。在视觉设计工作中你是否有过“灵感枯竭”的时候，或者需要快速产生创意的时候却无从下手？看到别人思如泉涌的时候，你是否有过困惑，他的创意为什么能够源源不断？

天马行空的设计总能让人眼前一亮。这些让人拍案叫绝的创意是又是如何产生的呢？想回答这个问题，首先我们需要对创意建立内在认知，怎样的理念和想法才会让人觉得有创意？创意的本质又是什么？

拓展阅读：

没想法？来看高级平面设计师常用的5个创意方法！ 万事开头难，而设计的开头就是想创意，一个好的创意可以让你事半功倍，反之亦然。

阅读文章 >

ps:本文旨在探讨灵感告急时如何产出创意。文中引用的设计图，仅供理论参考，如有侵权，请联系删除。

在互联网行业，不管是品牌运营设计，还是产品功能创新，或是活动策划，创意都是非常重要的加分项。创意可以让我们为用户持续产出新鲜有趣的内容，保持品牌的活力和热度。在视觉设计工作中你是否有过“灵感枯竭”的时候，或者需要快速产生创意的时候却无从下手？看到别人思如泉涌的时候，你是否有过困惑，他的创意为什么能够源源不断？

天马行空的设计总能让人眼前一亮。这些让人拍案叫绝的创意是又是如何产生的呢？想回答这个问题，首先我们需要对创意建立内在认知，怎样的理念和想法才会让人觉得有创意？创意的本质又是什么？

拓展阅读：

没想法？来看高级平面设计师常用的5个创意方法！ 万事开头难，而设计的开头就是想创意，一个好的创意可以让你事半功倍，反之亦然。

阅读文章 >

ps:本文旨在探讨灵感告急时如何产出创意。文中引用的设计图，仅供理论参考，如有侵权，请联系删除。