xk星空观点

自适应和响应式

最近做了几个全屏滚动的网站，最大的问题就是无法适应不同设备的屏幕大小。为了解决这个问题，我想到了自适应和响应式，然而通常所说的响应式是指响应式设计，而不是开发。也就是说在分析客户需求的时候需要明确是否要兼容所有主流设备和浏览器，因为这会增加工作量。设计师需要做出多个尺寸的设计稿，通常情况下是需要手机端、pad端和pc端这三种尺寸。先做出pad端的设计稿，然后在此基础上添加或者减少一些内容，做出手机端和pc端的设计稿。这还只是最基础的要求，像全屏滚动对设计的要求还会更高。不同的设备不同的屏幕大小不同的分辨率，可说是千奇百怪，应该要尽量避免这样的设计。如果一定要做，那么需要减少每一屏的内容，而且内容要尽量居中，并且需要更多尺寸的设计稿。