2018 Design Trends

Good news! 25 design trends specially compiled for UI designers. Want to know whether 2018 will continue the design direction of 2017? Come with us Let’s see

Another year has passed. There were many design innovations in 2017, so what changes will there be this year? It is not difficult to find from some of the characteristics of 2017 that mobile design has become Increasingly important, this trend will continue, making designs like responsive logos more and more important to designers. Next, we will also see more vibrant and bright colors, customized illustrations and freer creativity. 2018 will be a more colorful year. Here are our 25 predictions for the design trends in 2018.

This form pursues the consistency of background color and object color, while using shadows or 3D models in layout design to create a sense of volume. Although this form will lack contrast, the overall effect is very smooth and full of real volume, and we will feel as if the object is jumping out of the plane.

In 2017, we saw many examples of bold use of color. This trend has continued and will become one of the most important trends of the year. Under this trend, this kind of strong color and some psychedelic colorful effects are extremely popular.

Gradient was a popular trend in 2017, but this year the trend has become more popular, bolder and more diverse. We found more innovations in gradients, such as the combination of bright colors and multiple textures. This trend is appearing in all areas of design, from branding to packaging and beyond. In addition, the gradient 2.0 era will also include background gradients, two-tone gradients, multi-color gradients, image overlay gradients, etc.

This year’s Pantone colors are bright colors, among which violet is highly praised. Violet is a bluish purple that brings us a refreshing feeling. Many big brands have also started using this color in their branding. At the same time, different shades of purple, blue and purple are also very popular. In addition to purple, there are some popular colors this year: cherry tomato color, meadowlark color, lime Pantone color, paradise color, etc.

We predict that two-tone colors will be one of the most popular trends in 2018. First of all, this is not a new form of design, it has been around for decades, and Spotify is bringing it back to the forefront. With this form, you can use bold colors to create memorable designs.

In the past two years, we have seen more and more 3D design works. In 2018, 3D will still be a force that cannot be underestimated. The combination of 3D abstract shapes and bold colors perfectly combines virtuality and reality in a very subtle way, sometimes even making it difficult for you to distinguish between real and fake. So, is what is shown below a picture or a real scene? Can you distinguish them? Do you feel that the boundaries between them are becoming more and more blurred

Like the 6th As Dian said, the boundaries between virtuality and reality are becoming increasingly blurred, and 3D design has also encountered some new challenges. Combining the organic and inorganic can give the 3D model the shadow and color of solid metal, making the design effect particularly realistic and charming. The effect looks so concrete that those clear, cold, smooth surfaces make you want to touch and feel it, and it's almost hard to believe that they are just appearing on the screen. So far, 3D has been perfected in all aspects. It can be said that there has been a major leap. Perhaps in the near future, more 3D organic forms will appear.

Integrating 3D animation into a 2D plane is an imaginative and creative design form that can always arouse people's deep thinking. Not only that, by adding spatial dimensions to the plane, you can also create some very unique aesthetics. This design form can be applied in various design fields such as logos, web pages, videos, etc.

We find that the trend of combining 3D digital technology with handcrafted arts is becoming more and more obvious. Craftsmanship is a very mature technique that adds a tactile and interesting layer to the design. In the example below, designed by Maxime Skerrit, the 3D model looks like a handmade paper craft.

A major trend in web design in 2018 is interactive 3D design. These 3D designs show unique aspects in terms of depth, direction, texture, and perspective. The use of 3D elements and space makes the website unique and enhances the website’s design aesthetic and user experience. For example, Atacac created an interactive futuristic virtual reality showroom that allows users to explore a variety of fashionable clothing in a virtual 3D scene. Another project is animation and 3D sculpture by TheArtery_

In recent years, augmented reality technology has developed rapidly in the fields of games, videos and mobile applications. AR actually also has good development prospects in the field of design, especially in mobile devices. DIA Studio gave us a good demonstration. They applied interactive 3D typography to daily objects. The effect is very amazing.

In 2018, more and more brands are pursuing differentiation and branding, so the trend of custom illustrations and customized designs has emerged. Designers draw distinctive illustrations to suit different businesses or meet the needs of different target customers. Customized illustrations not only add interest, but also bring more excitement to users.

The combination of modern design and retro elements will become a major design trend in 2018. The colors and patterns of the 1980s and 1990s are making their way back into modern design.

The music posters, art, movies and fashion of the 1980s have inspired modern design. The bold application of colors has brought us back to the good memories of the old era, arousing the interest of many people** *Ming.

Bold typography can send a strong and clear message. If you want your design to stand out, use large fonts and combine it with bold colors. In this design, text becomes the protagonist, making each page irresistibly attractive.

In addition, in 2018, 3D fonts became more and more popular. 3D fonts are impressive. Bingqi is also very important for enterprises because they are an effective means of connecting and impressing users.

Creative font design has also been a major trend in the past few years and will continue to be popular this year. If you want to express clear ideas, creative fonts are the best choice. Twisted, broken, and interactive, 2018 is sure to see more experimentation with typefaces.

Hand-drawn illustrations, 3D models and photography are combined to make the work look very unique and modern. Adding illustrations/3D elements to photographic works, whether it is fashion photography, concept photography or poster photography, can make the photos stand out.

Adding some "spice" to traditional flat design may be the right direction for 2018: the use of shadows makes objects richer and enables objects to be separated at different levels.

Fauvism means using rough techniques and heavy typography to catch the eye. Brutalism first became popular in architectural design in the 1940s, but now the concept is back and you'll see its shadow in all areas of design.

Simplicity means clean, and minimalism means a concise page that is mainly white and can be used to express various functions. A semi-flat design can use subtle shadows to create hierarchy, as well as some gradients or bright colors, which will make your design more eye-catching and memorable.

Overcrowded designs are a thing of the past, so all non-essential information must make room for important information. In 2018, when the amount of information continues to increase, if we don’t want users to be confused during use, then splitting will become a valuable tool for designers, thereby maintaining the pursuit of user experience and aesthetics.

They are everywhere. For example, cursor interaction will add a new layer of experience to the user experience of the website. Users control the mouse to trigger customized interactive feedback. In the case of BenMingo, when the cursor is close to the menu option, the interactive feedback starts to act like a "magnet". The cursor can also react differently to different actions, which is perfectly demonstrated in the WalkingMen example. We are very curious about this field and want to continue to explore it.

In an era where mobile experiences are becoming more and more important, it is crucial that your logo adapts to all types of devices.

A truly responsive logo is not only able to zoom in and out on the page or device, it also needs to have a very clever adaptability that can be very flexible to match different size structures.

In addition, responsive logos are becoming more and more important for designers: a brand must be able to clearly present itself regardless of the size and space used. For designers, It will also be a more exciting challenge, responsive logo design will not be absent in 2018.

From websites and logos to product or service demonstration videos, motion graphics are everywhere. GIFs can help people understand your product better. Animations also appear in layout design, such as prompt text on a slider or an animated logo.

With the explosion of GIF, animation has become more and more widely used online. Use dynamic elements (such as banners or header images) to ensure that they are eye-catching. The 2018 dynamic and still image trend is likely to return as well. (A static image with a single moving element, such as a static cup, with dynamic smoke coming out of it)

Integrated animation is a very slight, continuously looping animation. Whether it is the loading page or the moving elements on the page, they can be used to guide the user experience. The emergence of animation can help users find similar characters, which can enhance their interaction with the website.

Conclusion

Compared with 2017, we can see from this year’s fashion trends that 18 years are more diverse in terms of color, layout, form and animation. development. As a UI designer, of course you need to understand the fashion trends in design, but you cannot follow them blindly. Good product functions and user experience are the foundation of design. So, how should we better use these trends to create High-quality products are truly issues worth pondering.

This article is reproduced from: UI China_UBEST What are the characteristics of hand-painted poster design?

1. Unique personality and artistry: Hand-painted poster design is different from conventional computer graphics design, and is more unique The artist's creativity and personality create unique visual effects with hand painting techniques. 2. Natural, real and warm: Hand-painted posters are full of the warmth of hand-made art. They are different from cold machine drawings and are more natural and real. 3. Music, literature, and creativity: Many poster designs require the design of specific topics such as literature, music, etc. In this case, hand-painted posters can present a more vivid and novel effect with creative details. 4. Feel, texture, and detail: In hand-painted poster design, different lines, color levels, color saturation, thickness, etc. can present a rich feel, texture, and detail, making the picture more three-dimensional and life-like. 5. Emotions, moods, expressions: Hand-painted posters are suitable for expressing emotions, emotions and other psychological feelings. They can express the designer's ideas through the creativity and design elements of hand-painted art, thereby conveying the corresponding emotions and feelings to the audience. How to generate Strawberry Music Festival character posters

The production method of generating Strawberry Music Festival character posters is as follows.

[Open] PS software, [Create] a canvas of appropriate size. [Drag] the background material, adjust the size and arrange it to the appropriate position. Press [Ctrl+M] to open the curve. [New] layer, use [Pen Tool], draw the shape of the graphic element according to the design idea, [Fill] purple. Use [Text Tool] to enter text information, [Font] EdoSZ, [Color] white. Adjust the size and arrange it to the appropriate position on the layout according to the design idea. [Select] the text layer, right-click [Convert to Smart Object]. [Open] Layer Style, add [Color Overlay]. [Copy] layer style, [select] other text layers, right-click [Paste layer style]. Use [Text Tool] to input auxiliary text information, adjust the size and color according to the design idea, and arrange it to the appropriate position on the layout. [Drag] the decoration materials, adjust the size and arrange them to the appropriate position. [New] layer, use [Brush Tool], select [Hand-drawn Brush], adjust the size according to the design idea, [Color] yellow, and add decorative elements at the appropriate location on the layout. According to the design idea, use the [Lasso Tool] to select the redundant area of ??the layout element, and press [Delete] to delete it. Use the [Brush Tool] to add line decorative elements at appropriate locations on the layout according to the design idea.

[New] layer, use [Brush Tool], select [Brush], absorb the color of the text, adjust the size and apply it in a suitable position on the layout. [Select] the background material layer and press [Ctrl+M] to open the curve. [Select] associate layers, press [Ctrl+J] to copy the layers, and press [Ctrl+E] to merge the layers. [Copy] layer, click [Filter]-[Filter Library], select [Film Grain], the specific parameters are as shown.

Mainly use the pen tool to draw and use layer styles to create the strawberry effect.