Refusing mediocrity: A brief discussion on the design manifestation of User Login page

User activity is to test the success of the product is one of the important indicators, traditional industry businessmen attach great importance to the decoration of the façade, because a good façade can gather popularity, recruit more customers. Ancient large house courtyard doorway stone lions or other ornaments placed extremely fastidious, there is a certain feng Shui doctrine, more able to highlight the identity of the host family status. Thus, the "façade" is as important as the face of the human image, and the Web landing page is quite traditional "façade."

Now more and more large websites put the login and homepage together to design, this shows the importance of the login page, a colorful login interface, will enhance the quality of products, give the product a unique temperament, the login interface is also a display of emotional design, enhance the user experience, close to the distance between the military battleground, This article does not talk about the trend, does not speak the interactive sermon, does not involve the technology, regaling the user login page some design expression form. I hope these design expressions can bring some inspiration and inspiration.

Elegant and generous

If the ipad is a product between a traditional computer and a mobile phone, then Tumblr is a service between blogs and Twitter. Compared with Twitter, it has more complex functions, more content display and more emphasis on multimedia applications. Tumblr as the originator of the light blog, bringing a new visual experience, Antoine de Saint-Exupéry once said, "Perfect is more than a little too much, a little too little." "Tumblr login page does not have too much visual interference, elegant and generous, all the elements exist for the user to better login, the login process is very smooth."

Exquisite Texture Performance

icloud is the cloud synchronization service offered by Apple, where users have 5GB of free storage space. Koder Ritzlav, who is in charge of Macintosh user interface design, said: "Jobs will check every detail on the screen pixel by pixel and make sure the relevant images are aligned accurately." He attaches great importance to detail, the level of detail actually reached the pixel level. If the problem is found, jobs will immediately yell at an engineer. "The design of the icloud login page inherits Apple's exacting attention to detail, delicate textures, subtle shades, exquisite texture, perfect detail, metallic luster can move with the mouse pointer, the bottom of the icon can be adaptive to the size of the resolution, change the arrangement, to ensure that the user's browsing experience."

icloud gave us a very good lesson, there is a sentence we have heard but may not be done-details determine success or failure, rich details can enhance the value of the design, but also judge a design of a very important standard one of the exquisite comfort texture, to the user a immersive, full of surprises of the login experience, It's a great way to behave.

Small and fresh illustrations

In the web design, the illustrations are very expressive, and it is closely related to the art of painting. Therefore, most of the design positions, hand-painted ability is particularly favored, many performance techniques are borrowed from the art of painting techniques. The combination of illustration art and web design has a unique artistic charm, which makes it more expressive. More and more designers, the use of illustrations to the web design, vivid and interesting warm fresh illustrations, can quickly grasp the eyeball of the user, so that the login interface more affinity,

163 Mailbox Login page used a large illustration, the small postman soon awakened 80 after the memory of the letter, there are illustrations of the story with the user to establish emotional contact, arouse the user's psychic resonance, so that users have a sense of belonging.

Vimeo is a website offering high-definition video storage, where you can find a lot of creative designers from all over the world. Believe that the friends who have logged in Vimeo to the Vimeo landing page memory deep.

The brand communication of humanistic care

Design people-oriented, people-oriented design can not only improve the quality of products, but also improve the design of the art level, and the login page is to reflect the humanistic concern, the spread of the brand concept of the perfect location.

QQ Mailbox Landing page Each refresh can see different content, or with Haizi's poem, or with Michael. Jackson lyrics that evoke the empathy of the user, design method concise, main information outstanding, guide clear, and there is no superfluous elements, the most important interface operation "Login" button used the traffic in the green, but not the use of commonly used blue, detailed design is very elegant, every detail is injected humanistic care.

Sina Weibo will login box design into a scarf style, the user's every login is a brand communication process, in line with Sina push the brand concept of the scarf, weaving the concept of the popular.

Larger and bigger login box

More and more large input box design, let the user input up feel comfortable, login process is very pleasant, in the display more and more big today, mailchimp big input box show domineering full, and uncharacteristically can see his password, the first time in the Web login box to see this design, very intimate. It is this eclectic design that allows MailChimp to evolve from an in-house project into one of the company's most successful commercial products.

Simplicity, not simplicity.

The style of web design is becoming more and more concise, and the login page can make the login box more prominent with the use of white leaves. Minimize the user distraction, from a visual perspective, simple design is calm, cut off the superfluous elements, colors, shapes and textures, can not be used to make the person's eyes a bright design elements, can only rely on the blank to do visual appeal. The balance of the layout and the simplification of the design do not make it easy to change the monotony, WordPress backend landing page with the appropriate projection, the clever use of gray, as well as the jitter prompted the error, so that the entire landing page simple and not simple. Exemplary.

With the rapid development of the Internet and the advent of mobile Internet, web design is becoming more and more diversified. Although a good design and represent the product will certainly be successful, but can add points to the product, injection design for the product DNA, create a unique style and visual feeling, well, today is the first kan to this, as users use the entrance, I hope this text can let everyone to the landing page attention, design more wonderful landing page.

Article Source: Tencent CDC Blog