Where's dad going? Website design process

The following is my own design of "where Dad to go" as an example to describe the individual in the design of a project thinking and operation process. I hope we can help you answer the question frequently: how to do the design when there is no idea, how to think about the project. PS: This is not to write things later, but in the design and design process of my thinking process, perhaps the design is very general, but personally think this kind of design thinking way is good, I am the one to do the project. )

Project background:

"Where does Daddy Go" by "I am a Singer" gold producer, the producer of Thy billows, "Metamorphosis" team building, October 11, every night in Friday, Hunan satellite TV 22-point file; This celebrity intergenerational communication documentary shows an innovative perspective on parent-child relationships; five star Fathers and children for 48 hours of rural experience

Analysis:

According to "where the Father Go" introduction data, you can learn that this is a, by the father with Wale cast away the city, to the countryside to feel some usually little contact with the world's parent-child rural Experience program. After understanding the program, we can follow these introductions, from which we can extract the corresponding key words and think out its extension

Tone:

According to the extraction of the corresponding key words and think about it extended we have more specific elements, but also through the understanding of these elements of the emotional grasp of the program and the program poster, we think about the color of the design

After the color positioning and analysis, we got the reality of our key words in the color of the main elements, but the color is relatively, but too real, brightness and contrast relatively high, giving people too grounding gas feeling. Although the whole program is in the country, but I think, in these have been living in the city of the baby, in their minds, there must be more than one of their imaginations, a dream to look forward to, so in the design process will be tonal to each other in a neutralization, reduce its contrast and saturation, so that the page looks more comfortable, At the same time more fresh, more in line with Wale personality and their sense of character.

At the same time, because in the television media, is by the dynamic cartoon animation to show, so in the poster design, the original design color with the pink sky, but in the web design, because it is a still screen, if continue to use the pink sky, will make the screen lose lively and fresh feeling, and the program itself expressed personality differences , so, in the design, the sky is the corresponding processing color, at the same time in order to increase the scene of the page deeply, the design, the corresponding elements of the adjustment and blurred vision and other processing.

After the above color considerations, we have summed up the entire page corresponding to some of the following tones:

Elements:

According to the extraction expansion of the key words, we defined the entire page design needs of the hue, the same, we also according to these keywords, to find the appropriate material, so as to enrich the page, as to achieve the page effect, create the atmosphere of the elements. By searching on the web, we find and process the material as an available element that is consistent with the overall tonal style of the page.

01 paper, by processing, forming the form of a map, and holding it in hand, facing the whole scene, so that the whole formation of dad and Wale to play, holding a map to see where and where to go and where we are going.

02 hands, with 01 elements of the paper map Auxiliary, father generous big hand.

03 Key Words of the animal (frog, mountain village in the most Wale like and representative of the animals, harmless, lovely, compared with other large animals, more paste and Wale petite cute).

41 times and Dad's trip, a heart of flying.

05 flower beds, quiet small mountain village, most families have their own small courtyard, although not like the high-grade city, but occasionally put on some flower beds to do decoration, fresh air, so that the simple courtyard a more chic.

06 Bicycles, as the most common means of transportation in the alley where there is no big street in the city, the neighbors met, ask the sound, Wale met the Uncle aunt, the young sound childish call a uncle Aunt good, and naughty baby chasing play in the back of the bicycle, as their simple life in a form of entertainment.

07 Elves, small children always in the fantasy, in the quiet night, that field, the lovely and naughty elves will come out, help them to protect their parents hard to cultivate rice and so on.

Fonts and Graphics:

Because of "where the father" of the program nature of children, so we choose the font and processing graphics, using a relatively soft font and rounded design, used to achieve a unified style.

Forum Layout Design:

In the early stage, our product manager through with the program group, editing and so on the corresponding communication, to determine the page needs to display the content, and the content of primary and secondary, and then the most suitable layout of the plate distribution prototype. Then according to the prototype map of the corresponding design, combined with the web design of various aspects of thinking to make more consistent with the user's custom design.

Summarize:

In the design process, we need to spend more time to think, to grasp the whole project of the tune and what it needs to express, while more from the perspective of the viewer to think, in the circumstances as far as possible to enhance the user experience Unlimited. Web design, while not as strong as the app project, is an important part of the user experience.

Design Draft: