Card illustration design-how to make traditional holiday cards

Good night cards are drawn as follows:

Prepare a blank sheet of paper and a black pen. Draw a wavy line and a moon on the paper first. Draw a small expression of the moon. Draw a rabbit sleeping quietly. Draw some stars, clouds and three Z's, and finally paint them in nice colors.

First, draw a wavy line under the paper. Draw a curved moon on the left side of the wavy line and draw its five senses. Draw a soft rabbit in the MengMeng beside the moon. If you want to show its softness, you can outline it with small wavy lines.

Then draw the five senses of the rabbit. Decorate small stars around rabbits and the moon, or decorate them at will. Paint your favorite color and finish.

Little girl goodnight stick figure tutorial picture little girl and moon stick figure how to draw a lovely girl goodnight little girl goodnight stick figure tutorial picture little girl and moon stick figure goodnight notebook material stick figure tutorial picture little girl goodnight stick figure how to draw a lovely girl goodnight.

Good night stick figure tutorial picture How to draw a cute girl stick figure of a little girl and the moon Good night is a must-see for hand-disabled party member. Good night stick figure expression How to draw a stick figure Good night card?

Use the pen tool to draw the main elements of the picture, the detailed elements of the owl, and then draw the long branches, as well as the font selection and deformation of the text, and the placement of stars in the background.

Fill the whole background with navy blue, draw clouds above the background and fill them with blue and black. Use the pen tool to draw stars on the background, copy them to the upper and lower positions of the background, fill the stars with white, set the transparency to 50%, and fill the blooming elements above the stars on the right with sky blue.

The text is filled above the background, and the deformed text is filled with gray, giving the text a hand-drawn style. The branches under the filled background are red and gray, the filled leaves are tender green and green, and the inner stems of the leaves are yellow and green.

In this step, we fill the owl's body with orange gray and red gray, the owl's face with gray and gray white, the eyes and mouth with blue black, and the pattern on the body with gray white. Use grid tools to make similar color gradient effects on the owl's body and face, and complete the good night illustration design.

Tips for card typesetting interface correctly understand card design, what is a card, summarize the advantages of cards, and explain the correct design knowledge of cards through two design cases. I hope I can help you.

Both WEB and APP card design are widely used, and many UI designers prefer this performance. Card design will give people a kind of visual enjoyment and give the interface a sense of hierarchy. However, there are often some skills to be understood in card design. Card design should not be based on card design, but should be better applied to interface scenes. I hope some knowledge points can help you in this sharing. In the next series of articles, Shun Shu will analyze the design methods of the trend in the interface, hoping to help some design partners.

Introduction before the tutorial

Card design is popular in recent years, and the same design expression is also a trend. It is still popular to apply it to the APPPC interface. Anyone who is engaged in UI design will know that card design has the function of integrating and modularizing the content, presenting it from the visual and personalized experience, which is a common performance of designers in design and also has a unique innovative concept.

In some projects, some customers will say that the designed APP interface is a bit too white and has no sense of hierarchy. At this time, you have to tell customers that a popular expression technique-card design is used in APP design, which can solve the personalized, changeable and hierarchical design problems in the picture. What is the card design?

The ubiquitous card design has individual aesthetic feeling and good usability. It is modularized by text titles, subheadings, graphics or pictures, and integrates the content in the form of blocks, making the content more regular and visually more personalized, and it is also a quick entrance for content information. More intuitive content information expression and fast jump operation. It has become a popular trend in today's design, and cards also occupy certain advantages in design, making the whole more layered and more convenient to use, and have good advantages in vision, experience and interaction.

This paper specially designed two cases, through which some explanations were made. Please see the picture below:

Whether it is a big platform or a small platform, products will adopt this trend of card-like design, which also makes card-like design a universal advantage now, but card-like design does have good results.

Has a certain sense of hierarchy, can play a different design in the page layout, personalized changes, strong sense of page hierarchy, can better reflect the extracted content.

