编者按：产品设计中常见的消息通知有哪些类型？每个类型的优缺点分别是什么？本文总结了5种常见的消息通知类型。

编者按：产品设计中常见的消息通知有哪些类型？每个类型的优缺点分别是什么？本文总结了5种常见的消息通知类型。

通知是许多产品中不可或缺的一部分，它用于传递产品的一些新的信息状态，帮助用户能够及时收到信息。

本文将讨论五种类型的 UI 通知，以及何时以及如何使用它们的基本规则。

更深入的消息 通知设计 分析：

腾讯出品！消息通知系统设计指南 消息通知可以及时地将状态、内容的更新触达到用户，用户则可以根据收到的消息做后续判断。

阅读文章 >

一、什么是通知？ 通知是产品能够与用户及时同步信息变化，及时发送重要通知，例如产品更新、信息提醒、互动提醒、新消息通知等。

消息通知是为产品赋能，为用户提供帮助，便于快速获取对应的通知信息，例如产品更新、信息提醒、互动提醒、新消息通知等，在 App 和网页应用中最常见的信息交换方式则是消息通知。

消息作为一种信息交换方式，抽象其过程，即为“在达到某一触发条件下，由发送方发送消息给到接收方，接收方可针对此条消息提供反馈”。

二、通知的组成 基础的通知模块通常有标题、内容、入口、徽标、识别图标五个元素构成

标题区域：用户传递消息的核心区域，整个通知的信息都是围绕标题进行，一般标题以简短精炼为主，让用户在最短时间了解到关键信息。

内容区域：主要描述更加详细的通知内容，当然这里的内容也不建议超过 2 行，并且不要重复标题中内容

操作区域：通知分为可点击类和不可点击类，当通知模块需要用户点击时，视觉上应该更加具象，如按钮、箭头，不要让用户产生思考。

图标图片：有意义的图像可以强化通知的内容，例如，如果你将收到的消息通知用户，你可以包含发件人的头像。

三、通知的类型 通知的模式根据不同的场景也会有不同类型，接下来将一一讲解这 5 种通知类型，以及使用场景。

1. 徽标通知 徽标是一个小的填充椭圆形，可以出现在应用程序图标上并指示未看到的更新。徽标可以有一个数字，用于通知用户未读通知的数量。用户检查更新后，徽章会从应用程序图标中消失，并在新通知到达时再次出现。

优点

感知：它可以对用户产生积极的影响，在某些情况下，用户可以将徽章视为有价值的奖励，例如，徽章会通知用户他们在社交网络上收到新的点赞、评论，Nir Eyal 曾在他的书《上瘾》中描述了这种心理效应。

万字读书笔记！产品设计宝典《上瘾》全面解读！（上） 为什么人们每天都会刷朋友圈、刷抖音，而且一刷就是几个小时，根本停不下来？

阅读文章 >

万字读书笔记！产品设计宝典《上瘾》全面解读（下） 《上瘾》这本书从大量的实验案例调研中，总结出那些让用户上瘾的产品设计原则，最后提炼出了一个让用户上瘾的模型，读完以后，真的恍然大悟，原来习惯类的产品需要这么设计。

阅读文章 >

视觉：红色作为警惕色，用户看到后会更具有点击欲望，相对产品的一些数据指标会有对应的提升

缺点

需要用户采取额外的行动，徽章本身不是通知，这是通知的警报，它只是说明了用户有新更新的事实，用户必须单击或点击带有徽章的图标才能看到实际消息，红色为强干扰元素，对一些具有强迫症的用户很不友好，在体验上会有一定的影响

何时使用

一般用户消息的通知，例如系统通知、社交中的点赞、评论、回复等内容

2. 推送通知 推送通知是出现在移动设备的锁屏上并引起很多关注的通知。

优点

很难让用户忽略该推送通知，如果用户不进行处理，会长时间浮动在手机上

缺点

由于系统上 app 很多，会导致用户对该类的通知处于麻木状态，推送通知的效果不是很强

如果过度使用，频繁的推送通知，即使它们很有价值，也可能会惹恼用户

何时使用

推送通知适用于重要且时间敏感的更新（即用户设置的日历提醒或警报、航班延误或已交付订单的更新），在您发送推送通知之前，您需要确保您将与用户共享的信息是有价值的和时效性的，否则，最好使用其他类型的通知。

建议

不要使用推送通知来提示用户对应用进行评分 不建议将推送通知用于促销或广告 不要使用推送通知来鼓励用户返回应用，例如“好久没见到你了，是否想念了呢”通知不会为用户提供太多价值，需要向用户明确说明他们应该返回应用程序的目的 允许用户更改通知行为

3. 电子邮件通知 用户会收到一封电子邮件，其中包含有关更新的详细信息，不过这类通知目前在国外的一些网站使用频率比较高，根据习惯来讲，国外更多的还是习惯用邮件的方式作为重要信息的交流方式，相比之下国内使用邮件来传递信息的频率略低

优点

给用户更多的控制权，由用户决定是否要订阅电子邮件，如果电子邮件标题足够好，用户可能无需阅读电子邮件就可以理解上下文。

缺点

周期长，国内用户可能几个月甚至 1 年都看不了一次邮件，此外，电子邮件可能会在用户收件箱中丢失（即转到垃圾邮件文件夹）

它需要切换上下文，当应用程序发送需要用户操作的电子邮件通知时，用户必须切换到电子邮件应用程序才能完成操作，这可能不是很方便，尤其是当您与移动设备上的应用程序交互时。

何时使用

需要安全性时，想要使用电子邮件通知有两个原因，首先，出于安全目的，你可能希望将电子邮件用作单独的通道（即，当用户尝试登录服务时，应用程序会发送一封电子邮件，其中包含有关新登录尝试的通知）。

4. Toast 通知 Toast 属于一种及时性通知，当用户进行操作时，及时给出反馈，通常在移动端显示在界面的上、中、下三个位置，而 web 端通常显示在顶部区域，toast 持续一定时间后会自动消失，对用户的打扰较小

优点

Toast 是与当前页面的内容强关联，用户无需离开当前页面就能看到反馈消息，不会中断用户操作，出现时间短，对操作上无影响

缺点

丢失信息的风险，用户注意力不集中时，会出现漏掉关键性信息的情况

何时使用

Toast 是一种操作状态，例如，消息发送时可以在消息发送成功时显示 “发送成功”

建议

不要使用 toast 来提示与当前用户操作无关的信息

不要将 toast 用于错误消息，由于 toast 会在短时间内消失，因此某些用户可能无法阅读错误消息

5. 全屏覆盖/模态窗口 全屏覆盖/模态窗口是出现在应用内容顶部并要求用户做出决定的对话框窗口，这种类型的通知会在所有应用功能出现时禁用它们并保留在屏幕上，直到用户完成所需的操作。

优点

用户在访问应用程序时将 100% 看到通知，无法避免此通知。

缺点

它会阻碍用户当前的操作，迫使用户操作通知相关的内容

何时使用

全屏覆盖/模式窗口应仅用于需要用户操作的最关键的系统更新，例如，它可能是阻止应用程序正常运行的错误或需要特定用户决策的关键信息。

四、总结 1. 给用户选择

询问用户是否想接收特定类型的信息，当用户明确选择接收某些类型的通知时，说明他们的意愿更强，比产品强制传输消息效果较好

2. 减少重复通知

一些流氓软件会发送一些系统通知，用户无反馈后，还是会重复发送，特别是一些短信 push，建议用户没有回复时，也不要发送后续通知，大部分人的本性是不愿意被胁迫做一些事。

3. 避免敏感信息

不要在通知中包含敏感信息，例如一些文化特殊性、地域的特殊性等，防止出现触及别人痛处的一些文字语言

更多消息通知干货：

通知设计需要掌握哪些原则？来看这份全面指南 通知设计是双向的，关键是要保持适当的平衡。

阅读文章 >

编者按：产品设计中常见的消息通知有哪些类型？每个类型的优缺点分别是什么？本文总结了5种常见的消息通知类型。

编者按：产品设计中常见的消息通知有哪些类型？每个类型的优缺点分别是什么？本文总结了5种常见的消息通知类型。

通知是许多产品中不可或缺的一部分，它用于传递产品的一些新的信息状态，帮助用户能够及时收到信息。

本文将讨论五种类型的 UI 通知，以及何时以及如何使用它们的基本规则。

更深入的消息 通知设计 分析：

腾讯出品！消息通知系统设计指南 消息通知可以及时地将状态、内容的更新触达到用户，用户则可以根据收到的消息做后续判断。

