A Digital illustration is a visual explanation of a text, concept or process, designed for integration in digital content, published media and Advertising such as Web, Mobile App, posters, flyers, magazines, books, teaching materials, animations, video games, and films.
The illustration is existed to tell the stories and convey the idea, process, and concept with visually crafted. It makes complex explanation simple. It represents your brand, idea, and process in an efficient and clear way. Illustration can change the feel and add an emotional state to the story which will directly affect to users depending on your goal.
Illustration plays a very important role in product, marketing, and media to help tell stories and is most commonly used in the following places:
- Mobile App
- Banner Ads
- Social media
Illustration design Principle
Proximity is the arrangement of elements that relate to each other to make a visual grouping. By placing different elements in close proximity a relationship is implied. The example below shows how the different symbols of music, food, and activities, have been placed in close proximity to make a larger image. By looking at the arrangement you will see that each item works together to tell a visual story. If you placed the elements side by side the message of the illustration would be lost.
Visual Hierarchy is achieved by creating a focal point by arranging elements so that the strongest concept is seen first and then subsequent elements are seen in order of importance. The illustration below is a good example. A pyramid shape is often employed to show hierarchy by placing the most important item at the top and implying a relationship with the elements below based on their position. The closer to the bottom the element is, the less important it becomes. The "Colonel" emblem at the top of the pyramid could be used as an image on its own, but through the use of hierarchy, the concept, and visual impact is emphasized. In fact, the image is only Suisse with the inclusion of the top element and the meaning of the illustration would be lost if you were to only show the bottom line of elements.
Symmetry / Asymmetry
Symmetry and Asymmetry place elements in relation to one another to create unity and balance. The first example below shows how mirroring the image vertically brings balance and a sense of stability to the image. The geometric shapes work together and create additional elements of symmetry within the main focus point.
The second example shows how asymmetry works. The figure on the left is balanced out by the three stacked figures on the right. Although they may be different in appearance, the similar width and height of the left and right side create a visual harmony.
Gazelle Poster by Kronk
Jolly Cream by Henriquepl
Repetition uses repetitive elements to enhance meaning and bring visual interest to an image. The illustration of the bike wouldn't be quite as interesting without the birds. By using the bird as a repetitive element, the bike takes on a new form and invites the viewer to ponder the meaning.
Birdcycle by Robert Lee
Unity is best described by a combination of elements that create a visual harmony. The illustration below uses unity as a way to bring a collection of elements together in a seemingly haphazard way, but on closer inspection you will notice that it's a pattern. The repeating elements within the design create balance and tie the items together in a visually pleasing manner.
Drinks by Konstantin Shalev
Contrast is used to highlight a specific part of an illustration or design through the use of opposing elements, such as light and dark or large and small. In the example below the contrast is achieved by adding color to the focal point on a black and white image. The red emphasizes the face of the figure and is supported by smaller elements of a slightly darker red that moves the viewer's eye around the image.
Dynamics is used to suggest movement, flow and direction, it is also used to create emotions such as restfulness, anger or happiness. The image below has a strong focus on dynamics though the use of line and light to bring a free spirited and energetic feel to the image of a dancer. The dynamics of the illustration makes it very easy to imagine the dancer springing to life and moving across the page.
The Dance by Tony Ariawan
Emphasis is the use of a dominant focal point within a composition. The illustration below uses the monster set against the dark background of the cave as the main focal point, then the supporting elements of the gold and the miners are used to give the illustration meaning. Both elements support each other to create an interesting composition, with the element of emphasis helping to convey the meaning of the image in a way that's simple to understand.
Deadly Goldmine by Andreas Krapf
Do and Don’t
Keep one design style through the illustration. The illustration should be looking eye welcoming.
Proper Structured: Alignment and Spacing
Your design should be aligned properly. The spacing between objects plays a vital role in your design.
Unnecessary Elements or Text
Your illustration should be clear and not be contain unnecessary elements as it muddles the viewer's perceptions.
Prohibited illustration types
Icons as an Illustration
if you're uploading icon, as an illustration, Your illustration will be rejected. The icon should be uploaded as an icon only.
User interface Mockup as an illustration
Don't put UI Mockup as an illustration. More paragraph to be added.
Unnecessary text in illustration
Don't include any sample text or unnecessary text in your design. In the example, 'RUN' in the background is part of the illustration where 'Fitness App and Details' is not part of the illustration. This type of illustations will be rejected.
Multiple Illustration/Poster in Single File
We wanted to keep a single illustration per item. If you've multiple illustrations in a similar concept or subject, make an illustration pack of it. Multiple illustration or Posters in a single file is won't accept.
There will be a higher chance of sale of illustration if you designed all the illustration of a single domain. The user tends to use similar illustrations all across the product or project which shared the common look and feel. If you’re designing an illustration pack following things you need to take care of.
Style, Color and Lighting source
Consistent style is the key point for your illustration pack to looks pretty and cohesive. Once you’ve decided the style, Color palette and effects, stick to it until you completed all the illustrations in a pack. Illustration Pack should contain minimum 5 or more.
Pack without subject or theme is useless. This is very important to choose the right subject to make an illustration pack. The subject like Medical should contain all the illustrations regarding Medical Services and use cases.
Data to be added