Design trends never lose our readers’ interest, and Dribbble is one of the platforms where even the craziest experiments have a chance to get uncovered. The collection of UI design trends showed the theme is actual and debated. Keeping our eyes on the ball, we have prepared a new set of trends devoted to trendy stuff in graphic design. So, let’s check and discuss them. With lots of examples, of course. Get ready for various styles, visual metaphors, colors, textures, and shapes.
Custom illustrations featuring people are one of the biggest design trends for the recent year or two. They quickly set the necessary associations, show processes or environment and create emotional appeal. Still, it would be boring if all the graphics followed the same style, so this year illustrators push the horizons and show lots of creative experiments based on broken proportions and original shapes.
The interface illustration by Icons8 shares the visual metaphor for success. Huge footwear, unproportional big hands in contrast with thin lines of the watering can elements, and small head create a non-realistic catchy style.
Illustration by Diana Stoyanova shows the image of a busy woman whose day is full of different tasks. Again, body proportions and posture are far from realistic to make the character catchy and quite abstract at the same time.
Another artwork by Diana Stoyanova uses the original posing and size contrast to remind a simple thing: you are bigger than your mobile phone.
The funny animated 3D character by Radio is also based on a disproportionate body with huge hands and legs but small head. It adds fun and cuteness to the image and makes the interactions look cartoonish.
This year illustrations integrated into interfaces are no longer something exceptional. The effectiveness of the approach is already well-checked. Custom graphics are not just decor, they make the screens more attractive, emotional and meaningful. What’s more, they support the message given on the screen or page: as images are scanned, decoded, and memorized faster than words, they save the user’s effort in capturing the key message and increase usability.
The illustrations by Icons8 show that even error messages can look bright and this way make an error not that painful.
One more set of graphics by Icons8, this time in a different style. These ones were designed for a mobile app onboarding: catchy images strengthen the message about app benefits described in the text, and graphic detail made of dots enhances the visual integrity of all the onboarding screens.
This error message screen by Netguru is pure cuteness overload due to funny and catchy pumpkin illustration as a great support for the copy content.
This is a great example of how custom graphics by Hoang Nguyen support the process of interactions. Inspired by a popular slider-puzzle game, the designer makes its animated imitation to entertain users while they are waiting and inform them about the positive or negative result.
Animation is a great way to amplify the impact of a graphic element. Mostly seen as static assets before, now more and more graphic designs start moving for the sake of positive user experience. Animated logos, characters, and illustrations become even more expressive: motion adds the details impossible to show in a static version, it’s much more emotional and catches user’s eye easily. Used on splash screens of the apps, animated graphics engage users and inform them about the nature of the product. Also, you can find them in on-hover animations on websites, notifications, tutorials and other parts of an interaction flow. No wonder, Dribbble is full of bright showcases.
Logo design based on creative use of negative space and animated by Motion Design School immediately informs users that this is the app about pets. I bet seeing this animation you can even hear that doggo bark, can’t you?
This hypnotic animation by Awsmd combines the images of flowers with movements of jellyfish to capture users’ attention and build up strong aesthetic satisfaction from the first glance.
The animated graphics by Markus Magnusson turn a set of illustrations into a united message. This way graphics strengthen storytelling in design.
Funny and stylish animated graphics by Yup Nguyen present a great idea how to get users entertained instead of annoyed with waiting.
One of the most popular themes of digital illustration on Dribbble now is work from all perspectives. Graphic designers share numerous artworks showing a wide variety of workspaces, teamwork, creative processes and workflows, communication, and collaboration. The main reason for this is the popularity of such graphics as visual content for landing pages and blog articles.
This illustration by Tubik features the designer workspace made artistic with the color palette, noise, and experiments with composition.
Again, we can see the creative process on UI design in the illustration by Walid Beno, but this time it shows teamwork in progress and the exaggerated image of an interface becomes the center of the composition.
The illustration by Ted Kulakevich features a character working or perhaps getting inspired. The composition based on contrastive parts and warm color palette give it cozy and eye-pleasing looks.
If you have your hands full, you’ll quickly recognize yourself in an illustration by Icons8. The artwork uses gradients to give a pinch of style to a character, and the general mood of the artwork is positive independently from loads of work the character is surrounded with.
Monsters, robots, cartoonish characters, and fantastic creatures don’t lose their positions on Dribbble this year. More and more often, they are found as mascots in branding and hero images in interfaces. In UX design, mascots can quickly set the necessary mood and bring out the associations people usually have for particular animals or other types of characters. Being personified, characters can also create the illusion of human-like communication between the product and its user or buyer.
This funny cartoon character by Mike Creative Mints is used as a hero image on a web page to give a quick visual connection with a product.
In contrast to the easily recognized animal in the previous example, this one by Alexandra Zutto looks futurist mixing images of real people and a robot or android together in one environment.
The cute animated illustration by Motion Design School shows how motion can enhance a brand presentation.
Motion is life – sometimes, it feels like one of the key messages that graphic designers want to transfer with their creations. Together with images of the work process, dynamic activities, and sports are on top of themes for illustrations, often used as metaphors for totally different themes. Digital artists often demonstrate trailblazing experiments with colors, shapes, curves, and composition in this direction.
The website illustration by Unfold features runners on the finish line, close to the achievement for the race. Bright colors, several layers of detalization and even bokeh effect on the foreground make the presentation highly artistic.
One more look on runners, this time just preparing to start the race is another artwork by Jack Daly for the series of InVision articles about design. This is how the designer shares the metaphor for a design sprint. Keep an eye on the diversity of the participants pictured in detail.
The illustration by Walid Beno shows the cyclist that looks like crossing the line between reality and the future. The expressive color palette is limited to various shades of blue and green and shows the sophisticated work with the contrast between light and dark.
One more trend in graphic design is trying bold and expressive styles in illustrations, close to magazine illustrations, sometimes similar to what Malika Favre is famous for. Limited palettes, catchy contrast, expressive, almost photographic combinations of shadows and light spots, bold, meaningful details, creative explorations of negative space in logos and illustrations – all of that can be found on Dribbble Daily.
The artwork by Ksenia Shokorova quickly transfers hot and lazy summer mood with an expressive silhouette as a center of the composition, nice contrast of pier decks and water, limited but impressive color palette.
The illustration by Joanna Lawniszak featuring an occasional view on someone’s desk creates the atmospheric feeling based on the play of light and shadow.
Logo design by Yoga Perdana shows the skillful combination of a cat symbol with a wordmark into one integral composition based on negative space.
Another logo concept founded on negative space and called Mr.Travel was designed by Yuri Kartashov: it combines the images of a man’s face and mountains pictured as his hairstyle.
Funny and catchy logo by Dmitry Stolz for the project Fetch My Meds features two cute mascots inscribed into a lettermark. Slight animation makes them lively and playful.
This year, 3D graphics of all kinds are one of the hottest trends on Dribbble. Renders of different fidelity, isometric low-poly illustrations, game characters, and elements are shared by designers both individually and in user interfaces.
This engaging animation by Ueno is built on 3D renders and used as a catchy way to inform about the vacancy in the company.
Here the 3D illustration by Tubik presents a cute and beautiful hero image for a website selling books for children. The character creates a strong association with 3D graphics created for modern cartoons and games; the effect of such an approach is strengthened with a skeuomorphic CTA control.
Elaborately detailed isometric illustration by Mohamed Chahin shares the homey atmosphere with different things in composition, pastel tones and blurry light.
Illustrations showing stylizations of web and mobile interfaces in a variety of angles, types, shapes, and environments are becoming increasingly popular. They are often used as title or theme images for blog articles, websites, and landing pages. It’s not surprising that with such tight competition in the sphere, photos and screenshots are often not enough to convince users or catch their attention. This is when illustration can save the game.
Creative and even a bit brutal illustration by Dropbox Design for a blog article about designing with real data. You may like the style or find it too much experimental, but one thing is for sure: you won’t go past without having a glance on it.
A digital artwork by Alexander Savic featuring doctors interacting with a specialized interface quickly sets the theme of technologies integrated into healthcare.
The illustration by Fireart Studio is based on the contrast of colorful and colorless parts and reflects the metaphoric plot for a dating app, the one that allows a user to catch their love out of the faceless crowd.
The illustration by Dmitry Stolz shows the interactions with a mobile app, in particular, the moment of making a decision.
Another graphic design trend is illustrated based on the visual effect of multilayered cut-out papercraft. Such artworks look deep and original, setting a strong visual association with physical crafts.
The illustration by Eddie Lobanovskiy features the effect of a multilayer cut-out shape that adds impressive depth to the space exploration theme.
The artwork by Michael Fugoso which he defines as a flat digital illustration with an illusion of depth.
One of the ways to use such kind of illustrations is to make the scroll engaging.
The example of multilayer illustration by Studio VØR uniting the parts of the webpage during the scroll process.
One more example of engaging scroll interactions by Anano Miminoshvili: the webpage is built around the big illustration which is moving up with scroll and activates another image layer inside.
It’s only a small part of trends and creative experiments in graphic design shared by dribbblers in their shots day by day. However, one conclusion can be made for sure: Dribbble is becoming more and more artistic, and hopefully, this trend will inspire us even more in the future.
Would you like to add any trend not mentioned in the list? You are welcome to join the discussion in the comments.
Check Ouch, the collection of free vector illustrations for UX
Review popular UI design trends on Dribbble, read how illustrations can improve user experience and check the most hated UI/UX patterns in 2018
Don’t miss the collection of hot UI trends on Dribbble in 2019
About the author
Marina Yalanska, tech/design writer and researcher, editor of Icons8 Blog
Why is my printed logo not as vibrant as the digital one? Why do I…
Get an all-in-one UI kit to build a professional fintech landing page. It includes everything…
Meet Lunacy 10.0! Here is a brief intro to the new features with their demonstration:
Learn from 13 outstanding portfolio websites that creatively blend design, functionality, and personal branding to…
We asked users what they wanted to create with AI generators. Then we generated their…
Explore stunning UI concepts created by Icons8 users featuring animated illustrations, sleek sign-up pages, bold…
This website uses cookies.