Įkvepiančios idėjos 2018 metams

Here are 10 graphic design trends to watch in 2018

  1. Responsive logos
  2. Gradients
  3. More depth (with semi-flat design)
  4. Dashing duotones
  5. Palettes & patterns inspired by the 80’s & 90’s
  6. Movement: animations & GIFs
  7. Bold typography
  8. Custom graphic art and illustration
  9. Authentic photography
  10. Highly-detailed vintage

1. Responsive logos

It’s been 10 years since responsive design began to revolutionize the web, and since then it has become the industry standard. The rapid rise of mobile browsing (and an endless assortment of devices and screen sizes) has created critical usability issues for traditional websites. Designers and developers began experimenting with various ways to make designs adapt to the user’s device as a one-website-fits-all solution. This laid the groundwork for what would become known as “responsive design.”

The idea of altering logos to meet the same user demands has largely remained unthinkable… until now. Companies have been refreshing their logos into modern, simplified versions over the past few years and responsive logo design is the logical next step in meeting the demands of today.

Responsive logo concepts by Joe HarrisonSelect examples from “Responsive Logos”. Via Joe Harrison

Digital and interaction designer Joe Harrison created an experimental project called “Responsive Logos” to explore the creation of scalable logos for some of the world’s biggest brands.

Skype logoVia Skype
Google logoVia Google

2. Gradients (and we’re also calling them color transitions)

NYC Pride webpage screenshotGradient image overlay with color transition animations for added flare. Via NYC Pride

In the not-so-distant past gradients reigned supreme. They were found on every website button, page header and PowerPoint presentation. Your corporate PDF wasn’t cool unless a gradient graced the cover. Then, sometime around late 2007 they were sidelined as we embraced an era of flat design.

Stripe webpage screenshotStripe uses vibrant gradient backgrounds to compliment semi-flat illustrations. Via Stripe

Flat design is evolving, and gradients are making their modern-day comeback as a flat design enhancement. This enhancement is part of a design update often referred to as “flat 2.0” or “semi-flat design”. Their reappearance in iOS and adoption by industry leaders like Stripe and Instagram have solidified their popularity once again, and you’ll be seeing them in the form of vibrant UI, branding, backgrounds, illustrations and overlays.

Elje Group webpage screenshotElje Group’s vivid color transitions and typography are on point for 2018. Via Elje Group
Asana webpage screenshotAsana combines gradients, illustrations and shadows for a modern, flat 2.0 look. Via Asana

We’re also seeing an increased use of the term “color transitions” when referring to gradients. While the terms seem to be used interchangeably, “color transition” more often refers to the modern application which is vibrant, smooth and “flatter”—fitting within flat design aesthetics.

Workspace logo designWorkspace logo design for helloT7 by shaka88
Pushups fitness appPushups fitness app for SmoothMobile, LLC by Nashrulmalik
Aquatta logo conceptAquatta logo concept by artsigma

3. More depth (with semi-flat design)

Galaxii game app designCard design for the Galaxii game app by boorykin

We’ve been seeing them a lot lately, and it’s safe to say that shadows are officially back in 2018. Like gradients, shadows were put on the back burner as we stripped realism and skeuomorphism from our designs in favor of extreme minimalism and two-dimensional design.

In hindsight, depth was a valuable tool for helping users determine visual hierarchy, input fields and calls to action on screen. Designers had been experimenting with “long-shadows” as an acceptable means to add more dimension to their flat designs when Google Material Design reintroduced real shadows as an enhancement to their UI. The idea quickly spread outside of Material Design and designers began reintroducing shadows of their own. These shadows were large, soft, sometimes colored and added subtle depth and dimension unlike their harsh, overused, “drop-shadow” predecessors.

Inbox by Gmail website screenshotAn example of material design. Via Inbox by Gmail
Android website screenshotLarge, soft shadows help determine hierarchy and interactivity in this awesome Material Design site. Via Android

The purists may not like it, but depth has proven that it can fit within the evolving ethos of flat design by improving usability and simplicity, both of which are core principles of flat design. Going forward you will see shadows become a staple of the “semi-flat” design movement. We’re already seeing them being used to enhance icons and illustrations, as well as websites, app interfaces and even print designs.

Codecourse homepage designSubtle shadows help the UI components pop in this unique design. Codecourse homepage design by His-P Design Studio
Base UI website screenshotSubtle shadows help the UI components pop in this unique design. Via Base UI for Sketch

4. Dashing duotones

AfriSam 2018 Corporate StationaryCalendar panel from AfriSam 2018 Corporate Stationary. Via Katt PhattAndrew FootitPromise Luxe™charlette hepworthAli Cordeiro, CopywriterNic KostourosSherilea Gaspar

Duotones are traditionally created through a halftone printing process where one halftone is printed on top of another of a contrasting color, creating a two-toned image. This fundamental printing technique has found new life in digital media. Imaging software has made it easier than ever to create duotones, as well as related variations like monotones, tritones, quadtones and “fake duotones” (tinted images).

Spotify Showstopper Podcast imageSpotify uses duotone images for branding and cover art. Via Spotify

