Design Trends Reflected by Dribbble on 2018

Written by hackernoon-archives | Published 2018/12/14
Tech Story Tags: dribbble | dribbble-2018 | dribbble-design-trends | 2018 | design

TLDRvia the TL;DR App

Everyone is very concerned about design trends. Dribbble is the hub of designers and the easiest place to reflect the design trend. If you always pay attention to the design works on Dribbble, you will always notice many interesting commonalities. If you pay attention to these commonalities at a longer timescale, you will find that many of them will extend to a larger design area and scope. Many of them will become a stage or even long-term design trends in popular form. Some of these popular trends are about techniques, some are about color and style, and even some kind of metaphor.

Of course, no matter what, as designers, the value of these trends is beyond doubt. Pay attention to them and face them with an open mind. Maybe they will blossom and bear fruit in our own graphic design works in the next stage.

1. The Non-standard proportion of characters

Custom illustrations with people as the core are one of the most significant design trends in the past two years. This form of illustration can quickly present the desired environment, process, and more importantly, create emotional appeal. The standard and realistic figure image appear mediocre but not enough prominent under a large number of design demands, This also makes the figure proportion of the distorted and non-standard character more outstanding.

Above is Diana Stoyanova’s illustrations present a busy woman with a non-standard and abstract figure, but powerful.

Diana Stoyanova’s illustration emphasizes that you are bigger and more important than a mobile phone by exaggerating huge characters.

Radio’s illustration uses a distorted figure to create an interesting and lovely image, making interaction more interesting.

2.Supporting Information Provided by Interface Illustration

Today, illustrations are no longer uncommon in UI. Custom illustrations have long been no decorative design. They make UI interfaces more visually appealing and expressive.

This interface was created by the icons8 team. Auxiliary illustrations make error reporting information bright enough and positive enough so that users will not feel uncomfortable.

This group of works is also from icons 8. This time, the style is different, and it is designed to guide new users on the mobile side. Attractive illustrations show the advantages of text description more vividly.

Netguru’s error page looks very pure and cute

The illustration designed by Hoang Nguyen is even interactive, inspired by a classic slider game that simulates the effect.

3.Dynamic LOGO and Image

Animation effect is an important means to enhance vision. In the past, most of the visual and graphical elements were static, but now in order to more actively cater to user experience, the dynamic design has become a routine, many dynamic effects cannot be presented by static design, and the creation of emotions and atmosphere is more powerful.

A dynamic effect can not only make the product more attractive visually but also show the quality of the product to users. In addition, you can find effects on websites, notifications, tutorials and interaction processes. That’s why there are so many dynamic graphical elements in Dribbble’s design.

The dynamic LOGO Motion Design School designed above borrows the design method of negative space, while the main body adopts the image of a dog, which is very lovely and vivid in dynamic presentation.

Awsmd’s design is even more interesting, giving the movement characteristics of jellyfish to flowers. Two different and gorgeous life form is identical in Motion form and has unique visual expression.

Markus Magnusson dynamically connects a group of illustrations with a consistent style and coherent plot, which makes LOGO have a strong narrative ability.

Yup Nguyen’s animation is not only fashionable but also very interesting and pleasant while forgetting the worry of waiting.

Another 7 trends please waiting for next sharing!


Published by HackerNoon on 2018/12/14