21 Modular design

The modular design works thanks to key concepts.

  • The creation of the illustrations with a proportional base of Units and
  • Grouping and Subgrouping of the elements.

Illustration Components have little differences for each one of the collections (Matrix, OpenCity, 3Dimensions, Projections, Icon), but all of them share the same basic principles.

System of Units

The 64 Grid System for modular illustration makes it easy to get a complete scene that suits the space of the template. It’s simple to plan, find and assemble elements and complements.

Modular illustrations are easy to move and can be shifted from one place to another without any extra effort.

All the key elements in a collection have the same height of a full piece of furniture (like a Wardrobe or bookcase or fridge) or half the size of a piece furniture (like a table or worktop or dishwasher). Such standardization allows keeping visual consistency in the illustration, having continuation from one piece of furniture and also allowing the changes without breaking the alignment.

In a modular system of illustrations, what it matters the most is the width (the height is just important for tables or similar and for the maximum height). illustraStock has a fix width for a basic unit. If it is necessary to draw elements in other sizes, 1/4 – 1/2 – 1 – 1,5 – 2 times of the unit can be used. As size of the Unit is proportional, elements can be configured in the illustration without any gap between the elements or the elements and the size of the template.


In a template of 10 units, there is space for 10 elements of 1 unit, or 5 elements of 2 units or 3 elements of 3 units plus one element of 1 unit… and all the other possible combinations.


Grouping related pieces of the design is a core activity while creating an illustration, it gives an organized layout and creates logical sections. The illustrations are made from movable pieces that can be moved, changed or deleted. That’s why it is important to group every element separately before connecting them all together. Creating a system of groups and sub groups allows the final customers to open the groups and to take one independent object from all of the lines that we are interested in, rather than spending time selecting all the lines individually.

Group Isolation

Sometimes you’ll want to draw a new object and add it to an existing group. One way to accomplish this is to use the Type tool to add the new object to your document. Then you select the existing group, ungroup it, and then select the old object and the new object and group the objects together.

Double-clicking on any object in a group puts the group into Group Isolation Mode, making it easy to add new objects directly into the group.

Object Hierarchy

When a layer contains artwork, a disclosure triangle appears just on the left of the layer. Clicking this triangle reveals the contents of the layer within the Layers palette. Every object that appears in an Illustrator document appears listed in the Layers palette. The order in which items appear has significance—it indicates the stacking order, or object hierarchy of the file. Objects that appear at the bottom of the Layers palette are drawn first, and therefore they appear at the bottom of the object stacking order.

Clicking a disclosure triangle reveals the raw power of the Layers palette—the ability to view the entire object hierarchy of a file.

You can drag items listed in the Layers palette to adjust where they sit in the stacking order. Dragging an object from the bottom of the Layers palette to the top of the palette places that object at the top of the stacking order. It’s important to note that each layer and each group also maintain their own stacking order. The Layers palette basically represents the stacking order of the entire file.

Grouping vs. Layers

Technically, there is very little difference. Internally, in the Illustrator artwork tree, both layers and groups perform the same function – they create a parent object that can contain one or more child objects. The differences lie in how they are used in a practical sense.

  • Groups are typically used to bundle artwork that you want to stay together when moving or scaling (https://helpx.adobe.com/illustrator/using/grouping-expanding-objects.html).
  • Layers are typically used to manage visibility and stacking order (https://helpx.adobe.com/illustrator/using/layers.html)



Concepto de Unidad, media unidad, dos unidades,… multiplo.Creación de las ilustraciones en

iCon: Realistic

redondeo a múltiplos /submultiplo de 64












Back to Standardisation Policy.


Designer's guide Copyright © by illustraStock. All Rights Reserved.

Share This Book