阅读文章 >

一、什么是通知？ 通知是产品能够与用户及时同步信息变化，及时发送重要通知，例如产品更新、信息提醒、互动提醒、新消息通知等。

消息通知是为产品赋能，为用户提供帮助，便于快速获取对应的通知信息，例如产品更新、信息提醒、互动提醒、新消息通知等，在 App 和网页应用中最常见的信息交换方式则是消息通知。

消息作为一种信息交换方式，抽象其过程，即为“在达到某一触发条件下，由发送方发送消息给到接收方，接收方可针对此条消息提供反馈”。

二、通知的组成 基础的通知模块通常有标题、内容、入口、徽标、识别图标五个元素构成

标题区域：用户传递消息的核心区域，整个通知的信息都是围绕标题进行，一般标题以简短精炼为主，让用户在最短时间了解到关键信息。

内容区域：主要描述更加详细的通知内容，当然这里的内容也不建议超过 2 行，并且不要重复标题中内容

操作区域：通知分为可点击类和不可点击类，当通知模块需要用户点击时，视觉上应该更加具象，如按钮、箭头，不要让用户产生思考。

图标图片：有意义的图像可以强化通知的内容，例如，如果你将收到的消息通知用户，你可以包含发件人的头像。

三、通知的类型 通知的模式根据不同的场景也会有不同类型，接下来将一一讲解这 5 种通知类型，以及使用场景。

1. 徽标通知 徽标是一个小的填充椭圆形，可以出现在应用程序图标上并指示未看到的更新。徽标可以有一个数字，用于通知用户未读通知的数量。用户检查更新后，徽章会从应用程序图标中消失，并在新通知到达时再次出现。

优点

感知：它可以对用户产生积极的影响，在某些情况下，用户可以将徽章视为有价值的奖励，例如，徽章会通知用户他们在社交网络上收到新的点赞、评论，Nir Eyal 曾在他的书《上瘾》中描述了这种心理效应。

万字读书笔记！产品设计宝典《上瘾》全面解读！（上） 为什么人们每天都会刷朋友圈、刷抖音，而且一刷就是几个小时，根本停不下来？

阅读文章 >

万字读书笔记！产品设计宝典《上瘾》全面解读（下） 《上瘾》这本书从大量的实验案例调研中，总结出那些让用户上瘾的产品设计原则，最后提炼出了一个让用户上瘾的模型，读完以后，真的恍然大悟，原来习惯类的产品需要这么设计。

阅读文章 >

视觉：红色作为警惕色，用户看到后会更具有点击欲望，相对产品的一些数据指标会有对应的提升

缺点

需要用户采取额外的行动，徽章本身不是通知，这是通知的警报，它只是说明了用户有新更新的事实，用户必须单击或点击带有徽章的图标才能看到实际消息，红色为强干扰元素，对一些具有强迫症的用户很不友好，在体验上会有一定的影响

何时使用

一般用户消息的通知，例如系统通知、社交中的点赞、评论、回复等内容

2. 推送通知 推送通知是出现在移动设备的锁屏上并引起很多关注的通知。

优点

很难让用户忽略该推送通知，如果用户不进行处理，会长时间浮动在手机上

缺点

由于系统上 app 很多，会导致用户对该类的通知处于麻木状态，推送通知的效果不是很强

如果过度使用，频繁的推送通知，即使它们很有价值，也可能会惹恼用户

何时使用

推送通知适用于重要且时间敏感的更新（即用户设置的日历提醒或警报、航班延误或已交付订单的更新），在您发送推送通知之前，您需要确保您将与用户共享的信息是有价值的和时效性的，否则，最好使用其他类型的通知。

建议

不要使用推送通知来提示用户对应用进行评分 不建议将推送通知用于促销或广告 不要使用推送通知来鼓励用户返回应用，例如“好久没见到你了，是否想念了呢”通知不会为用户提供太多价值，需要向用户明确说明他们应该返回应用程序的目的 允许用户更改通知行为

3. 电子邮件通知 用户会收到一封电子邮件，其中包含有关更新的详细信息，不过这类通知目前在国外的一些网站使用频率比较高，根据习惯来讲，国外更多的还是习惯用邮件的方式作为重要信息的交流方式，相比之下国内使用邮件来传递信息的频率略低

优点

给用户更多的控制权，由用户决定是否要订阅电子邮件，如果电子邮件标题足够好，用户可能无需阅读电子邮件就可以理解上下文。

缺点

周期长，国内用户可能几个月甚至 1 年都看不了一次邮件，此外，电子邮件可能会在用户收件箱中丢失（即转到垃圾邮件文件夹）

它需要切换上下文，当应用程序发送需要用户操作的电子邮件通知时，用户必须切换到电子邮件应用程序才能完成操作，这可能不是很方便，尤其是当您与移动设备上的应用程序交互时。

何时使用

需要安全性时，想要使用电子邮件通知有两个原因，首先，出于安全目的，你可能希望将电子邮件用作单独的通道（即，当用户尝试登录服务时，应用程序会发送一封电子邮件，其中包含有关新登录尝试的通知）。

4. Toast 通知 Toast 属于一种及时性通知，当用户进行操作时，及时给出反馈，通常在移动端显示在界面的上、中、下三个位置，而 web 端通常显示在顶部区域，toast 持续一定时间后会自动消失，对用户的打扰较小

优点

Toast 是与当前页面的内容强关联，用户无需离开当前页面就能看到反馈消息，不会中断用户操作，出现时间短，对操作上无影响

缺点

丢失信息的风险，用户注意力不集中时，会出现漏掉关键性信息的情况

何时使用

Toast 是一种操作状态，例如，消息发送时可以在消息发送成功时显示 “发送成功”

建议

不要使用 toast 来提示与当前用户操作无关的信息

不要将 toast 用于错误消息，由于 toast 会在短时间内消失，因此某些用户可能无法阅读错误消息

5. 全屏覆盖/模态窗口 全屏覆盖/模态窗口是出现在应用内容顶部并要求用户做出决定的对话框窗口，这种类型的通知会在所有应用功能出现时禁用它们并保留在屏幕上，直到用户完成所需的操作。

优点

用户在访问应用程序时将 100% 看到通知，无法避免此通知。

缺点

它会阻碍用户当前的操作，迫使用户操作通知相关的内容

何时使用

全屏覆盖/模式窗口应仅用于需要用户操作的最关键的系统更新，例如，它可能是阻止应用程序正常运行的错误或需要特定用户决策的关键信息。

四、总结 1. 给用户选择

询问用户是否想接收特定类型的信息，当用户明确选择接收某些类型的通知时，说明他们的意愿更强，比产品强制传输消息效果较好

2. 减少重复通知

一些流氓软件会发送一些系统通知，用户无反馈后，还是会重复发送，特别是一些短信 push，建议用户没有回复时，也不要发送后续通知，大部分人的本性是不愿意被胁迫做一些事。

3. 避免敏感信息

不要在通知中包含敏感信息，例如一些文化特殊性、地域的特殊性等，防止出现触及别人痛处的一些文字语言

更多消息通知干货：

通知设计需要掌握哪些原则？来看这份全面指南 通知设计是双向的，关键是要保持适当的平衡。

阅读文章 >

编者按：海报设计没灵感？本系列教你拍一张照片，就能设计成一幅海报。写在前面不瞒大家说，貌似好像我确实好久没有更新《随手拍一张照片，就能设计成一幅海报》系列文章了～这不，最近又开始手痒了，创作欲爆棚，所以，就带着最新的一波照片变海报创作来咯！

编者按： 海报设计 没灵感？本系列教你拍一张照片，就能设计成一幅海报。

写在前面

不瞒大家说，貌似好像我确实好久没有更新《随手拍一张照片，就能设计成一幅海报》系列文章了～

这不，最近又开始手痒了，创作欲爆棚，所以，就带着最新的一波照片变海报创作来咯！～

往期回顾：

拍一张照片，就能设计成一幅海报！ 写在前面 因为一直以来都有不少人催我更新《随手拍一张照片，就能设计成一幅海报》系列文章，不过这事急不来，因为之前我也经常向大家提及的一个观点就是，设计是来源于生活的，生活是需要时间去经历和感受的，我的这个系列的文章其实也是我有好好去生活的一种见证。

阅读文章 >

照片一：小面包

说出来大家可能不信，这张照片是在凌晨 5 点左右拍的。

