I ground the task in specific cases

[bhasan01854]

Since the illustrations will be used in our blog, I went there for specific situations of use.

I asked the editor for an article for the blog and drew illustrations for it. When I had the text in front of me that would need pictures, the process moved forward.


After this stage, in addition to characters, objects such as interfaces and office items appeared. As well as examples of using the elements.

I arranged all the elements by category and duplicated them in mirror image so that they could be used for different compositions.


Already at this stage, the marketing department was able to independently use the illustration designer to design articles and posts.

But some problems emerged:

Collecting illustrations by hand was still time-consuming and difficult.
There weren't enough elements, and very quickly the finished illustrations began to look alike. More variety was desired.
Adding new elements still required the involvement of designers.
It seemed like we were going in circles.

Step 5. What if the constructor is automated?
I work in Figma, and this editor has the ability to set up automatic substitution of elements using components. This is where the idea of ​​making a constructor was born, in which you can not only assemble an illustration from characters and objects, but also construct the characters themselves. And do it in a few clicks.

By setting certain constants in the position chinese overseas british database of the head or legs, I created the ability to select from a common base various details of the character, from eyebrows to boots.

Adding a new expression in the eyes, hairstyle or outfit is a matter of a couple of minutes for the designer. And for the user of the constructor, it is a few additional characters.


As a result, the required character is created in a few clicks, and the number of its variants increases several times. In addition, the base of elements can be expanded indefinitely, adding more and more new variants to the character creation. It is enough to draw a new element, observing the specified dimensions, and place it in the desired frame to its analogues.