By integrating pictures, icons, LOGO and titles, card design is presented in the interface in the form of blocks, which is more regular in typesetting. Although too much content will lead to messy pages, a module will be more regular after containing content, which also brings better vision to page design.

Card type will increase the visual experience for the whole page, especially the large card type has more visual impact, and the background sets off the foreground card design. I also feel comfortable using a card. Card design should be based on the overall layout, product requirements and functions. To achieve the best user experience and visual experience.

Don't design cards for the sake of card design.

Card design is relatively high in ease of use and flexibility, and it is also widely used in responsive design. It can be better arranged in an orderly way.

Simple design will have more quality and do not need too much decoration. Even if it is a white color block, the icons are colorful and the subtitles have changed, it will feel tall. Even a color block card does not need too many titles, icons and buttons to support the card in the design content.

In the card design, there will be some dynamic interactions, such as the enlargement, reduction, left sliding and right sliding of the whole card, which can make the whole module slide and zoom. The overall effect increases the good visual interaction experience.

Generally speaking, what is the significance and expression of the existence of cards in interface design? Here are some common and correct design expressions. I hope that friends can have some inspiration and reference while designing, and add some expression techniques to their own designs. Suitability is the most important thing Card design should be displayed according to the overall style and layout. In the further comparison and layout, the final display mode is the best, and several common representative examples are summarized and analyzed. If there is any incompleteness, please discuss and add. Here are some examples:

The color block is the main body, which is composed of popular gradient colors, and the four sides are rounded corners, and the shadows under the same color block set off the theme. This is a common application method in card design, and the length and height of the card are also set according to the structure, content and function in the design. Square and rectangle are both expressions. The title text, icons and graphics on the color block are the layout form of the whole card, which is nothing more than the left-right layout and the up-and-down layout.

Application scenario: card package, weather, category, entrance, discount card.

This table * * * is similar to the card design that appears in the C position of the head, with the title, subtitle and graphic layout on it. It is not difficult to find that if the picture is colored, then the bottom is white, so the appearance of the white background block is relatively simple to highlight the card. If the background is colored and the card is colored, the card will not be so prominent. Figure 2 is often used in membership card design, which is also relatively simple. The other two * * * have the same background color. Generally, the background color at the bottom is the main color of the whole interface. The background is colored and a white card is used on it. The title, text and picture above the card are presented. It's just a different way of typesetting. In many APP designs, there are many such expressions. Through the main color, the upper status bar and navigation bar can be visually integrated, the bottom background color continues, and the white card is highlighted above, which is more visual and layered. White cards don't need too much decoration, and they can better reflect the words and pictures on them.

Application scenario: membership card, slide card, graphic title, entrance.

This form is particularly important in the selection of picture materials. Pictures with good visual effects can be cut, processed, synthesized, photographed and illustrated. If the picture quality is good, it can drive the whole design, and users can understand it more clearly through effective picture communication and text communication. This kind of modeling generally appears in the form of entry or list, which can also reflect integration and visualization.

Application scenario: slide card, graphic title, entrance, list.

Large-scale cards, usually in the form of photographic pictures and illustrations, are more impactful and can show a trend. The experience is also very good. The combination of enlarging the field of vision, displaying the content and pictures makes visitors more willing to look at it for a while. The expression of the picture is consistent with the text content, reaching the degree of graphic integration. Generally, the choice of pictures is quite strict. Without quality, the effect of graphics will be reduced.

Application scenarios: list, description, entrance, weather.

List card design, usually a white card, is embodied in the form of title, avatar, button and graphic illustration. Mostly used for the lower content of the first-level page and the list page or favorite page of the second-level page. The overall weakened background is mainly white, giving rounded corners and shadows a sense of hierarchy, reflecting the upper content. Each module has a unified vision.

Application scenarios: list, favorite page, portal.

The design of the big card shows the big card with title, buttons and other information, and also shows the characteristics of outstanding layering and personalized design. Reflect the content, the general background is colored, and the card above is white. If the background below is white, the form of the card can also be colored, and there is a contrast to highlight the role of the card.