为什么这个点我不睡觉居然拍猫片，是因为小面包它大半夜的不睡觉，居然再一次玩起了“越狱”，把房子搞出很大的动静，把我吵醒了，而且他还一副大佬神态，很不屑的看着我，好像在说：“怎样啊，小喵咪我就是越狱了，你能把我怎样？

我当然是不能把你怎样啊，但我可以给你设计一幅海报，把你的“罪行”公之于众，看在相处了好几年的份上，顺便也给你美美容打扮一下好了，毕竟做我的喵，形象这块不能太邋遢，哈哈。

所以最终设计为海报后：

当然，被我美容后的照片，多少有点“女人，你也很为我着迷吧？”的嘚瑟感。

瞬间从油腻大佬，变身放荡不羁爱自由的混世小魔王了，哈哈哈。

这一点跟小面包的实际性格比较像，憨厚的外表下藏着一颗玩咖的心，心野得很，不然怎么老想往外跑呢？

所以我只是用 ps 还原了小面包的本色而已。

照片二：游乐场

这张照片是在一个设施比较潮和有趣的游乐场抓拍到的，是抓拍的别人家的小女孩啦。

当时就是觉得这个小女孩的动作和这个场景结合在一起，很有一种悠闲自得和梦幻的感觉。

然后回到家，我就顺着这个方向，设计了下面这幅海报：

可能有的人会觉得字体设计得太硬朗了，不符合小女孩的气质，但谁说女孩子只有萌萌哒的可爱气质啊，她就不能是有个性的酷酷的小女孩嘛？

所以就这样咯，这幅海报的调色和字体设计都是往酷酷中透着可爱，可爱中透着个性、梦幻和悠然自得的方向去设计的。

要的就是这种感觉，你们懂的吧～

照片三：七彩泡泡

以前住的地方在三楼，很久没回去了，上次回去发现楼下的小树都已经长成参天大树了，密密麻麻的树叶在跟前随风摇曳，很是震撼，当时手上有一个吹泡泡机，于是随手就拍到这这张很仙的照片。

时隔大概 2 个月后，再看这张照片依旧觉得很好看，于是就把它设计成海报了：

2 个月的时间里，其实也可以发生很多事情，让我对人生有了一些新的体会。

很多东西其实都像泡泡一样，看起来绚烂，其实都是脆弱不堪的。

一个人的好心情如此，人与人之间的关系如此，人的生命其实也是如此。

所以说，活在当下就好。

所以我随手把“Life is just like the colorful bubbles”这句话敲在了海报上。

中文字体部分的设计其实就是模拟的泡泡形状来设计的啦，就像自由的，不规则的各种形状的泡泡一样。

毕竟，谁不爱自由呢？

希望我的这幅海报也能带给大家一丝自由的安慰。

照片四：绝美夕阳

上个月拍了几张绝美的夕阳照，原片就非常出色了，所以对于这种完美的照片我几乎很少在设计上花太多心思，毕竟“高端的食材，往往只需要简单的烹饪方式”，哈哈～

这一次选用日文随便排了一下版，把同一种排版放在了 4 张不同的照片上，每一张都很好看啊，一起来感受下：

总结来说，这几幅海报，全靠老天爷赏饭吃，让我拍到了这么好看的照片，给了我偷懒的机会，哈哈。

更多日文字体：

提高设计格调！17款「高级感」的日文字体打包下载 @设计便利店：日文字体可能对于普通人来说接触比较少，但对于设计师来说，日本字体具有很高的实用价值和参考价值。

阅读文章 >

也许，经历得越多你就越会发现，很多事情要做成，还真不是靠个人能决定的，还是要看天命。

所以，注重修养身心是很有必要的。

照片五：氢气球

这张照片应该是 5 月份还是 6 月份拍的啦，也是我抓拍到的一张非常喜欢的照片，很治愈。

于是昨天把这张照片翻出来，也设计了一幅海报。

呐～就是下面这幅看了会让人感觉开心的海报啦：

这幅海不需要我多做解释都可以明白为什么会这么去设计吧，哈哈～

其实就是从照片本身提取的一些元素利用起来啦，既贴合主题，也能起到呼应的作用，一举两得。

尤其是上面部分其实做头像和朋友圈背景也都很合适，喜欢的话直接拿去用就好了，我已经帮大家切好图了，拿走不谢。

好啦，看完我分享的这些随手拍照片变海报得创作后，心情有没有变好一点？

其实，海报设计真的很简单，就像我在 2019 年就在备忘录里跟大家说过的：

哈哈，逗你们的啦～

只是想告诉大家，任何一件事情，只要你想把它做好，做专业，都是需要付出极大的努力，需要手、脑、心、眼等各方面的积累的，急不得。

尤其是做设计，思想和技能其实是缺一不可的，甚至很多时候，思想其实比技能更重要，那些有思想的设计其实比单纯炫技类的设计更能打动人。

明白这个道理后，大家懂得缺啥补啥就好。

另外，设计也确实是一件很有趣的事，生活中也有很多精彩的瞬间值得被记录，这也是我一直想要传递给大家的。

就像昨天有一位面粉在我的朋友圈下面的留言：

每次看到面粉们给我这样的反馈，都让我很欣慰和感动啊，因为 ta 们让我知道，原来我的分享也无形中改变了很多人的心态或生活，甚至是使很多人的人生走向了正轨。

好啦，今天的创作分享就到这里了，愿更多的人也能有所收获或启发啊。

下周会接着给大家安排“与婷姐的对话”一对一问答分享环节。

晚安，我们下期再见！～

更多往期回顾：

拍一张照片，就能设计成一幅海报！ 写在前面 因为一直以来都有不少人催我更新《随手拍一张照片，就能设计成一幅海报》系列文章，不过这事急不来，因为之前我也经常向大家提及的一个观点就是，设计是来源于生活的，生活是需要时间去经历和感受的，我的这个系列的文章其实也是我有好好去生活的一种见证。

阅读文章 >

如何处理好文案和图片之间的层级关系，看这篇文章就够啦！ 今天继续为大家带来新一期的《拍一张照片，就是一幅海报》系列文章，重点跟大家讲一下如何处理好文案和图片之间的层级关系。

阅读文章 >

拍一张照片，就能设计成一幅海报！ 时隔不知道多久，终于我又开始更新《随手拍一张照片，就是一幅海报》系列设计分享文章了，让大家久等啦！

阅读文章 >

欢迎关注作者的微信公众号 「做设计的面条」 ，一个干货与文笔俱佳的美女 设计师 。

编者按：设计师求职面试一直石沉大海？本文总结了10个作品集中新手容易犯错的点，给求职期的设计新手参考。求职后的面试环节，优设也有宝典：面试宝典！

编者按： 设计师求职 面试一直石沉大海？本文总结了10个 作品集 中新手容易犯错的点，给求职期的设计新手参考。

求职后的面试环节，优设也有宝典：

面试宝典！7个设计师面试常见问题解答 大家好，这里是设计师的自我修养栏目，我是应骏，只讲思路，不讲参数。

阅读文章 >

随着设计行业对于专业能力的要求越来越高，导致很多设计师求职并不如意，就把这个失利归根于行业饱和。任何行业都是持续进步的，入行的人多了自然会形成优胜劣汰，我们应该多思考如何把专业做到极致。

很多 设计师 求职失利主要的问题还是行业经验、作品集质量、专业知识储备量、面试技巧等，今天黑马哥和大家聊的是作品集质量问题。作品本身设计不足，与作品集包装没啥关系，下面我们就一起来分析一下吧！

一、不局限于作品包装本身 虽然作品集包装也很重要，可以对我们的作品输出进行扬长避短，起到非常好的衬托作用。但是面试官考核的不只是包装而已，作品本身的能力至关重要，喧宾夺主也容易适得其反。

我们不能过度局限于作品包装，而忽略作品自身的修炼，需要投入时间精力细化每一个界面，确保它们都是自己正常专业水平之上的输出。所以说提到作品集很多设计师总是纠结于不知道怎么开始，以为难倒自己的是包装，其实先把单个的界面优化好就是第一步。要让自己的每一个界面都经得起考验，而不是凑数量，这样包装才能锦上添花。

二、老作品新用场过于偷懒 遇到过很多设计师在制作作品集时，往年的作品直接拿来凑数，导致作品呈现质量参差不齐。在职场 1-3 年的时间段，项目作品数量有限实属正常，往年的作品包装到作品集中也是没问题的，只是老作品新用场不能过于偷懒。

