{"id":16576,"date":"2018-12-06T10:20:04","date_gmt":"2018-12-06T10:20:04","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=16576"},"modified":"2023-05-27T00:44:36","modified_gmt":"2023-05-26T23:44:36","slug":"new-illustration-trends-tools-and-design-system-launches","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/","title":{"rendered":"New Illustration Trends, Tools and Design System Launches"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><em>This month\u2019s post is a compilation of what our product designer at <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/\">Marvel<\/a>, Maxime, found inspiring this month in design.<\/em><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">3D: The new illustration trend for 2019?<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">2017 &amp; 2018 were the years where 3D was more prominent than ever before. Pokemon Go reached 500 million downloads. We saw Apple releasing their new Animoji's and Memoji's. IKEA launched <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/itunes.apple.com\/us\/app\/ikea-place\/id1279244498?mt=8\">Place<\/a>, an AR app to place furniture in your room. <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/vr.google.com\/cardboard\/\">Google Cardboard<\/a> allows you to view 3D VR scenes without spending hundreds of dollars on a VR setup. Apple released a full 3D animated holiday commercial, called <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.youtube.com\/watch?v=3dJCroCMBPM\">Share Your Gifts<\/a>. Tinder combined 3D characters with photo scenes in their commercial, called <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.youtube.com\/watch?v=fKDRCYHi9-4\">Invention of Together<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-16.23.11.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16580\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-16.23.11.png\" alt=\"\" width=\"2172\" height=\"1218\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-16.23.11.png 2172w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-16.23.11-600x336.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-16.23.11-768x431.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-16.23.11-1500x841.png 1500w\" sizes=\"auto, (max-width: 2172px) 100vw, 2172px\" \/><\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Most of these companies can afford to take the risk to experiment with big budgets on 3D, the above projects would have involved months of work. However, suddenly we're seeing websites popping up like <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/pitch.com\/\">pitch.com<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/interview.ueno.co\/\">interview.ueno.co<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">They incorporate 3D characters which are simple, cute and have a shiny vinyl texture which makes them realistic. So I wondered, will 3D take over web illustrations soon by using simple characters with not too much detail?<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I started reading the articles by UENO on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/loremipsum.ueno.co\/getting-started-with-3d-489cb4ddfb50\">Getting started with 3D<\/a> and <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/loremipsum.ueno.co\/the-ueno-3d-interview-behind-the-scenes-da13885d8768\">The Ueno 3D Interview: Behind the Scenes<\/a>, soon after. This really helped me better understand their approach, it also explained how much work is involved in creating 3D illustrations. After keeping an eye on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/twitter.com\/anna_paschenko\">Anna Kajda<\/a> and<a class=\"link link--blue fontWeight-4\"href=\"https:\/\/twitter.com\/kajdax\">Arek Kajda<\/a>'s Twitter, I figured out their artwork was as follows:<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-15.08.54.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16579\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-15.08.54.png\" alt=\"\" width=\"2758\" height=\"1770\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-15.08.54.png 2758w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-15.08.54-600x385.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-15.08.54-768x493.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/Screenshot-2018-12-05-at-15.08.54-1500x963.png 1500w\" sizes=\"auto, (max-width: 2758px) 100vw, 2758px\" \/><\/a><\/p>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">3D artwork (PITCH's WORKFLOW)<\/h3>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Sketches<\/li>\n<li>ZBrush Modelling<\/li>\n<li>UV map the characters for colouring<\/li>\n<li>Rigging the characters<\/li>\n<li>Import the characters in Cinema 4D for creating a scene<\/li>\n<li>Add lightning<\/li>\n<li>Make a render, and cross your fingers your computer stays cool<\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">As you can see, there are lots of steps involved in creating 3D artwork that many designers, like me, wouldn't have thought of. It shows that creating this type of artwork is extremely time consuming and expensive, so I understood immediately why 3D illustrations aren't so common in web design.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">I think it's very likely we'll see more 3D in web design in 2019 but it will not take over from 2D artwork yet. 3D artwork are much harder to produce and far more expensive, so we might see 3D illustrations for bigger companies emerging but early stage startups will not be able afford this.<\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Procreate<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">In 2018, <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/procreate.art\/\">Procreate<\/a> was Apple's best selling iPad app. It also made it to Apple's best of 2018 lists. Procreate is a digital illustration app which comes comes with a massive toolset includes a <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.brushgalaxy.com\/\">huge range of brushes<\/a>\u00a0and provides an extremely satisfying fluid painting experience.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">It gained so much popularity over the past few years, that even Adobe decided to announce it's own tool called <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/theblog.adobe.com\/introducing-project-gemini\/\">Project Gemini<\/a>. The rise of illustrations on the web and stickers in messaging apps might have contributed to this success.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Last week, I discovered the Instagram profile of <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.instagram.com\/thegalshir\/\">Gal Shir<\/a>, a very talented designer from Tel Aviv. On his channel he posts regular videos of him working on illustrations in Procreate. It's interesting to see how quickly he creates his artwork, without too much post processing needed.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Gal Shir doesn't only make beautiful illustrations, he's also behind <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/colorhunt.co\/\">ColorHunt<\/a>, a color palette inspiration web app.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Go check out his work on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.instagram.com\/thegalshir\/\">Instagram<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-captioned=\"\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/BqIQYg-Aj4C\/?utm_source=ig_embed&amp;utm_medium=loading\" data-instgrm-version=\"12\">\n<div style=\"padding: 16px;\">\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<div style=\"display: flex; flex-direction: row; align-items: center;\"><\/div>\n<div style=\"padding: 19% 0;\"><\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\"><\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">View this post on Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\"><\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\"><\/div>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"style=\"margin: 8px 0 0 0; padding: 0 4px;\"><a class=\"link link--blue fontWeight-4\"style=\"color: #000; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; word-wrap: break-word;\" href=\"https:\/\/www.instagram.com\/p\/BqIQYg-Aj4C\/?utm_source=ig_embed&amp;utm_medium=loading\" target=\"_blank\" rel=\"noopener noreferrer\">Just a cactus ???? Made with #procreate on iPad Pro 12.9 inch - saying goodbye to this iPad because my new one is on the way ???? be ready for many more process videos! ???? Hope you enjoy watching! #art #design #creative #diy #ipadpro<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\">A post shared by <a class=\"link link--blue fontWeight-4\"style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px;\" href=\"https:\/\/www.instagram.com\/thegalshir\/?utm_source=ig_embed&amp;utm_medium=loading\" target=\"_blank\" rel=\"noopener noreferrer\"> Gal Shir<\/a> (@thegalshir) on <time style=\"font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;\" datetime=\"2018-11-13T17:39:07+00:00\">Nov 13, 2018 at 9:39am PST<\/time><\/p>\n<\/div>\n<\/span><\/blockquote>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><script async src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Designers Eye<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\u201cMove it one pixel to the left, now to the right. Now it's centred, beautiful!\u201d It's likely you've heard something like this in a discussion between designer and developers.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.supremo.co.uk\/\">Supremo<\/a> an agency from Manchester (UK) made a fun, little game based on this called \u201cDesigners Eye\u201d. The game presents you with 10 shapes where you have to guess if the dot inside the shape is centred.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/www.supremo.co.uk\/designers-eye\/\">Go try it out yourself!<\/a><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Reading HEX codes<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you're a designer, you've probably used HEX codes a million times, however their values can often mean nothing.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Being a designer for almost 13 years, I know that #000000 equals black and #FFFFFF equals white. But that's where my knowledge stops. Luckily, David DeSandro gave a short presentation about this in Paris at the dotCSS conference. Even though I might not be able to use the values off the top of my head after watching it, I appreciate having a better understanding of them now.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><iframe loading=\"lazy\" class=\"display-block marginTopBottom-l centered\" src=\"https:\/\/www.youtube.com\/embed\/eqZqx6lRPe0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Brosmind<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">This month, I stumbled upon the first book by <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/www.brosmind.com\/\">Brosmind<\/a>, \u201cWhy, how, what?\u201d. Brosmind is an art studio founded in Barcelona, Spain in 2007 by two brothers. If you don't know their work, visit their website to get a taste of their clean but crazy design style. Every inch of this book is beautiful and fun. If you go ahead an order one, you might be shocked by delivery time. But trust me, it will be worth it!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/12\/b1ae4c21322995.56301338eac1b.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16577\" src=\"https:\/\/marvel7077.wpengine.com\/wp-content\/uploads\/2018\/12\/b1ae4c21322995.56301338eac1b.jpg\" alt=\"\" width=\"1500\" height=\"1000\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/b1ae4c21322995.56301338eac1b.jpg 1500w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/b1ae4c21322995.56301338eac1b-600x400.jpg 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/12\/b1ae4c21322995.56301338eac1b-768x512.jpg 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a><\/p>\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Design Systems<\/h2>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Another month, another bundle of design systems discovered.<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li><a class=\"link link--blue fontWeight-4\"href=\"http:\/\/uniform.hudl.com\/\">http:\/\/uniform.hudl.com<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/garden.zendesk.com\/assets\/\">https:\/\/garden.zendesk.com<\/a><\/li>\n<li><a class=\"link link--blue fontWeight-4\"href=\"https:\/\/style.helpscout.com\/\">https:\/\/style.helpscout.com<\/a><\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">If you don't know what design systems are, go check out our blog post: <a class=\"link link--blue fontWeight-4\"href=\"http:\/\/&lt;a href=\">What is a Design System Anyway?<\/a><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Follow me on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/twitter.com\/maximedegreve\">Twitter<\/a> to stay in touch and share inspiration with each other.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This month\u2019s post is a compilation of what our product designer at Marvel, Maxime, found inspiring this month in design. 3D: The new illustration trend for 2019? 2017 &amp; 2018 were the years where 3D was more prominent than ever before. Pokemon Go reached 500 million downloads. We saw Apple releasing their new Animoji&#8217;s and Memoji&#8217;s. IKEA launched Place, an&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":91,"featured_media":16268,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[482],"tags":[],"class_list":["post-16576","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-thoughts"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Check out this month&#039;s Design Picks from Marvel&#039;s Maxime, predicting a 3D illustration trend for 2019, looking at new tools and design system launches.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New Illustration Trends, Tools and Design System Launches\" \/>\n<meta property=\"og:description\" content=\"Check out this month&#039;s Design Picks from Marvel&#039;s Maxime, predicting a 3D illustration trend for 2019, looking at new tools and design system launches.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-06T10:20:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-26T23:44:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/10\/Design-Picks.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3200\" \/>\n\t<meta property=\"og:image:height\" content=\"1400\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"4 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/10\/Design-Picks.png\",\"width\":\"3200\",\"height\":\"1400\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/\",\"name\":\"New Illustration Trends, Tools and Design System Launches\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/#primaryimage\"},\"datePublished\":\"2018-12-06T10:20:04+00:00\",\"dateModified\":\"2023-05-26T23:44:36+00:00\",\"description\":\"Check out this month's Design Picks from Marvel's Maxime, predicting a 3D illustration trend for 2019, looking at new tools and design system launches.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/c15a12cd56e8c344978415a704279e44\"},\"headline\":\"New Illustration Trends, Tools and Design System Launches\",\"datePublished\":\"2018-12-06T10:20:04+00:00\",\"dateModified\":\"2023-05-26T23:44:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/#primaryimage\"},\"articleSection\":\"Design Thoughts\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/new-illustration-trends-tools-and-design-system-launches\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/c15a12cd56e8c344978415a704279e44\",\"name\":\"Maxime De Greve\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/840c3a50faa4cfc7c6138fbb03bdfb24e590e8949a055d27e411d6067f9cc9e4?s=96&d=mm&r=g\",\"caption\":\"Maxime De Greve\"},\"description\":\"Designer and Developer @marvelapp. Belgian.\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/16576","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/91"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=16576"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/16576\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/16268"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=16576"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=16576"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=16576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}