Example of Web design: An analysis of visual structure layout design for children's websites

Article Description: 10 Children's website case analysis and Design characteristics summary.

One, warm and soft

Related address: http://www.web-designers.cn/post.aspx?id=2481

High brightness, low saturation of yellow and green color to create a soft warm atmosphere, the important Information section with a higher degree of saturation of green and red jump. and the random size of the background of the circular superposition to increase the dreamy, lovely atmosphere. The rest of the design elements, such as cloud-like curve edge, logo and navigation pin line, navigation bar background pin, baby diary stickers, baby photos tag, as well as the text title handwriting is around the entire design style to use, creating a whole warm atmosphere.

Second, the spring of all things is coming.

Website address: http://tf.dtbaker.com.au/preview/?theme=26&style=0

This design also seems to be a soft style, such as the spring is just coming, everywhere is green color. The color scheme uses two kinds of high brightness, medium and low saturation yellow and green collocation, navigation also uses a continuous cloud-like arc and handwriting fonts, add a lovely warm atmosphere. The main visual illustration of the whole design atmosphere of the promotion played a very important role, hanging in the tree banner written on the blog logo, added to the fun. But the layout is similar to the page-like layout is a square, the lack of creativity and breakthroughs.

Three, brightly colored, sunny spring

Related address: Http://themeforest.net/theme_previews/92492-kids-toys

Color saturation and very high brightness of the sky, clouds, peaks, sun, grassland and a variety of cartoon animals and plants of the illustrations of the background is to create the overall atmosphere of the most important elements. In order to let the background blend and the overall design, the banner of the logo is hanging in the air with the bird, the airship pulls the search box also floats in the blue sky above. The watercolor ink and handprint on the left side of the main content area, and the dynamic star shaped by the right leap, enhance the joyful and lovely atmosphere. The cloud-like navigation bar and the lovely style of handwriting, though slightly coarse, continue the same design style. Main content Area Two sunny, laughter-filled family photos make people feel spring and warm.

Four, fresh and soft

Related address: http://tf.dtbaker.com.au/preview/?theme=22

Large areas of low saturation, high brightness, green a little blue gives this design calm and fresh and soft psychological feeling. And then with the powder color red, yellow, green local color, so that the whole design out of the too monotonous color scheme. Other design elements that deserve attention in this design are: 1, similar to the lattice cloth pattern background material; 2, cloud-like main content area edge; 3, logo, navigation text, title of handwritten font, 4, curve tag and button, 5, each content area added low-key illustration background.

Five, flexible layout

Website address: http://www.freesam.com/

Breaking the frame of the information layout and a lot of fragmented information blocks is the first impression of this design, different information areas of different design methods let people have the desire to explore. Lovely style throughout the page, white and high saturation and brightness of the green, Orange collocation and give the page fresh feeling. Hand-painted style of illustration is a child's website indispensable elements, very able to mobilize the entire atmosphere of the site. The round and rounded corners of the border design style also fit the entire page style. The continuous appearance of tag, punch calendar design echoes each other, and played a role in dividing the various information areas. Most importantly, the design has freed itself from the broad framework of the previous design main content areas and is more freely laid out, a creative way for children's websites.

[1] [2] Next page