设计趋势和大众的审美观念都是在发生变化的，前几年的作品也许在当时觉得还不错，但是时过境迁之后不一定入得了当下的审美标准。针对老作品我们需要结合当下的设计趋势和审美标准进行评估，如果这个作品连自己都打动不了，想要打动面试官那是很难的。我们要结合新的趋势和规范进行二次梳理，重新优化调整每一个界面，确保它们都是符合当下设计标准的，然后再结合作品集新的规范重新包装，这样才能保持整体作品集的质量。

想要更好的结果就不要偷懒，此时的应付换来的就是行业的抛弃，多一点行动多一分设想。

三、追赶样机趋势却忽略规范 在包装作品集的过程中，相信大家都会经常使用样机模型，以此来真实的还原作品呈现。随着样机设备的不断更新交替，样机模型也是经常变化，保持最新样机模型也能提高作品集的趋势感。

大家都知道追赶样机趋势，但是却不调整作品的规范，导致作品的组件规范和样机的不匹配。看似觉得无伤大雅，实则对于讲究细节的面试官来说，会认为这是你的专业态度问题。如果连设计规范都不能把控好，也不注重设计细节，那么如何相信你的专业能力呢！

追赶样机趋势是毋庸置疑的，不过也要结合样机模型的组件趋势，老作品要结合新趋势重新调整，不要忽略这些细节的表现。

四、作品不可缺少反复自查 在优化单个界面的时候，不要忽略细节的校对，特别是不要出现低级错误。比如图文不搭、错别字、信息表达出错、元素替代遗漏、流程不通、信息逻辑不对等等，不要在看似简单的细节上面出错，反复自查是不可缺少的环节。

特别是对于自己 0-1 参与的项目，一定要对每个环节都比较熟悉，不能只是停留在视觉表层。检查自己设计上面的问题，也要复盘全案设计的思路，这样面试官在考核的时候才会应对自如。如果细节都容易被忽略，设计态度的体现将会大打折扣，也容易让人觉得你做事比较马虎。

五、工作输出单一而不去改变 如果在规模比较小的企业，我们的项目容易比较单一，就会导致作品输出也比较单一。如果公司对于设计质量的要求比较低，我们也沉淀不出什么像样的作品，求职就会变得非常被动。工作输出单一如果还不去改变，久而久之便会影响专业能力，职场路径也会变得局限性很大。

对于 UI 设计师来说，无论是 C 端还是 Ｂ 端都属于我们技能掌握的范围，而不能根据短期内的行业走势锁定自己的职场路径。在工作中没有机会发挥多维度设计时，我们要在日常强化中去弥补，不能让自己的技能变得越来越收缩。不要为自己作品输出单一而找借口，结合公司业务转化、前公司业务优化、熟悉产品改版设计等，都可以以此来强化缺失的技能。

机遇是自己去创造的，只有能做好了才能抓住机会，没有机会去发挥专业能力，就要主动去挖掘。

六、信息重复导致样式化 项目界面作为技术对接和作品展示输出，这两种情况下我们不能偷懒的采用一个态度。站在项目对接的角度来说，信息图文都可以只是占位符，交代清楚样式特征即可。哪怕全部采用一样的文案信息和配图都没关系，甚至配图用色块来替代都可以，只要下游对接的同事能判断出来就好。

站在作品集输出的角度来说，不能以此形式来表达，这样带来的感官体验肯定是有所欠缺的。样式化的表达不能体现出作品的真实感，包装出来的效果也会大打折扣，我们要真实还原每一个界面中的信息表达。无论是文案还是配图来说，都要选择更加真实的内容，不能以占位符的心态去输出作品。

不同的版块信息要以不同的文案和配图来填充，就算是数据和日期等内容也不要都一模一样，做好细节才能带来更多机遇。

七、人靠衣装配图是金装 作品展示的角度来说，一些设计师容易忽略界面中的配图，随便找一些图片填充设计，导致自己的作品总是少了一些质量。配图就如同人的衣着打扮，人靠衣装配图就是作品的金装。如果配图自身不够高端大气，作品自然也是高端不起来的。

在保障配图与信息表达真实性的前提下，我们要尽量选择质量更高的配图，以此来带动作品的格调。不过我们也要养成版权意识，尽量去免费可商用的图库网站筛选图片，可以找黑马哥领取网站合集。既然耗费了时间输出作品，就不要在配图这个环节马虎，高质量的配图也能带动作品的质量，带给面试官更好的感官体验。

八、作品输出缺少视觉感营造 随着行业发展的成熟，各阶段的人才储备也会变得更多，求职的时候面试官的选择性就会更多了。当面试官收到的作品集很多的时候，就需要经过多次筛选来提高选择效率。通过学历、工作经验、岗位匹配度、作品集和面试发挥等来筛选，而作品集也会经历海选、初选、精选等。

影响作品集筛选的因素很多，在海选和初选的时候，如果作品集很多的情况下，作品带来的视觉第一眼就变得很重要了。如果单个界面本身只是简单的布局层面表达，缺少一些视觉感的营造，极容易在海选的时候被忽略掉。这样就算你设计说明描述的很好，产品思维也比较成熟，但是面试官没有看到或者没有仔细阅读那些长篇大论，也是徒劳无功。

提高作品的视觉表现力可以从配色开始，色感的表达可以让作品充满视觉亮点；也可以精致化图标设计，质感图标的表达可以带动界面的视觉感；还可以从 IP 设计或者品牌基因等元素的融入入手，以此丰富界面设计的视觉表现力。营造视觉感的方向很多，不能局限于常规的布局，摆脱同质化需要从差异化的视觉表现力开始。

九、作品本身的差异化不可缺 同类型的设计看久了终归还是会麻木的，在相似功能的设计表达上面，如果同质化比较严重，面试官也会觉得你缺少创新能力。不要只是把焦点放在作品集包装层面，作品本身的差异化也是至关重要的。

差异化的体现可以是交互形式上面的创新，摆脱常规的功能表达，破局才能打破固化思维。也可以是立足于品牌的基础上进行设计，提取品牌元素运用到产品设计的场景中，这是拉开差异化较为明显的方向。还可以运用一些新的技术或者趋势化表达，比如三维设计运用到 UI 场景中，插画风格衍生到图标和视觉区域等场景中，交互动效带来界面动态化表达等等。

在设计每一个界面的时候，如果都只是普通的展示功能而已，这样的设计是打动不了面试官的，因为随便来个设计师都可以做出来。每个设计作品都是体现自己专业能力的表达，我们需要的不是完成需求，而是如何突破常规，做出不一样的设计。

十、不局限于界面而是思路 工作项目中我们需要完成所有的状态表达，但是作为面试作品来说，不需要展示全部内容，重要的是整个项目设计的思路。就展示界面来说选择主界面、重要业务流程界面、强视觉感界面、创新交互表达界面等。作品集是众多项目的缩影呈现，都去展示不但篇幅不够，也容易让有亮点的设计被埋没。

在设计作品集的时候首先要明确项目展示的流程和思路，比如项目背景、用户调研、交互设计、品牌设计、UI 设计等等（仅作为大概示意）。把这个流程里面需要重点展示的界面设计好，这样才能快速的优化项目。也不需要把一个界面的所有内容都呈现出来，输出一条特别长的界面，到时候包装的时候不利于展示发挥。

整个作品集呈现出来的思路比较重要，通过作品集要体现出你所具备的能力，如果你会插画但是没有在项目设计中体现出来也是无效的。通过作品集告诉面试官你具备哪些解决问题的能力，而不是单纯的界面设计而已，我们在职场中存在的价值就是辅助团队解决设计问题。

小结

在这个形势严峻的招聘环境中，作品集无疑是我们最有利的能力保障，无论你面试技巧再完美，作品不行也是徒有其表。作品集的好坏不限于作品包装本身，作品自身的设计表现力也是至关重要的，不要偷懒也不要滥竽充数，你付出了多少努力面试官一眼就判断出来了。

希望本文的梳理可以带给大家一点经验，多花时间在作品上面，用心打磨每一个元素和深思每一个设计表现场景。

我拆解了 Behance 首推作品集，总结出 7 个让作品集更高级的技巧 Hi，我是彩云。

阅读文章 >

欢迎关注作者的微信公众号：「黑马家族」

编者按：设计师求职面试一直石沉大海？本文总结了10个作品集中新手容易犯错的点，给求职期的设计新手参考。求职后的面试环节，优设也有宝典：面试宝典！

编者按： 设计师求职 面试一直石沉大海？本文总结了10个 作品集 中新手容易犯错的点，给求职期的设计新手参考。

求职后的面试环节，优设也有宝典：

