Visual and interactive design examples: 3D Community games QQ Sunshine Pasture

Article Description: Happy Sunshine--qq 3D design sharing.

QQ Sunshine Pasture, as Tencent's first 3D community game, now finally keep the cloud open see month Ming, in the Android platform released, will be landing IOS platform. In this joyous moment, I would like to thank the CDC Wireless Group students who participated in the project.

Sunshine Ranch want to convey the feeling, simple and straightforward: sunshine, fresh and happy.

A long absence of quiet, refreshing and happy, but also busy in urban life a little comfort.

This is a piece of pure land that keeps players away from the noise for a while.  There are lovely animals and pleasant wilderness, here drift the fresh alpine pastoral atmosphere. Do not use the complex luxurious painting wind, do not use the dense greasy lifelike modelling. Plain and simple, just like the morning sun as Xu, let people see the hanging a hint of refreshing smile. This is the QQ sunshine Pasture want to convey the feeling.

Smurfs,trade Nations,zombie Farm, these successful ranch games all reveal a core: the core of the game is not only the special effects show that remains on the surface, it's not just the thrill of sheer digital accumulation. A good game, is bound to some extent with the user's heart somewhere to resonate. The sunshine of happiness is the resonance that the sun pasture tries to stir.

QQ Sunshine Pasture Painting wind using a minimalist route.

The reality of the scene, animal abstract painting, maintain a small amount of detail, the dilution of the details of the interface element density, you can make the interface more breathable, to achieve a refreshing, at a glance. At the same time, the cloth-puppet, match-box animals and scenes also increased the game "Meng" elements.

Pasture painting wind More reference to the sketch class 2D game brisk and concise painting wind.  In such a game, a simple and slightly shape with a sense of humour can bring a more unique experience. Plain and concise painting wind also greatly reduce the performance of the engine on each platform pressure, but also to ensure that the product to achieve the results and the finalization of the high degree of similarity.

The color characteristics of sun pasture are obvious.  Scene interface, the environment color bright and bright, so that the entire scene shows a sunny and bright features, the building on the emergence of purity, lower brightness color, highlighting the sense of weight and proximity.  The background part of the UI interface is low in purity, and the color of information carrier is colorful, which highlights the importance of information object. The whole interface appears a large number of complementary colors and close to complementary color matching, jumping color to make up for the model details of the complement, but also bring a fresh visual experience.

The information of pasture game is more, the structure is relatively complex.

In the interactive design phase, we tried many sets of interactive framework, and introduced the prototype into the mobile phone, simulating the real usage environment, testing the patency of the operation flow and the rationality of the interface layout. In the testing process, product, vision, development are involved in the all-round evaluation of design, agile adjustment.

The left side of the image above is the personal information interface that was completed by CP when the project was first taken over, and the right side is the revised personal information. You can see the characteristics of small screen mobile devices, the interface has done full-screen, as well as information integration processing. On the one hand, it shows the most effective information to the user, and simplifies the operation on the other hand.

To make content display as light and concise as the main style, you need to focus more on the design, and the secondary information can be put on a deeper page display. In the revised feeding interface, feed selection is arranged to the level three page, while adding an important one-click Fill operation.

QQ Farm is an immersion game, that is, in Full-screen mode allows players to immerse in the atmosphere of the game creation. So it is very important to blend the interface with the game scene at design time.

The game is different from the tool software, the interface itself is not simply as the carrier of the operation control, but also as a part of the scene. The best way to get the interface and scene together is to take the material from the scene and build the interface.

Animals are the "sunshine" of the game. As a pasture game, the scene is just a decoration, and most importantly, the animals that the player takes care of every day. They are the core concept of Sunshine Ranch, the carrier of happiness. Therefore, it is more important to set up animals than scenes or 3D effects.

In the animal design of the pasture project, one can abstract the physical appearance of the real animal, while the other is to grasp the "look", that is, the nature of the animals known to be locked (such as the natural nature of the sheep), and the latter is more important than the appearance.

In the process of implementation, sometimes there are some unexpected in the design at the beginning of the situation. It is a good example of how to make adjustments to these problems and even use them to achieve some special highlights, the micro-innovation point in the IPad version of the Ranch warehouse interface.

Hamster Games in the barn: putting such problems on the farm solves the embarrassment of too much space in the ipad version of the warehouse interface, and the cute cat and mouse games have become a unique spot in the ipad version.

QQ Sunshine Ranch, after the launch of the Android platform, won four-star acclaim, in similar products are also quite successful, in the Sun Pasture Forum, visual and interactive design part by the player's unanimous recognition, can be regarded as our most encouraging results.  Now, Sunshine Ranch 3D will be officially released on the IOS platform, but also expect it to achieve success. Thanks again for all the hard work of all the students who are involved in the project.