Research For Institutional Responsive Website Application

With the continuous development of Internet technology,the range of mobile devices people come into contact with is more and more extensive.From the initial simple human-computer interaction website to the realization of user experience-centered interactive website,from vertical single application to horizontal multi-terminal conversion.Traditional website operation can't satisfy the use of multi-terminal interface any more.Browsing website will result in incomplete display of website pages,inaccessibility of website,problems of compatibility between browser and website,or when the browser window is narrowed,some content of website pages will be blocked,which will greatly affect the speed and efficiency of browsing information,and let users reduce the current browsing.The trust of the website.Therefore,how to display the same browsing content between multiple terminals,different sizes and different sizes of screens is becoming more and more obvious,which makes the characteristics of mobile device fragmentation more and more obvious,which becomes an important problem to be solved urgently.In this paper,the design of responsive web pages as the research object,drawing on domestic and foreign research results on responsive web page design,through the collection of relevant literature,research,network survey,etc.,as the research basis of the paper,to understand the importance of responsive web pages and its impact on the design of web pages,visual elements.This paper mainly discusses from four aspects:first,the research of responsive web page,mainly on the inevitability of the existence of responsive web page design,analysis of its causes and characteristics,focusing on the importance of the research of responsive web site construction;secondly,the comparative analysis of more than100 websites of design colleges and universities at home and abroad,analysis of their differences,seek and demonstrate the correspondingsolutions.Finally,on the basis of theoretical research,taking the web page of the International Academy of Design and Art as a design case,through user positioning analysis and Research on its website,the design concept and information framework of the website are determined,and its main technical elements are applied: media inquiry.Flexible flow layout,flexible pictures,focusing on the design of the interactive logic and process of the website.Thus effectively solve the disadvantages of the original website,make the design college website different from other websites,highlight its unique style and cultural connotation,enhance the visual image of the website,and make the design college responsive website design more flexible and humanized.