Study On Responsive Web In Interface Design

As the mobile Internet is becoming increasingly popular, more and more mobile devices appear in people's daily life, such as mobile phone, tablet computer, smart watches, the display resolution of each are not identical. If Web designer design screen size of the page for each equipment and the resolution, this design would be have very low efficiency, and also make the Web dynamic update become more inconvenient. In the face of many types of portable terminal,if we follow the traditional design method to design Web, we will have to create a Web for each model, and when the terminal and the web update, all the web need to renewal. All of this leads to the situation that all Web must meet the needs of a variety of terminal and frequent changes,. In addition, it is necessary to make a variety of different resolution and the size of the Web version.It is time consuming clumsy and inappropriate in the emphasis on intelligence and automation now. Moreover, in the design and development of high Web market today, the old-fashioned way will soon be out of the market, and it is absolutely impossible to design unique resolution of each different device, although this may meet some specific device users' need, what we lost is the users who most do not use this device. In this case, the emergence of Web responsive for us is to solve this problem. The key to realize Web cross terminal still need to depend on response Web design, it makes Web adjust itself to the access device environment(including screen resolution, accessing to the browser, the type of equipment, equipment), such as the appropriate adjustment according to the access device resolution to the size of the Web and pictures the pixel size, etc., so the user of the mobile terminal will undoubtedly provide more comfortable feelings in visual browsing experience. In other words, regardless of people's mobile devices are iPhone, iPad, Kindle, or is the most popular device- iwatch, can create a specific Web-- so a responsive Web must be compatible with any device to display. In response to the realization of type Web design must be based on the new design methods, such as the use of flexible layout, CSS media query, and even some flat icons. So, when a user of laptop or an iPad or mobile phone client browse Web, responsive Web will automatically adapt to the adjustment of the page and resolution, and the size of the picture will change accordingly. responsive web is to avoid we do research and development designed specifically for each kind of equipment, which can automatically corresponding to different devices. To conclude, the prevalence of responsive Web is to enable us to simplify the design process and improve work efficiency in the process of design Webpage.At present, the response of each sticks to his own viewpoint at Web interface design style, this paper try to talk from the response of the word, back responsive Web origin, definition of responsive Web characteristics and design principles. The APP and the responsive Web development were compared, summed up their own limitations of the inevitability of the rise of response type, and specific analysis the reason of Responsive design's rise. Analysis the response changes in type Web brought from the interface design point of view, and point out that the essence of interface design is not only in response to the appearance of new forms, but also emphasize the response of multi-terminal equipment operation condition. Through the analysis of a variety of Web responsive interface, discussed in detail from the design requirements of various fonts, images, colors, layout and other aspects. In view of this situation, combined with the author's own design works in practice, to verify the practical value, we will provide the effective suggestion for the interface design, and establish a set of criteria for response Web interface design.