# 作品集2022

By [Murgo](https://paragraph.com/@murgo) · 2022-11-17

---

情绪板的制作流程（落地版）
-------------

1.  项目设计前，我们要获取3-5个必要的关键字词组，这些关键字就是我们本次设计所要实现的产品、交互或视觉目标，通常由一些比较抽象的形容词组成。
    
    常见的比如：高端、大气、上档次……
    
    以及高效、简洁、实用、精致、质感、格调等等。
    
2.  关键词映射
    
    在原有这些词汇的基础上，来衍生出一些新的词语。而这种衍生词汇，不是简单脑暴一下就能产生出来的，而是要有目的性的进行提取。
    
    而我将这种衍生词汇的方式划分成了视觉、心境、物化三个类型。
    
    如果还要通过用研的方式去获取这些内容，不仅操作起来非常麻烦，而且访谈样本数不够的话获得的词汇准确性也会有非常大的误差（访谈一直是我认为最没用的用研流程）。 所以，这个操作是我们可以通过自己的联想发散来完成，如果觉得思路枯竭，也可以自己找同事、朋友来进行「看词填空」活动，获取相应的衍生词，衍生词汇的数量适中即可，千万不要认为越多越好。
    
3.  关键词映射
    
    之所以有一个映射衍生词的流程，是因为初始获得的关键字通常都是一些「假大空」的套话，例如耳熟的高端、大气、上档次，直接使用些词汇去获得指定的图片素材内容是不现实的，需要缩小范围。
    
    所以，我们要在衍生词的基础上，分别对几个关键字增加不同的图片检索关键字和方向，然后去不同的图库中进行查找
    
4.    
    
5.  情绪板制作
    
    搜索了大量的图片，我们要从中挑选出符合我们需要的素材内容，然后进行下载和整理。而整理的工具重点推荐使用 Eagle，如果没有购买 Eagle 的情况下，花瓣或本地文件夹管理也可以做为替代品。
    
    为本次项目创建一个文件夹，然后在下级创建不同关键字的文件夹，再根据每个关键字相关的衍生词创建子文件夹，将我们挑选到的图片置入其中
    
6.  风格分析
    
    有了上面这些相关联的大量图片素材以后，就到了我们进行风格分析的环节了，在这个环节不是直接就能定义好我们后续设计的风格，而是要先对下面两个目标做一个粗略的制定 —— 色彩和目标风格参考。
    
    对于色彩的分析上，就是根据我们整体收集的素材中，哪一个色系的观感和产品的关键字以及整体的需求相近，那么我们就重点挑选这个色系的图片出来，并通过手动吸色或相关工具来获得它的配色信息，如下图所示。
    
    然后，我们要再去搜索和情绪板呈现的感受近似的设计案例，作为设计参考。这是一个将抽象的感受在UI中具象化的过程，而最好的方式并不是我们直接对着图去想设计的细节，而是用已经完成的案例来做参考总结，比如下面收集的这些相关案例。
    
    从这些设计的实际案例中，我们就可以得到一些设计细节上的指示，比如使用直角按钮、横线分割、纯色填充、留白较大等等，和大量使用渐变、投影、毛玻璃的设计明显不是一种类型。所以总结了这些参考，那么我们脑子里也就有画面了，可以展开具体的设计了。

---

*Originally published on [Murgo](https://paragraph.com/@murgo/2022)*