The glamour of Mobile app visual communication

Source: Internet
Author: User
Keywords Communicate use face fun user experience

Nowadays mobile open platform is numerous, Apple, Google, Microsoft, Nokia all have their own mobile development platform, want to let their products in many open platform to retain users, only by brand is not enough, product user experience is more important than brand. We can make full use of the characteristics of mobile devices, the use of visual communication performance, to create a good user experience of the app application software.

In today's smartphone era, large-screen high-resolution touch-screen smartphones are on the market for a popular trend. Smartphones mean lots of app apps, and big-screen high-resolution touch screens mean a colorful, gorgeous visual interface. This era has given the visual Communication design field new opportunity and the broad application design space. The application environment of visual communication is not only the traditional media such as plane, website, advertisement and VI design, but also covers the visual communication design of software products. On the visual communication, the academic definition is: Visual communication is the use of "see" in the form of communication between people, is through the visual language to express the way of communication.

So what can visual communication do to improve the user experience of app apps?

Visual Communication-"typography and formal beauty"

The law of typesetting and formal beauty is divided into one and the same, symmetry and balance, proportion and scale, Golden Division law, master and key, transition and reference, stability and lightness, rhythm and rhyme, infiltration and gradation, texture and texture, harmony and contrast, diversity and unification. Excellent software interface, can make full use of the form of the interface layout of the United States, the graphics, text, color, lines, according to a certain level of the composition of the law, to give users a form of aesthetic sense of the interface.
In many app reading software, when most of the subscription software is a text-only way to typesetting design, some readers boldly tried the visual layout of the beauty of the rules to design the product main interface, and achieved good market feedback.

Example figure one shows the software The Pulse Reader interface. The label module of the interface main body is designed neatly and consistently, it is the same form of continuity and repetition, using the Zi Yi and uneven design rules of formal beauty. Interface module in the content and title design, the use of translucent color block effect processing, the content and text title together, the use of infiltration and level of design rules. The application of these typography and formal beauty rules makes the information of user interface more colorful, makes users easier to read and enjoy, and improves the user experience feeling of the software interface.

As shown in Figure II, Foodspotting software, Trip Journal Travel Journal Software Interface. Design in the use of the master and the emphasis of the form of the United States design rules, focusing on the design of exquisite pictures of the expression, so that the interface rich design highlights, enhance the visual effect of the interface.
From the above analysis, it can be found in the software interface design, the appropriate use of typesetting and formal beauty rules, can enhance the product user experience.

Visual Communication-"art and Decoration"

Decoration refers to the special nature of a design work. Decorative design works are often obvious in formal norms, infiltration of decorative methods, to give people a sense of elegance.
Conception is the first step of the interface design, when the designer's interface design theme is clear, the interface layout and the form of expression become the core of the interface design, how to achieve the new interface, shape, change and unity, and have aesthetic taste? Designers can use text, graphics, color, texture and other decorative elements of the interface, the use of objects, exaggeration, metaphor, symbolism and other methods to design the interface.
Of course, different types of software interface, with different forms of decoration. Designers need to fully explore the software associated with decorative elements, the appropriate use of these elements to design, can prompt the user experience of the software.

As shown in figure three of the awesome Note lite interface, the main interface of the design of the notebook and the notes of the two software features associated with the decorative elements, the image of intuitive performance of the software features, and the overall visual effect of the interface is very vivid and beautiful. The second to-do list of the interface design, not using the traditional way of horizontal display, but the use of stickers on the back of the way to image performance, the type of note is also used in different colors and textures of the design style to distinguish, the overall interface to give people a feeling of elegant decoration. The use of decorative elements in the software interface makes the visual communication of information in the interface more flexible, the visual design of the interface more vivid, so that the user's experience feel more rich and interesting.

The trip journal Travel Journal Software Interface as shown in Figure four. The interface design uses the traveling related adornment element: scenery and the animal scenery scene, as the interface background pattern, entrusts with the interface a traveling emotion factor, gives the user to create a kind of traveling artistic conception experience.
In mobile app interface design, although the interface design space is limited, but the use of decorative elements to the limited interface space to give a dynamic, so the interface design appropriate use of decorative elements to interface is necessary. Through the use of decorative elements, the interface is endowed with a kind of artistic emotion, which forms the visual style design of the software interface, and promotes the emotional expression of the software interface and the user's experience feeling.

Visual Communication-"fun and originality"

The interesting of the interface design, mainly refers to the form of beauty of a situation, is a lively visual design language. The interface is full of fun, can make the message transmission, played the finishing touch of the effect, so more attractive, impress people. So, interesting in the interface design how to behave? We can design the graphical representation of the interface to reflect, from life to find interesting elements, and then apply to the interface design.

Currently mobile app software interface is mostly single and conceptualization of the same, parrot. To be a surprise, a designer must be original. Dare to think, daring ingenuity, dare to unique, in the software interface design more personality and less common, a little more originality and less general, the formation of software interface unique visual temperament, it may win the favor of users.
Mobile end of the user interface in the open market environment, a large number of enthusiasts developers, brains, thinking flexible, has been online a lot of interesting and original software. Many interesting, ingenious software design ideas are derived from life. Applying the interesting elements of life to the interface design is a way of thinking to enhance the user experience of the software interface. For example:

As shown in Figure five, the hipstamatic photography software. In the design of the first main interface, the design of the whole interface simulates the feeling of the card camera, the image capturing area of the photograph is designed in the center; the picture button is designed with a raised yellow button, the flash switch button is designed with a yellow recessed design, and when the Flash is enabled, the flash of the interface becomes brighter. These design points, are more materialized, the real life of the card camera's visual feeling applied to the software interface. The use of this camera software users, in the process will feel very interesting, many users enjoy this visual design experience fun! The interface design from life becomes interesting.

The Pocketbooth software interface as shown in Figure six. The design of this interface comes from the photo kiosk in the shopping mall in the life. When users use the software, they have the feeling of putting the photo kiosk in the shopping mall into the pocket, and can use the photo kiosk in the shopping mall to take a quick photo. The interface design, which comes from life, looks more vivid and lively.
Therefore, designers should be good at discovering interesting design elements from life, and using these elements to make the interface design more interesting and original, and then to enhance the user experience of the software interface.

Visual communication is the art of service for modern business information design. In mobile app's visual interface design, designers need to make full use of visual communication design layout and formal beauty, art and decoration, fun and originality of expression, to find the innovation of software PRODUCT interface design, to enhance the SOFTWARE Product interface design standards, improve mobile The user experience of app software.

Reprint please specify from "Baidu Mux"

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.