面向多终端设备的移动应用界面布局优化

Optimization of Mobile Application Interface Layout for Multi-terminal Devices

为了实现移动应用运行于多种设备平台时良好的界面显示效果,设计开发移动应用平台并对其用户界面进行界面布局和内容显示的优化设计.通过市场调研和网络数据查询获取用户群体主流移动终端设备的类型分布和屏幕属性,提出基于分辨率适配原理的主流设备屏幕元素尺寸的计算方法用以确定界面元素的最佳显示大小及间距,基于响应式设计原理的界面布局优化方法,以实现应用界面随设备屏幕和用户行为变化而自动调整布局的显示效果,并以移动学习终端为例,进行界面优化显示与布局的设计实践,通过不同设备环境下的发布测试与用户反馈,验证以上方案的优越性.

In order to realize good interface display effect while mobile application running on kinds of device platforms, mobile application platform was designed and developed, and the optimized study of its interface display layout and content display was conducted. The type distribution and screen property of mainstream mobile terminal devices of user groups was obtained by the method of market researched and network data query. Elements size of mainstream device screen was proposed based on the calculation method to fix the best display size and distance of interface elements. The optimization method of interface layout based on the responsive design principle was proposed to realize the display effect of the application interface automatic adjustment its layout along with the change of device screen and users. behavior. Taking the mobile learning terminal as an example, the design practice of interface optimized display and layout was conducted. And the release testing under different device environment and the users. feedback verified the superiority of the method above.