ps中的网页设计流程

发布时间：2019-05-09

发布者：eidea

浏览次数：142

了解产品的客户性定位以及需求，这样才能知道移动端的需求。然后在确定布局方式，这样才能把握前端的网站构架以及页面设计方向。

比如要采用自适应布局，就要了解到哪些终端设备需要使用，提交你是为这些所有设备的页面效果，接下来就是真实页面测试效果。

这就是为什么响应式比传统网站相对花费时间更长！

选择合适的断点。

当然了我们要选择一些合适的断点，对实现响应式设计，无论是基于桌面优先还是移动优先的设计，要兼容所有设备，布局响应时，就不可避免对一些模块布局做一些变化，这个发生布局改变的临界点就是“断点”

那怎么选择合适的断点呢？

这里我们要考虑一个问题，网页所面向的终端其屏幕尺寸有多大？为此我们要知道是使用自适应布局还是响应式布局？

这两个布局有什么区别呢？

自适应以终端为对象，响应式以分辨率为对象，

虽然这两个都是以屏幕尺寸为基础。但是响应式无关乎终端的屏幕尺寸!

如下图所示这些都是一些：常见的自适应断点

一些不同尺寸常见的设备

而响应式断点就相对简单很多。一般就三到四个等级。

采用这种等级分的问题在于，会在浏览体验的时候打折扣，因为屏幕尺寸不断变化，这对再度细分增加了难度。

更不用说你所设计的页面内容本来就不同，而他们还需在浏览器窗口缩放在不同的断点响应。

总结一下：

第一：web领域发展很快，有时候我们无法不上设备和分辨率的步伐，对于网站来说。

第二：为每种设备分辨率建立单独的版本就不切实际了，所以我们采用响应式网页设计，这样就可以避免这种情况发生！

奥烨移民

企业官网

品壹装饰

H5创意型企业官网

宇洋基金

响应式网站