案例分享：医疗服务网站-FlorenceApp的插图设计

随着插画风的盛行，很多设计师为网站或app加入插画时，多数从素材网站下载，但专业的团队更推荐定制插画设计。定制插画设计有很多优点，其中最重要的，就是定制插画向用户讲述更清晰的故事，更接地气。今天我们分享tubikstudio的一个案例：为医疗服务网站-FlorenceApp设计插画。

项目

设计原创的插画，展示连接护士和病人之间的医疗服务的功能和特点。

设计过程

Florence是一个在线服务网站，为自由职业的护士提供在线雇佣的平台，没有了代理机构赚差价。护士可以直接与客户联系并选择合适的工作时间。设计师的任务是设计定制化的插画，插画需要表达平台的服务性质及平台为改善护士和患者生活带来的好处。

任务的第一阶段是创建一组护士的护理活动的草图，老人享受生活的草图。

在这个阶段，屏幕设计师创作了6个非常精细的草图方案，然后又增加了2个。对他们来说没有太多的改变：护士的制服几乎没有变化，看上去更现代，另外还增加了男护士角色。

在与客户讨论完手绘草图后，设计师将其中一个画成了电脑矢量图，并根据公司的企业标准色（＃7158CD）和辅助色设计了两套配色方案。四种对比色和类似色。最终选择更和谐的第一种方案做延展。

下一阶段，将所有的草图数字化，填充颜色。

然后，设计师开始扩展设计，设计一个将多个独立的草图合并完一个组合的复杂插画。艺术家将这个任务定义为：将独立的场景和谐的结合在一起，传递关于平台背后的核心理念：与关心老年人的的护理工作者的联系。

在进行创意头脑风暴后，设计师有了一个不错的创意：将角色放在各种小工具设备上，每一对老人都会联系到一名护士。这样可以传达关键的信息：我们很近，只需要点击一下，不用担心，享受生活。

当所有的草图转化为电脑矢量稿，而且细节优化好后，设计师又做了两种背景色方案：冷色和暖色。客户最终选择了暖色调。

冷色调背景

暖色调背景

正如2018年网页和app的ui设计趋势文章中所提到的，定制化的插画设计趋势让界面设计中的讲故事更加形象化。越来越多的网站和app转而设计定制化的插画，设计专门的角色。定制化的角色有助于使交互更有人性，与现实世界更紧密相连，更重要的是，定制化的构图和版面能够让页面更活泼。

上图是FlorenceApp的实际效果