- Original address: 2018 Design Trends
- By Mark Banaynal, Epicco Digital
- Translation from: The Gold Project
- This article is permalink: github.com/xitu/gold-m…
- Translator: pot – code
- Proofreader: WZY816, Ryouaki
Design Trends 2018
Choosing the right design style for a project is increasingly critical and challenging. How do you attract an audience, and how do you make your designs stand out in a competitive, information-overloaded marketplace? Even in an information-driven world, there is still an opportunity for design to resonate emotionally and create intuitive interactive experiences.
Double color and double exposure
At the end of 2015, Pantone shocked the design world by announcing that it would be represented by Serenity and Rose Quartz for 2016. This may be the reason why the digital world is moving towards two-tone. In 2016, a large number of websites began to adopt two-tone design styles in an attempt to create a powerful and dynamic atmosphere, typically such as SpotifyBy. Finally, by 2017, the style was dead on the street. 2018 was an improvement over the previous year: more double exposures were added, but it was also possible to add even color and a bit of drama in some photos.
Adison Partner’s Website
Spotlight Festival Identity, from Manitou Design, by Kristina Udovichenko and Shamil Karim
7h10 Double Color Exposure
Bolder use of color
Although gradually change color recently have the potential that returns greatly, but bold, bright color department is still having the position that cannot shake in design bound. After all, in a dazzling brand design, nothing stands out and impresses more than a bold and vivid use of color. However, once you have decided to use bold colors, you need to consider how the colors fit together and how best to highlight the brand image and capture the hearts of your target audience.
Simply Chocolate Website
Vision Yo Soy’s commercial nameplate, designed by Eduardo Vazquez for Qualium
More vivid gradients
Bold color is in the ascendant, gradient is not to be outdone, compared with previous great progress. As gradients have made their way back into the design world, they’ve found their footing: brand design, Web design, logo design, user interface design, and more. The combination of two, three or a grand slam of colors makes the design more stylish and attractive.
The home page of Magic.co, designed by Ludmila Shevchenko
Gradient Studies 12, designed by Evgeniya Righini-Brand
KIWI Rebranding, by Fabio Pistoia
Geometric pattern
After flat design and minimalism, geometry has gradually become a new favorite in the design world. Bold colors and geometry add a bit of visual complexity and a little bit of visual stimulation, but it’s just enough to catch the eye.
Goldengate’s commercial nameplate design, from Studio Recode
BigCommerce Mural, by Steve Wolf
Mercht Brand Identity from Robot Food
Dynamic effect
In recent years, dynamic effect has developed rapidly. With the improvement of hardware performance, the implementation of dynamic effect is more and more smooth, and the interactive experience is more intuitive. Dynamic effects can be used to lay out a web page, and can be used to smooth the transition between elements on the mobile side. There is no doubt that dynamic effects inject infinite vitality into the design. Of course, the motion also does not need to design how gorgeous, avoid appearing redundant, just need to convey the details of the human care in the sense, interaction and processing process, so as to better please the user.
Web design for Facebook’s F8 summit
Welcome page design for PocketBook, by Andrew McKay
Intel Logo animation by Nicolas Girard
There’s another Google dot matrix effect.
Parallax effect
The parallax effect makes the site more interesting and impressive. For example, inserting a 3D effect between the foreground and background elements of a page while scrolling makes the movement of elements smoother and more immersive.
Ronin Amsterdam Website
AMAIÒ Website
Elevux Website
3D
3D has many uses, such as the immersive experiences of AR and VR today. Whether it is to represent real objects or to create pure works of art, 3D technology can easily do the job. With a round finish, a fine surface and a proper shine, it is as good as the real thing. 3D not only brings depth to the work, but also gives the viewer a sense of touch, movement, etc. through the associations of the objects in hand.
Marina Bay Sands Singapore X’Mas Comes Alive Campaign by MACHINEAST –
Rubik, designed by Molistudio ™ and Peter Tarka
Metal wind
As the rendering tools become more powerful, the rendered models look smoother and rounder. With these dark technologies, it is not difficult to create luxurious, high-end metal textures. Put in the light, adjust the reflection and shadow parameters, and just sit back and wait.
Grand Spectacular 2016, designed by C&B Advertising
Various Concepts by Oleg Morozov
League of Legends Mid-season Invitational and World Championship Branding, designed by ILOVEDUST
Such as shaft design
Design does not have to be confined to two-dimensional, can try a variety of perspective style. Equiaxed design isolates objects by distributing them in three dimensions, which can open up more opportunities for creation, or for grandiose projects.
Adobe City, designed by Peter Tarka and Mateusz Krol
Google Man by Markus Magnusson/Social Media by Ricardo Nask
3D City, from Anna Paschenko
White space
Give the user room to breathe; a screen full of information might not choke the user to death. Proper white space can make the design more modern, more comfortable to look at, but also can let the user more focus on the main content, not by miscellaneous information interference, the digestion of the content is more thorough.
You can refer to:
Great Wisdom Buddhist Institute
Breaking the Grid layout
For a long time, elements stayed within their own zones, not daring to cross boundaries, let alone overlap. Of course, it does make it easier for designers to specify what to display in a given area. If this is the case for a long time, the audience will have aesthetic fatigue and lose the desire to continue to see the monotonous design.
As a result, more and more designers are breaking out of the Grid to create unique styles that make their designs more expressive and attractive. There are challenges to staying relevant and competitive in the marketplace, and this trend will continue.
You can refer to:
Cedric Lachot Website
Red Collar Digital Agency
Hopefully in 2018, these design trends will not just become trends, they will become mainstream; Designs can also be bolder, and there can be more great, unique designs to remember. Viewers can look forward to more immersive experiences that strike a balance between informative and aesthetically pleasing while still engaging.
The design for 2018 is absolutely fantastic.
Diggings translation project is a community for translating quality Internet technical articles from diggings English sharing articles. The content covers the fields of Android, iOS, front end, back end, blockchain, products, design, artificial intelligence and so on. For more high-quality translations, please keep paying attention to The Translation Project, official weibo and zhihu column.