响应式网站网页设计流程

时间：2019-7-18

在这种响应式网站的时候，应该应该遵循的网页设计流程如下：
1.确定需要兼容的，设备类型，屏幕尺寸，我们学院有用户使用的各种设备的分布情况，确定需要兼容的，网站打开设备和显示的屏幕尺寸，目前市面上移动的设备和平板电脑总在很多大多数的话，具有不同的屏幕尺寸，PC显示器的尺寸也各不相同，在制作响应式网站的时候要充分考虑到首饰功能，屏幕尺寸横向竖向普通电脑屏幕的宽度的大小。
2.制作线框的圆形针对确定下来的几个尺寸，分别制作不同的线，框圆形需要考虑清楚，不同的尺寸下面页面的布局如何会变化？内容尺寸如何进行缩放？功能和内容如何进行增减，甚至针对特殊的环境作用下应该怎么去设计这个过程需要设计师和前端人员保持密切的沟通。
3.测试线框圆形，将图片导入到相应的设备进行一些简单的测试，可帮助我们尽早的发现它的防卫性和可阅读性方面存在的问题
4.视觉制作移动设备的屏幕像素密度与传统的电脑屏幕不一样，在设计的时候需要保证内容，文字的可读性，控件可点击区域的面积等等
5.最终实现与传统的网站开发相比，响应式的网站建设的页面，由于页面内容，布局尺寸发生了变化，所以最终产出更有可能与设计稿出入较大，需要前端开发人员和设计师进行多加沟通