Exquisite and interesting three color pole simple icon design case

Source: Internet
Author: User

Color matching is the eternal topic in design. Many designers believe that the three color composition of the color is the most balanced is also the most beautiful, many color appear too flower, less color and too simple, which is why many color schemes constitute more than 3 kinds of color. What would be the effect of applying this color aesthetics to the smallest UI element? This is the case we are going to explore today: three-color icon design.

Three colors can make the Web page has the luxury of visual effects, but also allows the minimalist icon has exquisite exquisite features, moist dense texture, the greatest degree of color itself to reflect the advantages.

Let's take a look at these 20 icon designs that are known for their superior color.

Random Icons by Nick Slater

Although this set of icons in the strict sense of four kinds of blue, but three kinds of blue is the main color of the icon, the subtle tonal selection makes the whole icon design convergence, and rich details.

WP Cafédel Museo icons by Israel Ortiz

Light yellow is used as a background, red as the main color of the design, while the green with the red collocation, played a role of auxiliary and embellishment. As a food-themed icon design, red is very appetizing, green eye-catching and natural, called Perfect match.

Four-pack by Sebastian Abboud

White outlines the outline of the icon, and deep brown and black together with a different aesthetic, rich in detail and temperature.

Small Business Club Icons by Andrew Ronaldson

The design of this group of icons fully utilizes the rounded curve, the black contour, the red light the whole design, while the white creates the negative space, the design is complementary and pleasing.

Nationwide Illustrations by Tomomi Sohn

The highlight of this set of icons is the selection of Blue shadows, the white background is not only used as a foil and for the icon to create a sense of space, black lines are used to outline the outline but will not be distracting.

freebies–42 Flat IOS Icon Set by Hevngrafix

In view of the need to present complex content, this group of icons in the design, some use three colors, some use four colors, but the use of color is very uniform, mainly orange, white and green. Each icon has a smooth edge and shadow, simple design to create a 3D texture, unlimited potential.

Icons by Meg Lewis

The design of this group of icons is also more attractive, yellow black is the classic color, the use of this group of icons in the design looks very good, the flexible use of geometric contours to make the icon glow with exquisite texture.

Kitchen Icons Freebie by Joby Varghese

This is a professional kitchen category visualization icon, soft tones, the overall to a delicate feeling, smooth and friendly lines.

Nucleo Food free by Sebastiano Guerriero

This is also a food-related icon collection, the icon body is also the use of red and black two-color design, mellow lines very good description of the food details, the red part of the embellishment effect is obvious, the background used similar to the color of kraft paper and texture.

Process icons/blog Launch by Garrett Campagna

This set of process icon design details than others to be more in place, the same red and black color on the white ground to create a retro sense of science and technology, information presented in place.

Rockstar Onesie by Alyssa Welch

The design of this set of icons is also professional enough, the black part outlines the outline, the white fill space, the orange added details to brighten the color.

Cupcakery Icons by Joash Berkeley

This set of icons looks very sweet, and different red synergy creates a warm and interesting atmosphere.

Years of Pantone–upgrade by Annie Ratcliffe

The artist will annual Pantone color in the form of icons, black and white form the frame, the theme of the icon and the main colors are related to the Pantone color, Han and occasional.

Night Mode Icon Set by Jinglu Li

This night-mode icon design is unique, dark blue and yellow is not only the color wheel of the classic color, and here yellow is very occasional as a highlight, the use of the visual elements of the icon, extremely wonderful design.

Food allergens Icons by Tunde Szentes

This group of food-related icons designed to create a natural atmosphere, color selection is clearly considered after the result of a rounded line, color depth adjustment in place.

Free E-commerce Set of Icons by Anton Scherbik

This is a set of simple and beautiful electrical quotient icon collection, the main hue is black and orange, full of the feeling of the electrical quotient, but not appear monotonous.

Icons for UX & Diana Wieczorek

This is a group of user experience design-related icon design, wonderful three-color combination and skilled white design to make this group of logo design stand out. The yellow part is a good way to attract the attention of the user and inject fresh energy into the serious subject.

Youtube Icons by Joseph Wells

The YouTube-related icons use 3D-related information to suggest that red and blue are well combined, and that the beautiful is the place where the two intersect, looking novel and unique.

Icon Circles by Cody Fitzgerald

This is also a group of blue-oriented icon design, where the color is also a commendable place. Wonderful color and life-style theme together very harmonious, circular border very good division of the visual boundary, white negative space in the whole design played an important role.

Freebie:16 line illustrations by Vincent Tantardini

This group of blue icon design is another style, it is more exquisite, the details of the depiction is more close to the physical, giving people feel very good. The combination of white and blue is classic and complements each other.

Conclusion

The design of the three-color icon is very interesting, do a good icon has not only stayed in the role of the icon, many already can play a more important role in the page illustration. Three colors of the collocation of the whole design three-dimensional up, with a solid beyond the stereo structure and excellent results, giving the page a more powerful force.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.