6 strokes to teach you to learn to do food and beverage products web design

The cargo are blessed! Today's topic is related to food, and is a very real experience to share, mastering these skills elements. You will learn to be a restaurant and diet website. And this kind of Web site can provide free designers with good pay. If you're planning to do this, take a few minutes and look at this article to make sure you have something to gain.

Practice can be true, this article through a large number of vivid cases to carry out in-depth observation, analysis of those catering class Web page design highlights.

1, the image means everything

Site:the Claw Bar

The image means everything, albeit slightly exaggerated, but a real word. Quality Trash, ugly images can be seen on the regular web site, but not in the food and beverage pages. If you use some poor pictures in your design, your salary and rewards may not be as easy to get.

As a visitor to a restaurant web site, the main interest of the user is food. The Web page must accurately describe the appearance of the dish, so you must use the image. The food picture of the cake to the consumer "lethality" is huge, the user can because the image effect is not good and refuses to pay.

Source:left photo and Right photo

As a designer, your job is to use some exquisite food picture binding website, and reasonable layout, through various means to persuade customers to come to dinner. If you're still a photographer, you can make a little extra money.

Recommend some Web sites that are particularly image selection:

Findus Norge

Cappellos

Culinaria

2, a little atmosphere.

Site:au Petit Panisse

When you start thinking about designing a website like this, it's possible to have a plate of "delicious food" on your mind. In fact, you don't have to do anything about food, what's the first impression of a restaurant? It is often the atmosphere of a restaurant. We can design around the atmosphere of the restaurant. Today I want to eat hamburgers, McDonald's, KFC, Burger King all sell hamburgers, why do I like to order a hamburger in your place? Because you feel so good here, there is atmosphere!

In general, the "taste" of new restaurants often has an uncertainty that makes many diners cautious about dining options. If the web design can meet the feelings of diners, he feels the place to feel, then door-to-door consumption is sorta. Therefore, the need to design, the dining environment reflects more elegant.

Site:roux at Parliament Square

3, clear texture, rich color

Site:gilt Taste

In the design of food and beverage pages, you must point texture texture, do not underestimate them, it will make your page looks more textured, thus foil food.

If you have not hoarded the master enough texture, then you set up brother this one-time send you packed 2000 groups of killer texture, stamp in download it!

Designers who are good at designing such pages often use a lot of textured textures to decorate the page. The website above is gilt taste. The home page is full of textures and looks particularly elegant.

And look at the themeforest. Count yourself, how many textures can you find!

Site:victoria Restaurant Theme

The choice of color is also extremely important. Good color use can stimulate the appetite. Do not be afraid to use bright colors, the use of color to meet the characteristics of food, the entire image of the color should be reasonable.

Site:goosebumps

4, the processing process of food materials

Site:food Sense

Do not skimp on the use of food products in the United States: People are fascinated with the processing of food materials. From food to food, this step-by-step process attracts each and every one of us. More importantly, the display of fresh ingredients pictures, can make users feel healthy, rest assured, appetite, natural.

Site:delicioso

Site:goosebumps

5, the menu design

Do you know what's not in the right place to make me feel the most annoying? is the menu. Often some websites because of the menu, lead to the user experience of the slot cake. Originally the user has been to the restaurant feel relieved, decided to eat here, can be a bad menu design to discourage users, do not let users card in the last step! Look at this website Paradise bakery online.

Site:paradise Bakery

They don't have a menu to design, they just scan the menu for the restaurant and upload it. This is not a paper menu, I need to filter the dishes over and over again. If you choose to download the PDF format of the menu more unlucky, please look at the figure below.

Again the page, but also zoom out, very troublesome. Do you think the user is still in the mood to order?

In the menu design, do not do this "to provide pdf menu download," the folly. Do not be lazy, down-to-earth design. Here is a good case:

Site:kuleto ' s

Very good effect, three-column layout, organized screening, gradually narrowing your selection, knowing that the selected. The first choice is breakfast, lunch or dinner, then choose the type of breakfast, and finally provide the kind of dishes, introductions and prices.

This is also good, the claw Bar, very simple, active text, quasi-object metaphor.

Site:the Claw Bar

6, don't forget the basic

While adopting the above suggestions, don't forget the basics of web design. Keep in mind that any web design should pay attention to listening, thinking, and analyzing the needs of users.

For food and beverage web design, you need to consider the following issues,

What dishes does this restaurant offer? (through the menu and image design can be satisfied)

How about the price? Menu

How is the dining environment? (Images and videos)

In what place?

Can I make an appointment online?

How much is the phone number?

As you can see, these are some basic information that users need to know. Although this article does not mention the "contact method" and "reservation Information" These two aspects of the design, but still attach great importance to these two points. In general, when I design food and beverage pages, the "Address information" and "contact" as the highest priority of design, so this kind of information should be placed in the eye-catching position.

In the following illustration, the map is set very large and conspicuous (because of the contrast, the user is likely to see the map first, and thus the geographic location), and the right side of the map provides contact information: Mail, phone number, social network account, and so on.

Site:the Restaurant Theme

This tells us one thing: do not give up the practicality for the sake of beauty, and highlight the basic and important information in the design.

When users open a page, they should find the basic information, rather than "find" the basic information.