Web Design tips: A clever way to design web images

Article Description: the basic principle of the use of pictures in web design is analyzed.

@MartinRGB designers know that the core pursuit of the industry is to create excellent visual effects. In fact, we can become designers because we have a skill to meet the user's visual and visual needs.
We can listen, read, think, we can imagine concepts, objects and people, but these feelings are very abstract, only real see, the impression can shape.

Have you ever met anyone who has never seen snow before? Maybe you've never seen snow drift in the sky. So these people don't understand, what is snow? They may know that the principle is because the cold and condensation of the air in the water, the fall of the formation of snow, but they can not really understand, what is the snow. I've also met some people who first saw the snow, and I saw their strange expressions of wonder, and they were fascinated by the white objects that were first seen falling from the sky. There may be people who have seen snow who have never seen snow, but people who have not seen snow do not believe in the description of the former. They'll think the former is playing them. What you see is what you gain.

Visual elements, such as photos and videos, can make us feel the most cordial, because they are closest to our lives and we empathize. When you are mapping the site, you are not adding a bunch of beautiful pixel blocks. In fact, each picture can be seen as a microcosm of real life, and users like the familiar feeling, so they can create a good user experience.

Would you like me to give you some pointers on the skills? Let's go

Clever use of graphs is also considered a design

Even the content-led site needs to be polished, and every time I design this site, I need to find some excellent photos or illustrations. This kind of image search is very important to me because I can't draw, if you can draw, or if you have a talented artist in your team, you are really lucky! I'm a little jealous of your luck.

Good photo application can achieve excellent design. People are visual animals, when browsing the web, there is a desire for images, so it is important to add pictures. Also, be sure to have appropriate, relevant pictures.

Contrast

Usability First! So your image must be in harmony with the whole, and in contrast to the text. It's very annoying to read text. Imagine, a small blackboard, densely thousands of words, white board black Word, read it! Here's all you need.

To have a sharp upper and lower contrast, you must learn to observe; the picture is brighter, so the text can use darker colors, and vice versa. If you want to use a white font and a bright background, it's a good idea to use some black elements as a transition. For example, the exquisite projection technique is very good.

Quality

Let's say you want to design a Web page for a restaurant. What kind of diagram do you want to use in your design? Well, now that you've decided to start thinking about, go to this restaurant and take a photo. When you take the first picture, you stand at the door of the restaurant and the food is so far away from the table that the photos simply don't reflect the details of the food; When you take the second one, your hand shakes suddenly, causing the picture to be blurred. Do you think this kind of picture can be put on the website?

If your customers do not provide professional photography, then quickly to persuade them, and quickly shoot a point high-definition uncensored big Picture It.
If the client is stubborn, say "No!" ", that hurriedly change a train of thought, the proposal uses typeface design, layout novel, minimalist style, make place a kind of extremely simple wind, then do not take image. Ningquewulan Rather than a picture is not worthy! It can't be matched with a bunch of 20k charts!

Relevance of

A picture wins thousand words, but sometimes the text is predominant, then the picture that matches must be related with the text. It's common sense to keep elements consistent. Or the above example, someone else let you design a restaurant Web page, you have to match the stock trend chart, you can feel the first party received the work face.
If the content of the page is more flexible, such as selling insurance, then the map can be symbolic, but it is still related to the product/service. and symbolic meaning must be strong, so it is easy to identify. It should be noted that the symbols of different countries and cultures are different.

Big picture Popular

This principle is no more obvious, the larger the image, the greater the visual impact.
Some people do not believe, such as econsultancy, they have to come to a data survey, they did three of research, interested can look at here

Image is also a kind of content

Image is not only conducive to design, but also a very good content, when the image and text, audio combined, can produce the following functions:

Grab your attention.

When the article and the page have eye-catching images, Aiwujiwu, users will be highly sensitive to the content. When users face large segments of text online, the human brain tends to "skip this piece of content", and few people stay focused and continue reading the details.
Images can break the monotony of vision and help users to gather attention to articles, links, and stories. In short, the image lets the user focus.

Better understanding of the context

A good image, equivalent to a "transitional sentence", can be a good guide to the following.
and choose the chart must be cautious, the image can inspire a user's emotion, must ensure that this emotion and content belong to the same "point", to be done in place.

Other considerations

Licensing issues

If the image does not belong to you and does not belong to the user, be sure to obtain permission. It is better to have written permission, and must indicate the photographer.
So before you design, be sure to get permission beforehand. But there's another way to do that is to get some footage from the gallery.

Gallery: Good for free or paid?

Whether it's a charge or a free one, the advantage of the gallery is that you don't have to worry about who it is, not about the licensing issue. However, when you map a Web page, you will usually use some of the paid pictures.

Benefits of Free Gallery:

No money.
Very much to choose from

The drawbacks of free gallery:

There are more rubbish pictures
Some special pictures are hard to find
There are watermarks and links in some pictures
Recommend a few bar: Stock.xchng, Stockvault,deviantart.

Benefits of Paid Gallery:

License issues in black and white, no copyright dispute
Categories, complete range.
The drawbacks of paid gallery:

There is no money or don't think about it. And addictive, after buying a bunch, and finding overspending.
Recommended several: Shutterstock, IStockphoto, Dreamstime.

Character Photography

The advantage is that there is a sense of reality.
If you use a live image in a product or service, show the scene when they are working. can give a person a real sense of credibility.
But if the model you choose is posturing, exposing the fake white teeth, it will make the user feel that this is a dentist advertisement, too false. Therefore, must be close to the product.

Conclusion:

Choose the chart carefully!
The picture should be reasonable!
A picture wins thousand words!

Original address: webdesignerdepot.com excellent network translation: @MartinRGB