面试宝典！7个设计师面试常见问题解答 大家好，这里是设计师的自我修养栏目，我是应骏，只讲思路，不讲参数。

阅读文章 >

随着设计行业对于专业能力的要求越来越高，导致很多设计师求职并不如意，就把这个失利归根于行业饱和。任何行业都是持续进步的，入行的人多了自然会形成优胜劣汰，我们应该多思考如何把专业做到极致。

很多 设计师 求职失利主要的问题还是行业经验、作品集质量、专业知识储备量、面试技巧等，今天黑马哥和大家聊的是作品集质量问题。作品本身设计不足，与作品集包装没啥关系，下面我们就一起来分析一下吧！

一、不局限于作品包装本身 虽然作品集包装也很重要，可以对我们的作品输出进行扬长避短，起到非常好的衬托作用。但是面试官考核的不只是包装而已，作品本身的能力至关重要，喧宾夺主也容易适得其反。

我们不能过度局限于作品包装，而忽略作品自身的修炼，需要投入时间精力细化每一个界面，确保它们都是自己正常专业水平之上的输出。所以说提到作品集很多设计师总是纠结于不知道怎么开始，以为难倒自己的是包装，其实先把单个的界面优化好就是第一步。要让自己的每一个界面都经得起考验，而不是凑数量，这样包装才能锦上添花。

二、老作品新用场过于偷懒 遇到过很多设计师在制作作品集时，往年的作品直接拿来凑数，导致作品呈现质量参差不齐。在职场 1-3 年的时间段，项目作品数量有限实属正常，往年的作品包装到作品集中也是没问题的，只是老作品新用场不能过于偷懒。

设计趋势和大众的审美观念都是在发生变化的，前几年的作品也许在当时觉得还不错，但是时过境迁之后不一定入得了当下的审美标准。针对老作品我们需要结合当下的设计趋势和审美标准进行评估，如果这个作品连自己都打动不了，想要打动面试官那是很难的。我们要结合新的趋势和规范进行二次梳理，重新优化调整每一个界面，确保它们都是符合当下设计标准的，然后再结合作品集新的规范重新包装，这样才能保持整体作品集的质量。

想要更好的结果就不要偷懒，此时的应付换来的就是行业的抛弃，多一点行动多一分设想。

三、追赶样机趋势却忽略规范 在包装作品集的过程中，相信大家都会经常使用样机模型，以此来真实的还原作品呈现。随着样机设备的不断更新交替，样机模型也是经常变化，保持最新样机模型也能提高作品集的趋势感。

大家都知道追赶样机趋势，但是却不调整作品的规范，导致作品的组件规范和样机的不匹配。看似觉得无伤大雅，实则对于讲究细节的面试官来说，会认为这是你的专业态度问题。如果连设计规范都不能把控好，也不注重设计细节，那么如何相信你的专业能力呢！

追赶样机趋势是毋庸置疑的，不过也要结合样机模型的组件趋势，老作品要结合新趋势重新调整，不要忽略这些细节的表现。

四、作品不可缺少反复自查 在优化单个界面的时候，不要忽略细节的校对，特别是不要出现低级错误。比如图文不搭、错别字、信息表达出错、元素替代遗漏、流程不通、信息逻辑不对等等，不要在看似简单的细节上面出错，反复自查是不可缺少的环节。

特别是对于自己 0-1 参与的项目，一定要对每个环节都比较熟悉，不能只是停留在视觉表层。检查自己设计上面的问题，也要复盘全案设计的思路，这样面试官在考核的时候才会应对自如。如果细节都容易被忽略，设计态度的体现将会大打折扣，也容易让人觉得你做事比较马虎。

五、工作输出单一而不去改变 如果在规模比较小的企业，我们的项目容易比较单一，就会导致作品输出也比较单一。如果公司对于设计质量的要求比较低，我们也沉淀不出什么像样的作品，求职就会变得非常被动。工作输出单一如果还不去改变，久而久之便会影响专业能力，职场路径也会变得局限性很大。

对于 UI 设计师来说，无论是 C 端还是 Ｂ 端都属于我们技能掌握的范围，而不能根据短期内的行业走势锁定自己的职场路径。在工作中没有机会发挥多维度设计时，我们要在日常强化中去弥补，不能让自己的技能变得越来越收缩。不要为自己作品输出单一而找借口，结合公司业务转化、前公司业务优化、熟悉产品改版设计等，都可以以此来强化缺失的技能。

机遇是自己去创造的，只有能做好了才能抓住机会，没有机会去发挥专业能力，就要主动去挖掘。

六、信息重复导致样式化 项目界面作为技术对接和作品展示输出，这两种情况下我们不能偷懒的采用一个态度。站在项目对接的角度来说，信息图文都可以只是占位符，交代清楚样式特征即可。哪怕全部采用一样的文案信息和配图都没关系，甚至配图用色块来替代都可以，只要下游对接的同事能判断出来就好。

站在作品集输出的角度来说，不能以此形式来表达，这样带来的感官体验肯定是有所欠缺的。样式化的表达不能体现出作品的真实感，包装出来的效果也会大打折扣，我们要真实还原每一个界面中的信息表达。无论是文案还是配图来说，都要选择更加真实的内容，不能以占位符的心态去输出作品。

不同的版块信息要以不同的文案和配图来填充，就算是数据和日期等内容也不要都一模一样，做好细节才能带来更多机遇。

七、人靠衣装配图是金装 作品展示的角度来说，一些设计师容易忽略界面中的配图，随便找一些图片填充设计，导致自己的作品总是少了一些质量。配图就如同人的衣着打扮，人靠衣装配图就是作品的金装。如果配图自身不够高端大气，作品自然也是高端不起来的。

在保障配图与信息表达真实性的前提下，我们要尽量选择质量更高的配图，以此来带动作品的格调。不过我们也要养成版权意识，尽量去免费可商用的图库网站筛选图片，可以找黑马哥领取网站合集。既然耗费了时间输出作品，就不要在配图这个环节马虎，高质量的配图也能带动作品的质量，带给面试官更好的感官体验。

八、作品输出缺少视觉感营造 随着行业发展的成熟，各阶段的人才储备也会变得更多，求职的时候面试官的选择性就会更多了。当面试官收到的作品集很多的时候，就需要经过多次筛选来提高选择效率。通过学历、工作经验、岗位匹配度、作品集和面试发挥等来筛选，而作品集也会经历海选、初选、精选等。

影响作品集筛选的因素很多，在海选和初选的时候，如果作品集很多的情况下，作品带来的视觉第一眼就变得很重要了。如果单个界面本身只是简单的布局层面表达，缺少一些视觉感的营造，极容易在海选的时候被忽略掉。这样就算你设计说明描述的很好，产品思维也比较成熟，但是面试官没有看到或者没有仔细阅读那些长篇大论，也是徒劳无功。

提高作品的视觉表现力可以从配色开始，色感的表达可以让作品充满视觉亮点；也可以精致化图标设计，质感图标的表达可以带动界面的视觉感；还可以从 IP 设计或者品牌基因等元素的融入入手，以此丰富界面设计的视觉表现力。营造视觉感的方向很多，不能局限于常规的布局，摆脱同质化需要从差异化的视觉表现力开始。

九、作品本身的差异化不可缺 同类型的设计看久了终归还是会麻木的，在相似功能的设计表达上面，如果同质化比较严重，面试官也会觉得你缺少创新能力。不要只是把焦点放在作品集包装层面，作品本身的差异化也是至关重要的。

差异化的体现可以是交互形式上面的创新，摆脱常规的功能表达，破局才能打破固化思维。也可以是立足于品牌的基础上进行设计，提取品牌元素运用到产品设计的场景中，这是拉开差异化较为明显的方向。还可以运用一些新的技术或者趋势化表达，比如三维设计运用到 UI 场景中，插画风格衍生到图标和视觉区域等场景中，交互动效带来界面动态化表达等等。

在设计每一个界面的时候，如果都只是普通的展示功能而已，这样的设计是打动不了面试官的，因为随便来个设计师都可以做出来。每个设计作品都是体现自己专业能力的表达，我们需要的不是完成需求，而是如何突破常规，做出不一样的设计。

十、不局限于界面而是思路 工作项目中我们需要完成所有的状态表达，但是作为面试作品来说，不需要展示全部内容，重要的是整个项目设计的思路。就展示界面来说选择主界面、重要业务流程界面、强视觉感界面、创新交互表达界面等。作品集是众多项目的缩影呈现，都去展示不但篇幅不够，也容易让有亮点的设计被埋没。

在设计作品集的时候首先要明确项目展示的流程和思路，比如项目背景、用户调研、交互设计、品牌设计、UI 设计等等（仅作为大概示意）。把这个流程里面需要重点展示的界面设计好，这样才能快速的优化项目。也不需要把一个界面的所有内容都呈现出来，输出一条特别长的界面，到时候包装的时候不利于展示发挥。

整个作品集呈现出来的思路比较重要，通过作品集要体现出你所具备的能力，如果你会插画但是没有在项目设计中体现出来也是无效的。通过作品集告诉面试官你具备哪些解决问题的能力，而不是单纯的界面设计而已，我们在职场中存在的价值就是辅助团队解决设计问题。

小结

在这个形势严峻的招聘环境中，作品集无疑是我们最有利的能力保障，无论你面试技巧再完美，作品不行也是徒有其表。作品集的好坏不限于作品包装本身，作品自身的设计表现力也是至关重要的，不要偷懒也不要滥竽充数，你付出了多少努力面试官一眼就判断出来了。

希望本文的梳理可以带给大家一点经验，多花时间在作品上面，用心打磨每一个元素和深思每一个设计表现场景。

我拆解了 Behance 首推作品集，总结出 7 个让作品集更高级的技巧 Hi，我是彩云。

阅读文章 >

欢迎关注作者的微信公众号：「黑马家族」

编者按：海报设计没灵感？本系列教你拍一张照片，就能设计成一幅海报。写在前面不瞒大家说，貌似好像我确实好久没有更新《随手拍一张照片，就能设计成一幅海报》系列文章了～这不，最近又开始手痒了，创作欲爆棚，所以，就带着最新的一波照片变海报创作来咯！

编者按： 海报设计 没灵感？本系列教你拍一张照片，就能设计成一幅海报。

写在前面

不瞒大家说，貌似好像我确实好久没有更新《随手拍一张照片，就能设计成一幅海报》系列文章了～

这不，最近又开始手痒了，创作欲爆棚，所以，就带着最新的一波照片变海报创作来咯！～

往期回顾：

拍一张照片，就能设计成一幅海报！ 写在前面 因为一直以来都有不少人催我更新《随手拍一张照片，就能设计成一幅海报》系列文章，不过这事急不来，因为之前我也经常向大家提及的一个观点就是，设计是来源于生活的，生活是需要时间去经历和感受的，我的这个系列的文章其实也是我有好好去生活的一种见证。

阅读文章 >

照片一：小面包

说出来大家可能不信，这张照片是在凌晨 5 点左右拍的。

为什么这个点我不睡觉居然拍猫片，是因为小面包它大半夜的不睡觉，居然再一次玩起了“越狱”，把房子搞出很大的动静，把我吵醒了，而且他还一副大佬神态，很不屑的看着我，好像在说：“怎样啊，小喵咪我就是越狱了，你能把我怎样？

我当然是不能把你怎样啊，但我可以给你设计一幅海报，把你的“罪行”公之于众，看在相处了好几年的份上，顺便也给你美美容打扮一下好了，毕竟做我的喵，形象这块不能太邋遢，哈哈。

所以最终设计为海报后：

当然，被我美容后的照片，多少有点“女人，你也很为我着迷吧？”的嘚瑟感。

瞬间从油腻大佬，变身放荡不羁爱自由的混世小魔王了，哈哈哈。

这一点跟小面包的实际性格比较像，憨厚的外表下藏着一颗玩咖的心，心野得很，不然怎么老想往外跑呢？

所以我只是用 ps 还原了小面包的本色而已。

照片二：游乐场

这张照片是在一个设施比较潮和有趣的游乐场抓拍到的，是抓拍的别人家的小女孩啦。

当时就是觉得这个小女孩的动作和这个场景结合在一起，很有一种悠闲自得和梦幻的感觉。

然后回到家，我就顺着这个方向，设计了下面这幅海报：

可能有的人会觉得字体设计得太硬朗了，不符合小女孩的气质，但谁说女孩子只有萌萌哒的可爱气质啊，她就不能是有个性的酷酷的小女孩嘛？

所以就这样咯，这幅海报的调色和字体设计都是往酷酷中透着可爱，可爱中透着个性、梦幻和悠然自得的方向去设计的。

要的就是这种感觉，你们懂的吧～

照片三：七彩泡泡

以前住的地方在三楼，很久没回去了，上次回去发现楼下的小树都已经长成参天大树了，密密麻麻的树叶在跟前随风摇曳，很是震撼，当时手上有一个吹泡泡机，于是随手就拍到这这张很仙的照片。

时隔大概 2 个月后，再看这张照片依旧觉得很好看，于是就把它设计成海报了：

2 个月的时间里，其实也可以发生很多事情，让我对人生有了一些新的体会。

很多东西其实都像泡泡一样，看起来绚烂，其实都是脆弱不堪的。

一个人的好心情如此，人与人之间的关系如此，人的生命其实也是如此。

所以说，活在当下就好。

所以我随手把“Life is just like the colorful bubbles”这句话敲在了海报上。

中文字体部分的设计其实就是模拟的泡泡形状来设计的啦，就像自由的，不规则的各种形状的泡泡一样。

毕竟，谁不爱自由呢？

希望我的这幅海报也能带给大家一丝自由的安慰。

照片四：绝美夕阳

上个月拍了几张绝美的夕阳照，原片就非常出色了，所以对于这种完美的照片我几乎很少在设计上花太多心思，毕竟“高端的食材，往往只需要简单的烹饪方式”，哈哈～

这一次选用日文随便排了一下版，把同一种排版放在了 4 张不同的照片上，每一张都很好看啊，一起来感受下：

总结来说，这几幅海报，全靠老天爷赏饭吃，让我拍到了这么好看的照片，给了我偷懒的机会，哈哈。

更多日文字体：

提高设计格调！17款「高级感」的日文字体打包下载 @设计便利店：日文字体可能对于普通人来说接触比较少，但对于设计师来说，日本字体具有很高的实用价值和参考价值。

阅读文章 >

也许，经历得越多你就越会发现，很多事情要做成，还真不是靠个人能决定的，还是要看天命。

所以，注重修养身心是很有必要的。

照片五：氢气球

这张照片应该是 5 月份还是 6 月份拍的啦，也是我抓拍到的一张非常喜欢的照片，很治愈。

于是昨天把这张照片翻出来，也设计了一幅海报。

呐～就是下面这幅看了会让人感觉开心的海报啦：

这幅海不需要我多做解释都可以明白为什么会这么去设计吧，哈哈～

其实就是从照片本身提取的一些元素利用起来啦，既贴合主题，也能起到呼应的作用，一举两得。

尤其是上面部分其实做头像和朋友圈背景也都很合适，喜欢的话直接拿去用就好了，我已经帮大家切好图了，拿走不谢。

好啦，看完我分享的这些随手拍照片变海报得创作后，心情有没有变好一点？

其实，海报设计真的很简单，就像我在 2019 年就在备忘录里跟大家说过的：

哈哈，逗你们的啦～

只是想告诉大家，任何一件事情，只要你想把它做好，做专业，都是需要付出极大的努力，需要手、脑、心、眼等各方面的积累的，急不得。

尤其是做设计，思想和技能其实是缺一不可的，甚至很多时候，思想其实比技能更重要，那些有思想的设计其实比单纯炫技类的设计更能打动人。

明白这个道理后，大家懂得缺啥补啥就好。

另外，设计也确实是一件很有趣的事，生活中也有很多精彩的瞬间值得被记录，这也是我一直想要传递给大家的。

就像昨天有一位面粉在我的朋友圈下面的留言：

每次看到面粉们给我这样的反馈，都让我很欣慰和感动啊，因为 ta 们让我知道，原来我的分享也无形中改变了很多人的心态或生活，甚至是使很多人的人生走向了正轨。

好啦，今天的创作分享就到这里了，愿更多的人也能有所收获或启发啊。

下周会接着给大家安排“与婷姐的对话”一对一问答分享环节。

晚安，我们下期再见！～

更多往期回顾：

拍一张照片，就能设计成一幅海报！ 写在前面 因为一直以来都有不少人催我更新《随手拍一张照片，就能设计成一幅海报》系列文章，不过这事急不来，因为之前我也经常向大家提及的一个观点就是，设计是来源于生活的，生活是需要时间去经历和感受的，我的这个系列的文章其实也是我有好好去生活的一种见证。

阅读文章 >

