opacity

A long-term project where I was invited to assist designers in creating website illustration visuals and developing an illustration guideline, including design standards for characters, buildings, and cities. Later, I also worked on designing illustration backgrounds for the mobile version.

Opacity illustration is an extension of brand spirit, focusing on the future, cities, and communities from a macro perspective, making the visuals more realistic, refined, and broad in scope. The illustrations typically feature cities in vast spaces or devices in smaller settings. Characters are proportionally placed within the scene, adding human elements and narrative clues to enhance the atmosphere.

The future city's composition includes many elements, such as natural backgrounds, vertically moving platforms, towering vertical buildings, and expanses of greenery, forming the main body of the cityscape.

A glimpse into the future city's sections, focusing on future devices and their interactions with users or producers. The main elements are technological products in use or production.

As one of the smallest units after characters, transportation adds vibrancy to the serene city and night sky.

Although characters appear as small elements in large urban illustrations, they play a significant narrative role in smaller scenes and are frequently used in daily illustrations. Considering the complexity and diversity of characters, a brief design guideline is provided:

Blue and black are our primary colours and distinctive to the Our brand. Consistent use of these colours across all (if not most) of our visual communications help foster brand recognition among users.

As a general rule of thumb please ensure our primary colours (the combination of Blue and black) take up at least 80% of the overall visual.

The overall palette features a cool blue tone, with touches of pink or yellow in lighting details like lamps and natural light. Cooler purples are used to transition and blend inherent colors smoothly.

Though this guideline aims to maintain an on-brand aesthetic, warm elements may sometimes be necessary to enhance visual impact. Even so, the overall blue tone must remain dominant to stabilize the image. Excessive warm tones can disrupt color harmony, resulting in a chaotic and off-brand illustration.

- Credit -

Artist/creative director: Trajan Jia

Illustrator/pattern designer: Trajan Jia

Website design: benkochanow

|BACK|