响应式网页设计中栅格系统的构建方法研究

Research on Construction Method of Grid System in Responsive Web Design

随着电子设备屏幕尺寸的丰富变化,响应式网页设计也成为常态,栅格系统的建立让响应式布局变得更加合理.网页栅格系统从平面设计的栅格系统中发展而来,以规则的网格阵列来规范网页中的版面布局和信息分布.本文从栅格系统的构建基础出发,结合响应式设计的特点,探讨栅格系统在网页设计中的可用性构建方法,以实现提高设计效率、降低项目成本以及保持页面美观的目的.

With the increase of screen size of electronic devices,responsive web design has become the norm.The establishment of grid system makes responsive layout more reasonable.The web grid system is developed from the grid system of graphic design,which uses regular grid array to regulate the layout and information distribution of web pages.Based on the construction of grid system and the characteristics of responsive design,this paper discusses the usability construction method of grid system in web design,in order to improve the design efficiency,reduce the project cost and keep the page beautiful.