如何处理好文案和图片之间的层级关系，看这篇文章就够啦！ 今天继续为大家带来新一期的《拍一张照片，就是一幅海报》系列文章，重点跟大家讲一下如何处理好文案和图片之间的层级关系。

阅读文章 >

拍一张照片，就能设计成一幅海报！ 时隔不知道多久，终于我又开始更新《随手拍一张照片，就是一幅海报》系列设计分享文章了，让大家久等啦！

阅读文章 >

欢迎关注作者的微信公众号 「做设计的面条」 ，一个干货与文笔俱佳的美女 设计师 。

大家好这里是和你们聊设计的花生~在人像摄影中，灯光设置是非常重要重要的一环，好的打光能丰富画面层次，提升整体情绪氛围。一般来说照片的打光在拍摄阶段就要布置好，这样后期修图处理起来也方便。那如果前期打光效果不佳，或者你根本没有好的打光设备，那该怎么处理呢？

大家好这里是和你们聊设计的花生~

在人像摄影中，灯光设置是非常重要重要的一环，好的打光能丰富画面层次，提升整体情绪氛围。一般来说照片的打光在拍摄阶段就要布置好，这样后期修图处理起来也方便。那如果前期打光效果不佳，或者你根本没有好的打光设备，那该怎么处理呢？

下面的一组图是出不同打光下的人物肖像照片，明显可它们情绪内涵的差异，这样是打光的魅力所在。但如果不说，你能看出后 2 种效果是由后期加工处理实现的，而非真实 打光 得来的吗？

能实现如此真实自然打光效果的工具，就是今天要为大家推荐的 打光神器 —— Relight 。 它是Clipdrop最新推出的智能工具，可以直接对图片进行任意位置和颜色的打光，并呈现出真实的立体光影效果。

了解更多 Clipdrop 出品的设计神器：

第三波！2022年6月精选实用设计干货合集 6月第3波设计干货合集来了！

阅读文章 >

Relight 简介 官网直达： https://clipdrop.co/relight

Relight 是一个在线智能打光网站，当我们将一张图片上传至网站后，会呈现如下的操作界面：

在 Relight 中，我们可以对照片添加光源，当光源移动的时候，人物身体上的亮部及投影也随之发生改变，仿佛是真实灯光照在立体模型。而除了照亮图片主体，Relight 还能实现改变图片整体布光、添加多个光源、修改灯光的颜色等效果。下面为大家简单地介绍如何在 Relight 中如何实现这些效果~

https://image.uisdc.com/wp-content/uploads/2022/10/uisdc-ai-20221012-1-1.mp4

1. 修改环境光（Ambient）

上传一张图片到 Relight，选择 Ambient，可以修改环境光的强弱和颜色。

2. 添加点光源（Light）

我们可以在 Relight 内为图片添加多个点光源，这些光源会照亮附近的区域。每个光源都可以左右移动，还可以调节距离画面中心的远近距离。

如下图，点击+new light 可以添加新的光源，点击右上角的小眼睛图片可以隐藏光源图标，点击小眼睛旁边的小灯泡图标可以隐藏照亮效果显示原图。

每个点光源都有颜色、强度、距离和半径 4 个调整选项。通过拾色器我们可以将灯光调整为任何颜色，点击拾色器旁边的滑块可以修改光源强度，右侧的垃圾桶小图标用来删除该光源。

最底部左侧的 Distance 可以调节光源与主体的距离，距离越近光源圆圈的面积越大。如果将光源移动到主体前方，并将距离调至很小的值，可以实现背光效果。

底部右侧的 Radius 用来调节光源的范围半径，半径越大光源周围的光晕就越明显，光源照亮的区域也越大。

我们还可以在不同方向设置多个不同颜色的光源，这样会产生丰富视觉效果。或者直接减少环境光，只用一个光源照亮指定区域，也会得到很惊艳的效果。

了解更多 Clipdrop 出品的设计神器：

扣头发丝不留痕！最新免费抠图神器 ClipDrop Remove Background 来啦~ 大家好，我是和你们聊设计的花生~ 随着人工智能技术的发展，运用算法自动进行图片处理的工具越来越多，极大地提升了设计师的工作效率。

阅读文章 >

3. 改变图片整体布光

在 Background 选项中，如果我们取消勾选 recive light，照片的背景部分就会不受光源的影响，显示出原本的颜色；如果取消勾选 original，除人物外的背景就会变成纯白色，这个时候我们就可以通过左侧的拾色器修改背景颜色。

4. 注意事项

据官方介绍，Relight 之所以可以对图片实现立体打光效果，是因为 Clipdrop 有一个深度计算模型，可以根据照片中的光影信息算出内容的深度和表面法线，当图片中加入新的光源时，这个模型就能预测并模拟出新的光照效果。

这也是为什么 Relight 在有关人像的摄影照片和写实油画上的效果最好，因为这些图片中都有丰富准确的光影信息，可以让其模型进行计算和预测。如果上传图片毫无阴影信息，得到的效果就会非常差，大家在选择图片的时候需要注意这个问题。

没有立体光影的图片在 Relight 里并没有很好的效果

好啦以上就是今天为大家推荐的打光神器 Relight，感兴趣的小伙伴赶快去官网试一试吧~ 喜欢本期推荐的话记得点赞收藏，也可以转发给身边有需要朋友 ，之后会继续给大家带来更多好用的设计神器~

推荐阅读：

清华出品！AI 神器 WantQuotes 让你的文案立马变高级 大家好，我是和你聊设计的花生~ 前两天刚盘点完一波人工智能在图像生成方面的超强工具，又在微博上看到了清华大学推出的一款“据意查句”的 AI 工具，可以按照你想要的意思快速查找出相关的名言、诗句、俗语等 。

阅读文章 >

拯救配色废！让配色效率暴涨10倍的预览神器 Palettemaker 大家好，这里是设计神器挖掘前线记者花生为您发回的实时报道 ~ 配色一直是我们设计师比较关注的话题，可能大家都收藏了很多个自动生成配色方案的网站，但会发现在网站上看着不错的配色用起来却不太行，没办法就只能再重新找，非常浪费时间。

阅读文章 >

大家好这里是和你们聊设计的花生~在人像摄影中，灯光设置是非常重要重要的一环，好的打光能丰富画面层次，提升整体情绪氛围。一般来说照片的打光在拍摄阶段就要布置好，这样后期修图处理起来也方便。那如果前期打光效果不佳，或者你根本没有好的打光设备，那该怎么处理呢？

大家好这里是和你们聊设计的花生~

在人像摄影中，灯光设置是非常重要重要的一环，好的打光能丰富画面层次，提升整体情绪氛围。一般来说照片的打光在拍摄阶段就要布置好，这样后期修图处理起来也方便。那如果前期打光效果不佳，或者你根本没有好的打光设备，那该怎么处理呢？

下面的一组图是出不同打光下的人物肖像照片，明显可它们情绪内涵的差异，这样是打光的魅力所在。但如果不说，你能看出后 2 种效果是由后期加工处理实现的，而非真实 打光 得来的吗？

能实现如此真实自然打光效果的工具，就是今天要为大家推荐的 打光神器 —— Relight 。 它是Clipdrop最新推出的智能工具，可以直接对图片进行任意位置和颜色的打光，并呈现出真实的立体光影效果。

了解更多 Clipdrop 出品的设计神器：

第三波！2022年6月精选实用设计干货合集 6月第3波设计干货合集来了！

阅读文章 >

Relight 简介 官网直达： https://clipdrop.co/relight

Relight 是一个在线智能打光网站，当我们将一张图片上传至网站后，会呈现如下的操作界面：

在 Relight 中，我们可以对照片添加光源，当光源移动的时候，人物身体上的亮部及投影也随之发生改变，仿佛是真实灯光照在立体模型。而除了照亮图片主体，Relight 还能实现改变图片整体布光、添加多个光源、修改灯光的颜色等效果。下面为大家简单地介绍如何在 Relight 中如何实现这些效果~

https://image.uisdc.com/wp-content/uploads/2022/10/uisdc-ai-20221012-1-1.mp4

1. 修改环境光（Ambient）

上传一张图片到 Relight，选择 Ambient，可以修改环境光的强弱和颜色。

2. 添加点光源（Light）

我们可以在 Relight 内为图片添加多个点光源，这些光源会照亮附近的区域。每个光源都可以左右移动，还可以调节距离画面中心的远近距离。

如下图，点击+new light 可以添加新的光源，点击右上角的小眼睛图片可以隐藏光源图标，点击小眼睛旁边的小灯泡图标可以隐藏照亮效果显示原图。

