随着移动设备的发展,在企业官网设计中,响应式的设计方式越来越受欢迎,虽然响应式的站点不能算是一种纯粹的移动化解决方案,主要还是在众多的主流移动设备当中获取良好的用户体验。那响应式的网站设计都有那些流程呢?
1、确定兼容的设备类型,屏幕尺寸。
现在设备主要是就是pc,还有就是移动设备,手机和平板,对于移动设备,再设计企业网站的时候要注意增加手势和功能,屏幕尺寸包括各种手机屏幕的尺寸,各种平板电脑的尺寸。例如当某搜索网站的搜索结果页面,跨度可以从手机到宽屏,而首页,结构过于复杂,想直接迁移到手机上,那就还不如设置一个手机版的首页。
2、制作线框原理
针对制定下来的不同尺寸制作不同的线框原型,需要考虑清楚不同的尺寸下,页面的布局如何变化,内容尺寸如何缩放,功能和内容的删减,甚至针对特殊的环境作特殊化的设计。
当然响应式设计的目的在于针对不同设备的屏幕规格区间,进行功能的输出以及格式的预设,所以我们只需要选择一些具有代表性的设备,而不必顾全所有已知的设备类型。
3、测试线框原型
将图片导入相应的设备进行一些简单的测试,可以帮助我们金灶发现可访性,可读性等方面存在的问题。
在企业官网设计中,尤其是响应式的网站设计更应该考虑用户的浏览体验以及响应式设计的独特性。内容仅供参考。