Visual design example sharing: Looking for Dream City

After the white Society line for some time, our UI group has received unprecedented challenges. Design a game. OMG, this is really not said to do, since there is such a good chance to try, do Bai!

In fact, in the beginning, we did not have any clue, do not know where to begin. Three students (a original painting an animation interface), although there are hand-drawn skills, but there is no game design experience. We impoverished the beginning of this, the results can be imagined, there is no way to guide, we simply like headless flies in general everywhere, on the one hand by the project Progress Press, on the one hand, but also depressed in two designers wind inconsistent, the original painting effect can not be determined, can not start in bulk. My bag wow, really worry to lose a lot of hair ...

As the saying goes, adversity strives for survival, the situation is so miserable, can only calm down to think about how to do. Next, we suspended all the headless flies and began to guide our design in a number of ways. In fact, to do the game and do products are a lot of similarities, processes, methods can be used for reference. So, we took some time, together with several designers, try to use lines, collage, material collection and other ways to determine our visual performance style, out of a number of set design small demo, the whole game to determine the background of the atmosphere and rendering way, and even storm a lot of interesting set idea.
One of the drafts we tried during the period:

Gradually, our thinking is clear, designers have found a common way of expression. Of course, this is not enough, these things need to be implemented in some way, so we thought of the norms of this stuff. The spec involves a lot of things to prevent different designers from drawing different things, to know that even if a saturation is used differently, it will be totally two things, which is very deadly ...

Yes, our spec is gorgeous. The specification defines the object's perspective angle, ray distribution, gradient mode, stroke size, color saturation value, projection direction, and so on a series of details, in short, we can think of two designers to create differences in the design of things as far as possible to standardize a bit.
Several fragments are intercepted here:

Then we got a lot better, and finally we started to get on the right track. But for the big game what exactly needs to be designed, these designs use what creative technique to realize all need to comb. This time, we plan the document and the game frame chart according to the game, all the parts involved in the design need to be split, and a big, gorgeous table is drawn, as detailed as possible (for example, we will define the animation of the investment house to use the magic effect of the magician), and according to the development time, phase, Made a design stage plan.

In this way, a specification, a big table let us finally get rid of that difficult stage, smoothly carried out the project, until today we can see a good picture design of the Dream City game.

Here I draw a simple process table, is the game project near the end of the time to draw, in fact, learned from the first game design experience, expect to have such projects available for reference, also hope to have the opportunity to have experience in the game design experts to consult it. Shortcoming:)

In fact, there is a story-telling concept, I personally feel very good, two days ago Read this book, said:
"When the story, the entertainment becomes the final demand of the commodity, the designer only draws the beautiful design picture to be far from enough, only has the earnest" tells a tale ", lets the final user move to be added, this kind of design is successful. ”
Yes, we are all storytellers, telling stories to users, game class design is so, strong situational, strong atmosphere rendering, strong immersion experience and so on.

Finally, the simple tip of the iceberg, our dream City also invited you to have time to personally go to the society experience experience, give us a lot of advice oh. Address:bai.sohu.com at the same time, to thank us for the bloody Ginger fish, Hua Shi, Zhang Zhang! ~ You have worked hard, ~~~~~.

We'll show you two in a magazine.