{"id":4827,"date":"2018-05-22T17:56:11","date_gmt":"2018-05-22T14:56:11","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=4827"},"modified":"2025-10-24T11:30:09","modified_gmt":"2025-10-24T11:30:09","slug":"design-process-how-to-create-illustrations-for-it-blog-or-landing-page","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/","title":{"rendered":"Design Process: How to Create Illustrations for IT Blog or Landing Page"},"content":{"rendered":"<p><span style=\"color: #333333;\">There are numerous goals that can be achieved with custom illustrations. Title images for blog articles are one of them getting more and more popular from one resource to the other. Original graphics catch readers&#8217; attention and quickly transfer the topic of the post. With an extensive experience of creating unique graphics for Tubik Blog articles, our graphic designer Yaroslava Yatsuba shares tips and practices on creating blog illustrations.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8532\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/tubik-studio-graphic-designer-illustration.jpg\" alt=\"tubik studio graphic designer illustration\" width=\"1200\" height=\"800\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/tubik-studio-graphic-designer-illustration.jpg 1200w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/tubik-studio-graphic-designer-illustration-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/tubik-studio-graphic-designer-illustration-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/tubik-studio-graphic-designer-illustration-1024x683.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/tubik-studio-graphic-designer-illustration-150x100.jpg 150w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<h2><span style=\"color: #333333;\">General Approach<\/span><\/h2>\n<p><span style=\"color: #333333;\">Having got the task to illustrate the article for an IT blog for the first time, Yaroslava faced the problem of metaphoric transfer of the article theme by means of graphic design. The specific nature of the area required to search for new ideas for the task realization.<\/span><\/p>\n<p><span style=\"color: #333333;\">In her creative process, the designer has developed the following approach to the task. After getting a particular topic of the article and communication with the author or editor, she:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">analyzes the general message of the content<\/span><\/li>\n<li><span style=\"color: #333333;\">tries to define the core keyword which can become a point of departure for the illustration<\/span><\/li>\n<li><span style=\"color: #333333;\">runs parallels between it and other spheres of human activity<\/span><\/li>\n<li><span style=\"color: #333333;\">considers the ways to play out the theme via colors and shades.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">With practice, Yaroslava formed three basic methods she applied to create blog illustrations.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Literal Method<\/span><\/h2>\n<p><span style=\"color: #333333;\">This method seems to be the simplest but it doesn\u2019t mean it\u2019s the most winning. The literal method means showing the character working on a laptop, PC, or mobile device; the background, in this case, may feature the display of the device or interface elements reflecting the theme of the article.<\/span><\/p>\n<p><span style=\"color: #333333;\">As an example let\u2019s check the illustration for an article <a href=\"https:\/\/blog.tubikstudio.com\/gestalt-theory-for-ux-design-principle-of-proximity\/\">Gestalt Principles in UI: Principle of Proximity<\/a>. It has a simple static composition catching attention by means of textures and bright color accents.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8141\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/illustration_design_in_progress_tubik.png\" alt=\"illustration design in progress_tubik\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/illustration_design_in_progress_tubik.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/illustration_design_in_progress_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/illustration_design_in_progress_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/illustration_design_in_progress_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\">The same method using dynamic composition and gradients is applied to the graphics for the article <a href=\"https:\/\/tubikstudio.com\/review-of-popular-interface-design-trends-in-2017\/\">Review of Popular Interface Design Trends in 2017<\/a>.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8131\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/creative_ux_design_illustration.png\" alt=\"creative ux design illustration\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/creative_ux_design_illustration.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/creative_ux_design_illustration-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/creative_ux_design_illustration-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/creative_ux_design_illustration-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Combination Method<\/span><\/h2>\n<p><span style=\"color: #333333;\">The combination method means that characters come to grips with the interface, interact with its elements reflecting metaphoric exaggerations, such as a small character on the big button, a character stepping out of the mobile phone, and the like.<\/span><\/p>\n<p><span style=\"color: #333333;\">In this illustration for the article about <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/ux-design-how-to-use-animations-in-mobile-apps\/\">UI animation<\/a>, the smartphone plays the role of a curtain wall or screen like the one used in a puppet theatre, and designers reflect actors each of which shows a specific model of motion performance. Unlike the illustrations shown before, here we can see a group composition where all the characters are equally important. Textures drawn by hand and rich color of the background draw the user\u2019s eye to the center.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9922\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/05\/motion_in_ui_graphic_design_illustration_tubik.png\" alt=\"motion_in_ui_graphic design illustration_tubik\" width=\"1280\" height=\"960\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/05\/motion_in_ui_graphic_design_illustration_tubik.png 1280w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/05\/motion_in_ui_graphic_design_illustration_tubik-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/05\/motion_in_ui_graphic_design_illustration_tubik-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/05\/motion_in_ui_graphic_design_illustration_tubik-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/05\/motion_in_ui_graphic_design_illustration_tubik-150x113.png 150w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p><span style=\"color: #333333;\">The same approach applying dynamic composition which is developed around the spiral is used for the illustration for this article you are reading now.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8526\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design.png\" alt=\"buttons magic illustration tubik_graphic_design\" width=\"1280\" height=\"960\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design.png 1280w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design-150x113.png 150w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Allegorical Method<\/span><\/h2>\n<p><span style=\"color: #333333;\">The method of allegory in illustration means the IT sphere is projected on the other spheres of personal or professional life and is shown through the lens of the different area. In the illustrations of this kind, the images of devices become secondary or aren\u2019t used at all. The plot may be strengthened with unexpected perspectives or metaphors.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Designer\u2019s Tip:<\/strong> <strong>Watch the references with dancers or sportsmen &#8211; they are always expressive and dynamic.<\/strong><\/span><\/p>\n<p><span style=\"color: #333333;\">The illustration below was built upon playing with the keyword \u201cGoals\u201d. The image of a basketball player was perfect for the theme as the moment of hitting the basket is a real reflection of achieving the goal. Rich catchy colors add the feeling of confidence and strength to the illustration.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7743\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page.png\" alt=\"web ui design landing page\" width=\"800\" height=\"600\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page.png 800w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/web-ui-design-landing-page-150x113.png 150w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"color: #333333;\">Another example to check is the illustration created for the article <a href=\"https:\/\/blog.tubikstudio.com\/3c-of-interface-design-color-contrast-content\/\">3C of Interface Design: Color, Contrast, Content<\/a>. In it, the designer chose the keyword \u201cColor\u201d as a core semantic element and showed the literal process of coloring something with paint. The contrast is reflected in the color palette of the artwork while the content is shown with the elements of the furniture in the office shown in the picture. The cat becomes a bright detail which adds dynamics and humor to the scene.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8968\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/3c-of-interface-design-article.png\" alt=\"3c of interface design article\" width=\"1281\" height=\"961\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/3c-of-interface-design-article.png 1281w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/3c-of-interface-design-article-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/3c-of-interface-design-article-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/3c-of-interface-design-article-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2017\/10\/3c-of-interface-design-article-150x113.png 150w\" sizes=\"auto, (max-width: 1281px) 100vw, 1281px\" \/><\/p>\n<p><span style=\"color: #333333;\"><strong>Designer\u2019s Tip: Don\u2019t forget that allegories should be recognizable and easily understood by people from different countries and cultures as most articles from the sphere are written for the broad international audience.<\/strong><\/span><\/p>\n<h2><span style=\"color: #333333;\">Animated Illustrations<\/span><\/h2>\n<p><span style=\"color: #333333;\">Animation can broaden the potential of the graphic artwork and makes even simple illustration original and impressive. This animation is based on the title illustration for the article <a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/ux-design-glossary-interface-navigation-elements-set-2\/\">UX Design Glossary: Navigation Elements<\/a>. Motion made the graphics more expressive and strengthened the accents.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9924\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/05\/navigation_in_ui_animation_tubik-1.gif\" alt=\"navigation in ui animation tubik\" width=\"800\" height=\"600\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Handy Tips on Design Process<\/span><\/h2>\n<p><span style=\"color: #333333;\"><strong>Color.<\/strong> Proper <a href=\"https:\/\/blog.tubikstudio.com\/color-theory-brief-guide-for-designers\/\">choice of color<\/a> and texture adds harmony to the graphics perception in connection with the theme. Moreover, it supports the psychological perception of the illustration and sets the necessary mood: bright colors are perfect for entertaining content while minimalist palette will correspond well to the business themes.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Composition.<\/strong> Creating the illustration, it\u2019s essential to decide on the way of theme presentation &#8211; by means of one character catching all the attention of the viewer or by means of a group of characters interacting with each other and reflecting the process based on the article message.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Details.<\/strong> Working on an illustration, don\u2019t forget about the details and accent which make an important contribution to the general image, style, and originality of the illustration &#8211; as well as correct punctuation, makes a sentence better.<\/span><\/p>\n<p><span style=\"color: #333333;\"><strong>Inspiration<\/strong>. Collect your own big collection of references and images for inspiration. These may be poses of people you like, nice color palettes and combinations, interesting photos, your own sketches, illustrations and artworks by other artists. What\u2019s important, you have to get inspired instead of trying to copy someone else. Sometimes just watching these inspirational sets may light a flame of an idea in your head.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8138\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog.png\" alt=\"graphic-design-tips-and-practices-tubik-blog\" width=\"1280\" height=\"960\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog.png 1280w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/02\/graphic-design-tips-and-practices-tubik-blog-150x113.png 150w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p><span style=\"color: #333333;\">And the <strong>final tip<\/strong>: never stop where you are, always stay in search of new ways to realize your unique artistic style and creative ideas.<\/span><\/p>\n<h2>Illustration Collections and Digital Art Case Studies<\/h2>\n<p>If you want to see more collections of illustrations, tips on process, or discover how they work in particular design projects, here\u2019s the set of posts for you.<\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/digital-art-illustrations\/\">Digital Art: 40+ Inspiring Illustrations on Diverse Themes<\/a><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/how-to-create-original-flat-illustrations-designers-tips\/\">How to Create Original Flat Illustrations<\/a><\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-illustrations-film-production\/\">Moonworkers. Digital Illustrations on Film Production<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-branding-food-delivery-service\/\">Quisine. Branding Design for Food Delivery Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-storytelling-wedding-brand-design\/\">MYWONY. Storytelling with Brand Intro Design<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-florence-app-illustrations-for-healthcare-service\/\">Florence App. Illustrations for Healthcare Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-tubik-in-paris-design-of-narrative-illustration\/\">Tubik in Paris. Design Process for Narrative Illustration<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/case-study-winter-olympics-illustration-process\/\">Winter Olympics Illustration. Step-by-Step Process<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/graphic-design-24-elaborate-flat-illustrations-for-your-inspiration\/\">24 Elaborate Flat Illustrations for Your Inspiration<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/digital-illustrations-artworks-on-design-process\/\">26 Digital Artworks About Design Process<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The article shares useful tips and strategies from the experienced graphic designer: the design process of creating custom digital illustrations for blogs and websites.<\/p>\n","protected":false},"author":1,"featured_media":8526,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6,7,9],"tags":[263,292,434,482,485,533,100,567,138,569,168,579,170,580,191,594,212,214,216,248,249],"coauthors":[],"class_list":["post-4827","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-illustration","category-processes_and_tools","category-ui_ux","tag-interface-illustration","tag-landing-page-design","tag-theme-illustration","tag-user-experience","tag-user-experience-design","tag-web-design","tag-design","tag-2d-art","tag-design-process","tag-2d-illustration","tag-digital-art","tag-illustration-process","tag-digital-illustration","tag-tubik-arts","tag-flat-illustration","tag-people-illustrations","tag-graphic-design","tag-graphic-design-examples","tag-graphic-design-process","tag-illustration","tag-illustrator"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Process: How to Create Illustrations for IT Blog or Landing Page<\/title>\n<meta name=\"description\" content=\"The article shares useful tips and strategies from the experienced graphic designer: the design process of creating custom digital illustrations for blogs and websites.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Process: How to Create Illustrations for IT Blog or Landing Page\" \/>\n<meta property=\"og:description\" content=\"The article shares useful tips and strategies from the experienced graphic designer: the design process of creating custom digital illustrations for blogs and websites.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-22T14:56:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-24T11:30:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"tubik\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"tubik\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/\",\"name\":\"Design Process: How to Create Illustrations for IT Blog or Landing Page\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design.png\",\"datePublished\":\"2018-05-22T14:56:11+00:00\",\"dateModified\":\"2025-10-24T11:30:09+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/5e23669629a52a30d6a39f812180c56d\"},\"description\":\"The article shares useful tips and strategies from the experienced graphic designer: the design process of creating custom digital illustrations for blogs and websites.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design.png\",\"width\":1280,\"height\":960,\"caption\":\"buttons magic illustration tubik_graphic_design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Process: How to Create Illustrations for IT Blog or Landing Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/5e23669629a52a30d6a39f812180c56d\",\"name\":\"tubik\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/f8604de1f60bff36c62685eb1e49f779\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2123800bac8d93ebfdeca6d1050ceea406502caa706ddebafb7214d9b5f9a4d5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2123800bac8d93ebfdeca6d1050ceea406502caa706ddebafb7214d9b5f9a4d5?s=96&d=mm&r=g\",\"caption\":\"tubik\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/tubik\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Process: How to Create Illustrations for IT Blog or Landing Page","description":"The article shares useful tips and strategies from the experienced graphic designer: the design process of creating custom digital illustrations for blogs and websites.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/","og_locale":"en_US","og_type":"article","og_title":"Design Process: How to Create Illustrations for IT Blog or Landing Page","og_description":"The article shares useful tips and strategies from the experienced graphic designer: the design process of creating custom digital illustrations for blogs and websites.","og_url":"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2018-05-22T14:56:11+00:00","article_modified_time":"2025-10-24T11:30:09+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design.png","type":"image\/png"}],"author":"tubik","twitter_card":"summary_large_image","twitter_misc":{"Written by":"tubik","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/","url":"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/","name":"Design Process: How to Create Illustrations for IT Blog or Landing Page","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design.png","datePublished":"2018-05-22T14:56:11+00:00","dateModified":"2025-10-24T11:30:09+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/5e23669629a52a30d6a39f812180c56d"},"description":"The article shares useful tips and strategies from the experienced graphic designer: the design process of creating custom digital illustrations for blogs and websites.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/06\/buttons_magic_illustration_tubik_graphic_design.png","width":1280,"height":960,"caption":"buttons magic illustration tubik_graphic_design"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/design-process-how-to-create-illustrations-for-it-blog-or-landing-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design Process: How to Create Illustrations for IT Blog or Landing Page"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/5e23669629a52a30d6a39f812180c56d","name":"tubik","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/f8604de1f60bff36c62685eb1e49f779","url":"https:\/\/secure.gravatar.com\/avatar\/2123800bac8d93ebfdeca6d1050ceea406502caa706ddebafb7214d9b5f9a4d5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2123800bac8d93ebfdeca6d1050ceea406502caa706ddebafb7214d9b5f9a4d5?s=96&d=mm&r=g","caption":"tubik"},"url":"https:\/\/tubikstudio.com\/blog\/author\/tubik\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/4827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=4827"}],"version-history":[{"count":4,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/4827\/revisions"}],"predecessor-version":[{"id":14454,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/4827\/revisions\/14454"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/8526"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=4827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=4827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=4827"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=4827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}