34 OpenCity Systems & Structure

OpenCity Systems & Structure

The key concept that defines the illustraStock OpenCity Collection is a system-based design approach to the structure of the illustrations. The illustraStock OpenCity Collection is based on 5 guiding principles that all illustrations share (Perspective, Padding, Object fill vs Stroke, Color palette and Sizes):

Perspective

OpenCity collection of illustrations uses the Axonometric projection (isometric 2:1 projection). Projection where a line is drawn at a 26,565 degree angle has a 2:1 ratio between its width and height.

Padding

Elements should all have their own padding or margins – or white space inside or between them. We need at least 1px (2px recommended) between two lines in order to be able to change the color of the space between lines.

Object fill vs Stroke

It is important to create the illustrations in the same way, we:

Fill ( draws stuff in the interior of the path )

No, if something is Fill, it is because it is wrong.

Actually the truth is the illustrations must be fill, but in white for a later personalization. (a link to a tutorial about how to create illustrations, how to use the join tool)

Stroke (draws stuff on the border of the path)

There are different Strokes for different situations. If the size of the Stroke must be changed, only even numbers are allowed.

The different styles use a different size of stroke because the brush of the style. Also the size of the object conditions the size of the stroke.

Brush

All our illustrations are made by Strokes, that is why it is important to choose the correct Brush for each illustration and style. Read our tutorial about Brush and Strokes.