Spotify has been credited with their return to mainstream design by using duotone images in their app and promotional microsites. Designers are taking advantage of this technique as imagery created within a limited color palette is delightfully complimentary to semi-flat design.

With bold colors and beautiful application possibilities, duotones are predicted to be one of the hottest trends of 2018.

Duotone poster designDuotone poster design for Gauthier & Nolet Architects. Via Jvstin Bechard
Keto + Co product packagingProduct packaging design by ::scott::
Cultulre.pl website screenshotDuotones are used throughout the incredible website design for “Multimedia Guides to Polish Culture”. Via Culture.pl
NewDealDesign website screenshotNewDealDesign uses vivid duotone imagery everywhere. Via NewDealDesign

5. Palettes & patterns inspired by the 80’s & 90’s

Bliss Thai’s 80’s inspired brand identityBliss Thai’s 80’s inspired brand identity. Via Daria Kwon
Write Sketch &’s high quality decorative paperWrite Sketch &’s line of stationery and decorative papers have an awesome 80’s-90’s vibe. Via Write Sketch &

Redux Saints logoRedux Saints Branding featuring an electric logo design by austinminded

From pretty pastels (“millennial pink”, anyone?) to electric hues, color schemes from the 80’s and 90’s have been gaining popularity once again. With the movement away from ultra-flat designs, expect to see the abstract and geometric patterns inspired by the era move from the fringes into the mainstream as well.

As children of the 80’s and 90’s become more prominent and influential as both brand leaders and key target audiences, this trend can add visual excitement as well as a touch of nostalgia to your designs.

Fun Employed website screenshotFun Employed’s funky illustration is an amalgamation of retro and flat. Via Fun Employed
Nordic.design website screenshotNordic.design is down-right cute with it’s geometric patterns and neon colors. Via nordic.design

MOO’s business card sample packBold colors and patterns jazz up MOO’s business card sample pack. Via MOO

6. Movement: animations & GIFs

You may be hearing a lot of buzz about microinteractions lately, but what exactly are they and why should you use them? Simply put, microinteractions are tiny animations used to communicate with users and help them perform tasks. They are a UX best practice, and possibly one of the biggest UX trends to date.

Final app gifApp interactions for Final. Via Ramotion
Contact sync gifContact sync microinteractions. Via Ramotion

Microinteractions are everywhere and though you may not be consciously aware of them, every time you receive a notification on 99designs, like a post on Facebook or swipe left on Tinder, you are engaging with microinteractions. They are particularly useful in making users feel like they are manipulating an interface by providing feedback for their actions. Paying attention to the details can really take your designs to the next level.

500px logo gifThe new movement of 500px. Via William Kesling for Focus Lab

Animations for the new Google brand systemAnimations for the new Google brand system. Via Adam Grabowski
Uber logo gifOfficial animated wordmark for Uber. Via Nicolas Girard

When it comes to larger animations, GIFs and SVGs are valuable tools for communicating ideas, concepts and processes while making content more engaging for users. GIFs have come a long way since their animated clip art days and have evolved to fit in fabulously with the modern web. Add interest to ads, email newsletters, illustrations, icons and logos by taking advantage of this trend. Animated GIF logos have really become a trend of their own and it’s easy to see why—they’re slick, clever and extremely appealing.

These aren’t your average GIFs. Via The Artery
Icons Responsive animated header GIF demonstrates the concept behind their product. Via Icons Responsive

Bloom website screenshotBloom is brimming with illustrations and animations. Via Bloom

Speaking of appealing animation, the cinemagraph is making a come back! These animated images are essentially still photos with a repeating video loop for only a selection of the image. Think beautiful landscape with a single animated tree blowing in the wind. That contrast of movement on extreme stillness looks striking and surreal. Cinemagraphs are either videos or animated GIFs, and you can expect to see them coming to websites, apps and social media ad campaigns near you in 2018.

7. Bold typography (and serifs return to the screen!)

Slack website screenshotSlack seamlessly integrates serif fonts into a flat design. Via Slack
Digital Volcano website screenshotSerif fonts help set the tone for this epic project. Via General Electric

When it comes to typography in 2018 you’ll find that the bigger and bolder, the better. Designers will be opting for artistic effects, extra-large font sizes and huge headlines. Helvetica-inspired sans serifs have dominated digital spaces, and while they’ll remain as fashionable as ever (especially their extra-bold family members), we can expect more typeface variety in the coming year.

Bolden website screenshotBolden’s extra-large typography and hover animation is awesome. Via Bolden

This variety will include more decorative and hand-made fonts as well as—gasp!—serif fonts. Our serif font friends have been making a rapid reappearance on screens, especially when paired with sans serifs. With a demand for synchronization across all media, designers shied away from serifs almost entirely to avoid inconsistency as brands began to live more of their lives online. With the serif’s increasing acceptability on screens (likely due to better screens and Google Web Fonts’ impressive options), we can expect a ripple effect and for the serif to regain some of its former footing.

Alta packaging designAlta packaging design concept by Fe Melo
Album artworkAlbum artwork for Low High featuring creative typography by nevergohungry
book coverWir Im Wandel book cover by nevergohungry

