New trends in Mobile color design

Source: Internet
Author: User

Mobile design is taking a qualitative leap. But I have to say that the most important factor in manipulating mobile design is color. The reason why color is not so popular in mobile design is that people are not bold enough to use it and don't make the most of it. Fortunately this is changing-because color is becoming an indispensable element in mobile design and has its own fashion trends.

What is color?

The color is interesting, vivid, pleasing to the eye and fascinating. Color is a great and important design element and tool, we should not be afraid of color and to embrace color.

Unlike a monitor, a mobile device has a limited screen, and you can't control it as freely as on the desktop. The color of the mobile device is no different from the color of the desktop, but it seems to be more important than that. People are likely to be busy with their mobile phones, distracting them with all sorts of things, and that color can help you catch sight of them. More importantly, color can help you express certain emotions, take the user's eye to the features, or help you convey the message.

If you just drop a bunch of colors to the user, they won't focus on your design. Color is subtle, so we have to use it correctly in order to make it a tool to be used. Like other design elements, color should be used well to play its magic. Too many or too few users will not want to see, just good. So, I want to show you how colors are used for mobile design , and you should do the same. Accent color

I think you've seen accent colors in a variety of designs such as interior decorating, printing and Web pages. Emphasis should be given to the user----to guide clicks, to understand things, and to help them walk like water. The best thing in mobile design is to attract users ' attention through bold and beautiful colors.

Look at the two examples below, first of all look at a very interesting room for the application. You can't see the dialing button on this page. Without that orange background it is impossible to have such a good effect, and it is impossible for a user who is not concentrating now to turn a blind eye to it.

Similarly, looking at the blue button in the second example, you must have noticed the two bright blue buttons, the best of which is that they are highlighted in other words to tell you what to do next--to increase the number of phone calls or add items.

The color is telling

It's easy to make a bold statement in the design--it's wild. But why would anyone want to make a statement like that? The answer is simple: in order to capture the user, most of the time it seems to say, "Look at me!" Once again, the most important thing to do is to hold on to a person who may not be able to think in an elegant and charming way.

In color, the most common is either large, thick, color-formatted text or a background color-the following example is. As a designer, I like the feeling of being wrapped by bold elements that make the whole design stunning.

Don't tell me you see such bold pure red pure green background without shock, did not arouse your attention? I have nothing to say.

Color and Emotion

You should know that color and emotion are inseparable. Red represents love and danger, while blue gives people more trust, relaxation and comfort. In addition, no color like lime black also can cause loneliness, dull and elegant feeling. The power of color in strategy cannot be neglected. Basically, good color collocation lays the tone of the interface and the user experience.

You see Foolious's website, it is very fastidious. Contrasting the white background, the green head attracts your attention and adds a bit of fun and glamour to the site. Without this green it is impossible to have such an effect. Of course there is no white background (OK, or white) This design can not appear so high-end or neat.

Color customization

Whether it's an application or a responsive Web site, the default system design appears when you use some UI elements. Designers are trying to make those system UI elements like navigation bars or pull-down menus look like apps or part of a Web site, tailored for their special design. After all, it's custom-made and it looks like one. The custom appearance implementation is also simple and can be achieved by changing the details of the UI elements like color, texture, and font. Other UI components such as the first icon or the Drop-down menu triangle can make the UI design better. These changes make customization more exquisite and better, of course, these can not be separated from the ingenious use of color.

Take a look at the following two examples. They all have their own navigation bars, and they don't look like the default system design at all. They are perfectly paired with the rest of their own parts. Why, they only live for each other!

At last

You should know how much color affects the design. What I want to say here is that the mobile design of the past greatly underestimated the effect of color, it should be a great tool should be fully utilized. The most fascinating thing about color is that it makes everything more beautiful, the color lets us enjoy what we see, the color makes things more interesting, and the important thing is to be better. Until recently, mobile design had been designed to be safe by using a very small amount of color. I want to see designers keep their positions in mobile design work as they do in other designs, and show the rest of us how great the mobile design can be with the help of color.

More good examples

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.