Application scenario: tips, explanations, discount bluff entrance

The forms of several cards summarized above can be designed according to the situation in the design. Diversified cards and diversified layouts. The product that suits you is the most important. Although design is often used in interface design, don't blindly apply design to cards for the sake of cards. This will not work, but the effect will not reach the desired level. I hope that a few card summaries can bring some inspiration and inspiration to everyone.

Also in these cards, there will be some basic features:

1. All four corners are rounded.

2. According to the trend, gradually change the color or white card.

3. Shadow under the color block, the shadow under the color block can better reflect the hierarchy.

4. The above components of the card, title, subtitle, graphics, buttons, pictures and headers.

5. Font size and color change.

6. Universal cards are commonly used in such scenes as membership, list, description, preferential classification, category, collection page, welcome page, etc.

In order to explain the article, Shun Shu tentatively conceived a product prototype, and soon made a simple design, a first edition and an optimized edition, mainly to explain some problems in the card design.

The following figure is the prototype of this idea:

After analyzing the prototype, the design began. First, design a version. What if the cards are designed like this and the colors are matched? The overall design is dominated by blue and purple. First, lay a blue-purple color block as the background, and then put a white card on it, so that the numbers, graphics and other details on the card can enrich the supporting cards. Similarly, data stream is also an important C bit. This is also an important position. Then according to the prototype, there are two cards below. Through flat design, a blue card and an orange card with icons, avatars and titles are designed based on color blocks. The contrast between the two colors makes the vision more impactful. There is nothing wrong with this design as a whole, but the problem is that the effect of taking out a single module is really good, but after the composition, the C position of the upper card makes the following two color cards grab the vision. When you open this interface, the vision falls on the color card, so there is something wrong with the overall design. The above data, the white card is actually more important, the whole picture is a card without any design changes.

Then we can only optimize on this basis. In fact, everyone is designing at the same time. On the premise of considering the functional modules, we should also consider the user experience. So where does vision come from, color, hierarchy, format and so on? So can we optimize it? Actually, there is still room for optimization. The picture below shows the first edition:

According to the above design, it is optimized, and some elements of the white card are retained. Some color icons are placed between the cards, so that functions can be accessed quickly, and changes can be added to the card design to make the whole picture more flexible. Although it is a white card, there are some colors embellished, which also makes the white card active. Changing the color card into a white card will make the layout from top to bottom much more comfortable, and there is no such jump. The overall style is more concise and the function is more comprehensive.

After adjustment:

From the prototype, to the design of the first edition, to the optimization and adjustment, it is proved that the card should not be designed because of the card, but it will lose its effect. Considering the functional modules, user experience and visual experience, it will definitely make the whole very comfortable. It has always been said that painting needs a master and a second time, and design also needs a master and a second time, so that the hierarchical relationship can be clearer.

But these conditions must be compared and studied from the aspects of experience, color, layout and format. Don't rush to do the design, think in advance, have clear logic, and the design will be smoother. Card design, everyone is applying it. I hope this article can bring you some knowledge.

How to make traditional holiday greeting cards Making traditional holiday greeting cards can be accomplished through the following steps:

1. Preparation materials: paper, crayons, scissors, glue, etc.

2. Find relevant holiday pictures or materials, which can be collected online or drawn by yourself.

3. According to the size of the card, fold the paper into the required size and then into the card shape.

4. Draw a pattern related to the festival on the cover of the card or write a sentence of holiday blessing.

5. Design some small illustrations in the card, which can be holiday-related patterns or blessing sentences.

6. Cut and paste the designed pictures and materials into the corresponding positions of the cards, and add some colors to the cards with colored pens.

7. Finally, adjust the inside and cover of the card to ensure that the whole card looks beautiful and complete.

Making traditional holiday cards is a very interesting thing. You can experience your creativity and hands-on ability, and at the same time add a strong festive atmosphere to the festival.