Based On The Analysis And Practice Of Responsive Web Design In User Interfaces

Today, the vigorous development of the Internet led to the rise of various equipment. Large screen equipment the rapid growth of popular and small screen mobile equipment, results in many kinds of equipment between screen size with resolution in differences. The design of fixed pattern of traditional Web for large screen devices can not adapt to the transformation and renewal of modern small mobile screen. The user's browsing mode gradually from the traditional desktop computer to mobile devices and portable. In the face of this change, the Web designers need to be an important problem to solve: common development in Web design needs a new technology to adapt to the Internet and the terminal, in order to solve the problem of a web page layout can be compatible with a variety of equipment function. In order to solve this problem Ethan Marcotte proposed " responsive Web design ", has become the best solution of cross terminal adaptation problems, this is a new design idea, flow layout, elastic pictures and media query method is combined with existing as a new technology, the use of HTML5 and CSS3 the integration of the formation of a new Web design pattern.Responsive Web design according to the user equipment, environment and behavior, dynamic adjustment of the layout of the page structure, enhance the web browsing speed, and presents the layout of the page effect is more beautiful, at the same time, to solve the cross device, cross browser issues, will Web content according to different browsing device, showing the effect of different layout, and enhance the user the satisfaction of the experience.Firstly, this paper starts from the current situation of the development of web design, response to the, analysis the reason and characteristics; secondly, combining excellent responsive web design examples, analysis and inquiry response web design, three composition elements of the media inquiry, flow layout and flexible images of use, through the theory and practice of combining way, explore response web design in the user interface in CSS3 and HTML5 technology practice, So as to effectively solve the drawbacks of traditional fixed width patterns in web design, make a response to web based graduate design works, finally carries on the analysis on the future development of web design, the advantages and disadvantages of response, the response of web design, and suggestions for further research.As the new trend of web design, response design promotes the development of web pages.. By analysing the response of the web can be drawn: web design with friendly user experience as the center, to meet the user's visual experience and functional requirements at the same time, the web interface design and technology integration, in-depth understanding of the deep meaning of web interface design response.