每个点光源都有颜色、强度、距离和半径 4 个调整选项。通过拾色器我们可以将灯光调整为任何颜色，点击拾色器旁边的滑块可以修改光源强度，右侧的垃圾桶小图标用来删除该光源。

最底部左侧的 Distance 可以调节光源与主体的距离，距离越近光源圆圈的面积越大。如果将光源移动到主体前方，并将距离调至很小的值，可以实现背光效果。

底部右侧的 Radius 用来调节光源的范围半径，半径越大光源周围的光晕就越明显，光源照亮的区域也越大。

我们还可以在不同方向设置多个不同颜色的光源，这样会产生丰富视觉效果。或者直接减少环境光，只用一个光源照亮指定区域，也会得到很惊艳的效果。

了解更多 Clipdrop 出品的设计神器：

扣头发丝不留痕！最新免费抠图神器 ClipDrop Remove Background 来啦~ 大家好，我是和你们聊设计的花生~ 随着人工智能技术的发展，运用算法自动进行图片处理的工具越来越多，极大地提升了设计师的工作效率。

阅读文章 >

3. 改变图片整体布光

在 Background 选项中，如果我们取消勾选 recive light，照片的背景部分就会不受光源的影响，显示出原本的颜色；如果取消勾选 original，除人物外的背景就会变成纯白色，这个时候我们就可以通过左侧的拾色器修改背景颜色。

4. 注意事项

据官方介绍，Relight 之所以可以对图片实现立体打光效果，是因为 Clipdrop 有一个深度计算模型，可以根据照片中的光影信息算出内容的深度和表面法线，当图片中加入新的光源时，这个模型就能预测并模拟出新的光照效果。

这也是为什么 Relight 在有关人像的摄影照片和写实油画上的效果最好，因为这些图片中都有丰富准确的光影信息，可以让其模型进行计算和预测。如果上传图片毫无阴影信息，得到的效果就会非常差，大家在选择图片的时候需要注意这个问题。

没有立体光影的图片在 Relight 里并没有很好的效果

好啦以上就是今天为大家推荐的打光神器 Relight，感兴趣的小伙伴赶快去官网试一试吧~ 喜欢本期推荐的话记得点赞收藏，也可以转发给身边有需要朋友 ，之后会继续给大家带来更多好用的设计神器~

推荐阅读：

清华出品！AI 神器 WantQuotes 让你的文案立马变高级 大家好，我是和你聊设计的花生~ 前两天刚盘点完一波人工智能在图像生成方面的超强工具，又在微博上看到了清华大学推出的一款“据意查句”的 AI 工具，可以按照你想要的意思快速查找出相关的名言、诗句、俗语等 。

阅读文章 >

拯救配色废！让配色效率暴涨10倍的预览神器 Palettemaker 大家好，这里是设计神器挖掘前线记者花生为您发回的实时报道 ~ 配色一直是我们设计师比较关注的话题，可能大家都收藏了很多个自动生成配色方案的网站，但会发现在网站上看着不错的配色用起来却不太行，没办法就只能再重新找，非常浪费时间。

阅读文章 >

大家好，这里是和你们聊设计的花生。Logo 设计一直都是设计行业比较热门的领域，也是很多小伙伴接触设计时最先开始学习的内容之一。今天我们继续之前的设计网站推荐系列，为大家介绍 5 个国际顶尖的 LOGO 设计灵感网站。

大家好，这里是和你们聊设计的花生。

Logo 设计一直都是设计行业比较热门的领域，也是很多小伙伴接触设计时最先开始学习的内容之一。今天我们继续之前的设计网站推荐系列，为大家介绍 5 个国际顶尖的 LOGO 设计灵感网站。这些网站可以在寻找 设计灵感 、提升审美、下载资源、学习设计思路等方面为大家提供不小的帮助，让 logo 设计变得更加轻松，一起来看看吧~

要质感叠纹理！5个设计师必备的免费高清纹理素材网站 大家好呀，我是和你们聊设计的花生~ 在海报设计、字效设计、插画中，叠加纹理是提升设计质感、营造主题氛围的有效手段。

阅读文章 >

一、Logopond 网址直达： https://logopond.com/

Logopond 成立于 2006 年，是国外知名的 logo 设计交流和灵感网站，站内汇聚了世界各地设计师的作品。网站作品整体质量非常高，我们能在其中了解到最新最真实的 logo 设计作品，是 logo 设计必看的灵感网站之一。

使用简介：在网站首页可以浏览精选 logo 和设计师，也可以直接点击顶端的搜索标志进入搜索界面，输入关键词即可找到对应的 logo 参考。Logo 详情页有 设计师 对设计理念的阐释，可以学到很多不错的设计思路。

二、LOGOED 网站直达： http://www.logoed.co.uk/ （使用梯子浏览速度更快）

LOGOED 之前已经大家介绍过了，是一个展示优秀商业 logo 设计案例的个人博客网站，自 2001 年成立至今已有 20 余年的时间。网站除了展示了 LOGO 标志外，还会附上该标志所属的品牌信息和实际应用场景，让我们在寻找灵感参考时有更准确直观的感受。

使用简介：网站以文章的形式展示案例，文章篇幅并不长，可以利用碎片时间浏览。右侧可以根据时间筛选内容。

9个设计师必看的国际顶尖设计网站 大家好，我是和你聊设计的（经夏日高温烘焙更香脆的）花生~ 虽然优设一直有向大家推荐各类设计灵感，但是还是有很多刚接触设计的小伙伴们迫切地想知道有哪些“设计师必备国际设计网站”能让自己一键收藏，既然如此那干脆给大家就来一期优质设计网站推荐吧 ~ 除去设计师都熟悉的设计网站三巨头 Pin

阅读文章 >

三、Seeklogo 网址直达： https://seeklogo.com/ （访问需梯子）

Seeklogo 是一个专业的矢量 logo 资源网站，总资源达多到 50w+。站内提供海量知名品牌标志 ai/eps/png 文件免费下载，还有多种 logo 模板的免费下载，质量很不错。既是一个免费的 logo 资源下载网站，也可以作为 logo 设计的灵感网站。

使用方法：进入网站后，可以直接在主页搜索你想要的品牌名称找到对应的 logo，点击下载即可。网站右上角有品牌 logo、logo 模板、热门 logo 等标签，其中品牌 logo 按行业分类，logo 模板按元素分类，搜寻对应的设计灵感非常方便。

四、Logotyp.us 网址直达： https://logotyp.us/

logotyp.us 是一个致力于介绍世界知名品牌 logo 含义及变更历程的网站，并提供免费 SVG 文件下载。网站收集的品牌非常全面，内容更新及时，界面简洁有序，浏览体验非常棒。

使用简介：在网站首页可以浏览全球最具价值和最新的品牌 logo，站内所有 logo 按行业、国家、设计师、设计机构和颜色进行了细致的分类，想寻找设计参考的时候按分类标签寻找非常方便。点击 logo 进入详情页后，可以看到 logo 所属行业、颜色色值及相关 logo 推荐等信息，下拉有关于 logo 设计过程和变化的详细介绍。

收藏这5个网站，找Logo高清素材再也不用愁了！ 作为设计师，我想大多数都遇到过「需要在页面上展示一些合作品牌的 Logo」的情况。

阅读文章 >

五、BrandcCrowd 网站直达： https://www.brandcrowd.com/

BrandCrowd 是一个在线 logo 定制网站，可以根据公司名称及主要元素智能设计 10000+相关标志。当设计 logo 没有灵感时，可以借助网站的自动生成功能快速尝试不同的设计思路。

使用简介：进入网站后直接输入公司名称，点击生成即可得到海量设计结果。如果想得到更精准的结果，可以在 keywords 一栏输入行业或视觉元素关键词，还可以设置设计风格、字体样式和颜色。网站仅支持英文关键词，除了 logo 也提供名片设计模板。

好啦以上就是今天为大家推荐的 5 个设计灵感网站，喜欢的小伙伴记得点赞收藏。有关于本文或者设计的相关疑问，欢迎在评论区提出，我会第一时间回复~

推荐阅读

大厂实战！钉钉LOGO品牌升级案例复盘 https://v.youku.com/v_show/id_XNTg1NTQ2MzQ3Ng==.html?spm=a2hcb.profile.app.5~5!2~5~5!3~5!2~5~5~A 前言 从「一个工作方式」到「让工作学习更简单」，再到「让进步发生」，钉钉面对数字化时代的变革提

阅读文章 >