设计说明:
刚开始接到这个项目,压力还是很大的,这是企业正式意义上的一个响应式网站,项目包含形象型展示网站、商城及社区,客户也是比较精益求精、走在流行前线的人,对设计和前端来说,都是一个挑战。
在经过无数次的与客户沟通后,才确定了平面风格及颜色布局。颜色主色采用logo色灰蓝色,整个网站风格借鉴苹果风,画面干净无任何多余的广告文字,清新简洁,版块布局内容一目了然。
所谓“响应式网页设计(Responsive Web Design)”也就是自适应,就是可以自动识别屏幕宽度、并做出相应调整的网页设计。
优点:①随着移动设备越来越多,可以提升用户体验。②该设计没有网页版本区分,所以SEO的策略保持一致。③可以避免重复内容,专心维护这一个网页。④保持网页的原有链接。⑤谷歌也建议优先采用响应式设计,因为无论是什么网页版本都是相同的HTML、相同的内容,谷歌容易处理。
缺点:①对老版本IE支撑不好。②例如一些小游戏站、视频站,如果仅仅是网页采用了响应式设计,但里面的内容依然是只能在PC端打开的话,这时候就要认真考虑了。③开发周期较长,前端技术实现比较复杂,设计至少要出两稿,前端至少要作5种分辨率的判断。