Trends mainly seen in print will also be finding their way on screen. These will include experimental and artistic typography, more creative layouts and placements involving imagery, and bolder variations in alignment and kerning.

Polaroid website screenshotSo modern, yet so retro. Via Polaroid Originals

monsieur caillou website screenshotPierre Nguyen shows us bigger can be better. Via Pierre Nguyen
Nurture Digital website screenshotBold serifs and whimsical animations are a great pairing. Via Nurture Digital

8. Custom graphic art and illustration

custom typography logoStunning logo with custom typography. A collaboration by Dusan Klepic DK™ and ludibes
illustrated mobile site design conceptThis illustrated mobile site design concept by boorykin is seriously amazing. (Full view here.)
Book Cover DesignThe Year of You book cover design for hannahs3 by LilaM

Whether they are whimsical, practical, or purely artistic, the demand for custom graphic art and illustrations will continue to grow in the new year. Custom imagery has always played a major role in print media. When it comes to digital media however (despite being a star player of Flash websites in the 2000’s), custom graphic art and illustration has taken a backseat to cheaper stock imagery alternatives for much of the last decade.

Rocket custom illustrationsCustom illustrations for rocket by SpoonLancer
Trade show displayTrade show display design for cloco by Mila Jones Cann

The accessibility of stock left drawing, painting, calligraphy, artistic typography, photography and illustration underutilized on the modern web. This includes modern renditions of classic graphic design techniques like duotones and double-exposures for example, both of which are becoming trends of their own. The movement toward flat design also left little room for these embellishments and as we opted for icons and illustrations tailored to flat design trends, we left things looking a little homogenized.

Mailchimp website screenshotMailChimp’s fun 80’s inspired graphic art. Via MailChimp
Whimsical tentacle illustrationsThese illustrations are downright whimsical. Via Denise Chandler
The game inspired interactive resume of Robby Leonardi screenshotThe game inspired interactive resume of Robby Leonardi.

Custom artwork and illustration helps create a visual language which can really enhance and add personality to a brand. In 2018, you can feel free to get really creative as we’ll see more artwork in a broader range of styles surface as designers and their clients begin to untap the potential of these underused assets.

Matisse inspired illustrationThese Matisse inspired illustrations with subtle animations are simply striking. Via Inside the Head
Part flat, part 80’sPart flat, part 80’s, all custom. Via New Enterprise Associates

Delicate watercolor illustrationDelicate watercolor illustrations are timeless. Via House at Khlebny

9. Authentic photography

Yeti Cycles website screenshotYeti’s photography is action-packed. Via Yeti

Authentic photography looks and feels real. Whether you’re working with custom photos or selecting stock, look for images that convey emotion, contain action or tell stories. Unfiltered and unstaged photography was a huge part of advertising in the 90’s, and though we’re not quite sure why models spent the next 15+ years shaking hands and smiling at their screens, it’s refreshing to see natural (and more interesting) compositions return to the mainstream once again.

Big Cartel website screenshotBig Cartel’s real life scenes relate to their artistic audience. Via Big Cartel
Dog walking on a leashSeriously, how cute is this guy? Via Dog Jogs

Demand for real-life photography grew significantly in 2017 and will grow even more in 2018 as brands seek to connect with their users, and designers seek to rid the world of cheesy stock photography. Luckily there are lots of amazing photographers out there who are helping meet this demand through premium and free stock photography resources.

Epic action shots and sceneryThis design is jam-packed with epic action shots and scenery. Via Epiccurrence
Elegant seagulls website screenshotElegant Seagulls combines custom photography with bold typography for a modern, creative look. Via Elegant Seagulls

10. Highly-detailed vintage

soap bar packagingBoutique soap bar packaging concept by Martis Lupus

health food packagingEye-Catching health food packaging concept by Hive – Agency

Vintage isn’t anything new (obviously), but the trend will remain strong in 2018. Though it may contradict the mainstream desire for minimalism—beautiful, finely crafted logos and illustrations are timeless. Brands looking to achieve a top-shelf look often find classic design aesthetics can provide an air of distinction and sophistication.

Whiskey box designWhiskey box design concept by Esteban T
Salami label designSalami label design for Bona by Wooden Horse
Perfect Steep eJuice logo designLogo design for Perfect Steep eJuice by Mojo66

While this trend may not be practical for everyone, brands in the food and beverage industries—especially those in wine and spirits—have been leveraging this style for years with gorgeous results. Artisan, organic and natural product brands are loving this look by using it to give their products that hand-crafted, wholesome feeling of simpler times.

Fiore’s floral Italian restaurant brandingFiore floral Italian restaurant branding. Via No Name Branding
Vintage label design conceptVintage label design concepts by .g.

Find the perfect gin app designFind the perfect gin using this delightfully designed app. Via Ginventory

Are you ready for design in 2018?

It’s an intriguing time in graphic design. The graphic arts are being revitalized as we’re beginning to see a resistance to the flat design movement. The design scene is about to get a lot more interesting as we continue to focus more on originality and the individuality of brands and their audiences. With so many old and new styles on the table, it will be a time of taking risks and breaking patterns. Make 2018 the year you release your creativity!


More info: