The Design And Implementation Of Mobile-end Web UI Based On Responsive Design

Responsive technology makes the web UI more adaptive,and presents the users with the most reasonable layout in any networked device,it is a new direction for the development of mobile web page.Quick response and friendly user experience are supposed be the characteristics of the mobile web page.However,there are many shortcomings in the application of the responsive technology in the mobile web page.This paper briefly introduces the development and application status quo of mobile web page at the beginning of the introduction section,mobile web pages have a huge difference in applying scenarios and interactions with the PC-end.The design and application of the mobile-end web page is still not mature enough,complex reasons of the responsive mobile-end web page leads to slow loading and other issues on mobile devices.Only by optimization,can the responsive mobile web page meet the needs of users.This paper expounds the problems existing in the design of the mobile-end web interface in the aspects of vision,technology and interaction,and puts forward some feasible optimization methods.Non-responsive navigation and responsive navigation are compared in this paper,it is proved that the responsive navigation has a very strong adaptability and can adapt to the change of devices.Meanwhile,this paper describes the design of a variety of mobileend responsive navigation systems.This paper summarizes the key design process of the responsive mobile-end web,and finally,the optimization methods is verified by the responsive mobile-end website practice.