伊索科技2015主推响应式设计。

阅读 305  ·  发布日期 2015-01-22 10:29:28  ·  伊索科技

概念:

伊桑·马科特在2010年首先提出了响应式网页设计(RWD,Responsive Web Design)这个术语。 简而言之是指网页能自动识别屏幕宽度、并做出相应调整的网页设计。

原理:

主要是css根据屏幕宽度,自动调整网页div显示和布局,以适应不同尺寸屏幕优化浏览体验。

价值:

随着越来越多的智能移动设备( mobile, tablet device )加入到互联网中来,移动互联网不再是独立的小网络,而是成为了 Internet 的重要组成部分。响应式网络设计 ( RWD / AWD)的出现,目的是为移动设备提供更好的体验,并且整合从PC端到手机的各种屏幕尺寸和分辨率,用技术来使网页适应不同分辨率的屏幕。

响应式网站的制作难点

既然响应式设计已成为大势所趋?为什么国内99.9999%的网站都还不是响应式的?

  • 设计原型多、兼容测试多

    制作前期,需要对用户调研,确定制作多个尺寸线框原型界面,还需要设计师和前端开发人员保持密切的沟通。

  • 视觉设计要求高、细节多

    移动设备的屏幕像素密度与传统电脑屏幕不一样,在设计的时候需要保证内容文字的可读性、控件可点击区域的面积等,都将对设计师有高要求。

  • 前端实现难、跨技术合作

    与传统的web开发相比,响应式设计的页面由于页面布局、内容尺寸发生了变化,所以最终的产出更有可能与设计稿出入较大,需要前端开发人员和设计师多沟通。

  • 参与人员多、耗费精力大

    因为响应式设计需要对多个界面兼容、功能调试,导致整个制作过程需要UI设计师和前端工程师不断磨合制作。

总的来说,响应式网页不像传统网页只需考虑一种状态,不是交付一套设计稿就完事儿了,它需要更多的人员参与到制作中来,它给设计、前端和开发团队之间的协作模式带来新的挑战。在一个复杂产品全面响应式的项目里,开发人员在开发之初就要设计好要适配的屏幕尺寸大小,页面越复杂,要考虑的适配排版问题就越多,而且交互每个阶段该产出什么?交互与视觉如何协作?前端何时介入?哪些事情让后端开发来做更合理?一系列的配合制作难度,导致很多站长望而生畏。