在前端设计响应式设计

昨天下午,我突然拿一个想法,问了下前端设计project联赛,我问了一个终端的设计是否绕过皮肤,这不是普遍的前端框架的限制结束。

端project师告诉我。那叫响应式设计。

我继续问,既然有这个技术。现实中。为什么要搞pc一套,手机一套,平板一套呢,多累啊。

前端告诉我。现实情况复杂非常多,做个简单的响应式设计的还能够。复杂的就难了。带着他说的这些问题。还有其它同事所认同他的观念。我并不大认可这些说法(虽然我对前端不大清楚)。于是上度娘。并找出一个比較复杂的,有点像大型的电子商务站点的案例(http://www.unitedpixelworkers.com/)

于是叫前端来看下这个案例,他认真看了下,也认同确实能够实现。但实现起来确实麻烦不少。

我心里想,既然无非就是麻烦点而已,写写皮肤框架罢了,还是能够实现的嘛,那么国内为何找不出一家知名的类似的商业性站点呢?

怎么说呢,假设说知名电子商务站点,改造起来真是个麻烦事,因此他们宁愿开发一套新的皮肤,也不愿意改造一个已经成型的皮肤,对企业来说。主要从成本上考虑,另一个因素就是国内娴熟的响应式设计临时短缺。

那么对一个新公司新团队来说,这就是一个天然的省成本的方案,国内某些微创企业已经有了不错的案例。

能够看出,响应式设计的确优势不少,国内非常少有团队为此去设计一套皮肤。但不会落后太远,相信有一部分商家已经看出了这里的商机。

版权声明:本文博客原创文章。博客,未经同意,不得转载。

时间: 2024-08-03 07:26:27

在前端设计响应式设计的相关文章

响应式设计

响应式设计 响应式设计的概念(三要素) 流体网格 响应式图片 媒体查询 相关概念 分辨率 是指显示器所能显示的像素的多少 像素密度 dpi/ppi 每平方英寸的像素数 设备像素比 dip/dpr 类似于每像素包含的点数(dppx) 视网膜屏幕 屏幕显示异常清晰(设备像素比大于1) viewport 定义 可视区域 移动端: 布局视口(大部分980px) /理想视口(视口宽度=设备宽度) 设置 <meta name="viewport" content="width=de

响应式设计的一些问题

在我们介入具体项目开发流程前,我们应该已经确认了自己产品所面向的内容消费群体,以及潜在目标用户,比如简单的只面向小屏幕的移动用户群或者我们要囊括所有的显示设备(mobile.pad.pc等等). 当我们确定目标用户的内容消费习惯的同时,我们应该也对他们的访问习惯.时段等等做一些初步分析.这不仅仅面向一个响应式站点,这对产品定位到开发都有决策作用. 在移动博客项目前期的产品分析中我们能看到,随着时代的前进用户内容的消费习惯也在发生着变化. 响应式产品设计 响应式设计是从产品角度来进行的设计,在这个

与前端设计师谈响应式设计

昨天下午,我突然冒来一个想法请教下前端设计工程师,我问能否设计一个规避终端的皮肤,也就是不受终端限制的通用性前端框架. 前端工程师告诉我,那叫响应式设计. 我继续问,既然有这个技术,现实中,为什么要搞pc一套,手机一套,平板一套呢,多累啊. 前端告诉我,现实情况复杂很多,做个简单的响应式设计的还可以,复杂的就难了.带着他说的这些问题,还有其他同事所认同他的观念,我并不大认可这些说法(尽管我对前端不大清楚),于是上度娘,并找出一个比较复杂的,有点像大型的电子商务网站的案例(http://www.u

响应式设计与自适应设计

响应式设计与自适应设计 相信从事前端页面设计的人都知道,页面呈现的效果及用户体验是非常重要的.当今社会移动设备的使用已超过了pc端,面对不同分辨率的设备,怎样做到页面体验的效果一样呢?这就成了最头疼的事情. 下面我们来看看响应式设计与自适应设计两者用法: 响应式Web设计(Responsive Web Design) :主要利用CSS3的媒介查询(Media Query)和Viewport来解决问题.通过媒介查询的设置,根据屏幕宽度.屏幕方向等各个属性来加载不同场景下不同的CSS文件来渲染页面的

复杂产品的响应式设计【流程篇】

转载:http://ued.taobao.org/blog/2013/05/复杂产品的响应式设计[流程篇]/ 响应式网页不像传统网页只需考虑一种状态,不是交付一套设计稿就完事儿了,它给设计.前端和开发团队之间的协作模式带来新的挑战.在一个复杂产品全面响应式的项目里,交互每个阶段该产出什么?交互与视觉如何协作?前端何时介入?哪些事情让后端开发来做更合理?经历“玩客”第一版后,我们得到了一些答案. 响应式设计之所以叫响应式“设计”而不叫响应式“技术”,是因为它是一项设计先行的工作.需要设计先明确好响

复杂产品的响应式设计流程

响应式网页不像传统网页只需考虑一种状态,不是交付一套设计稿就完事儿了,它给设计.前端和开发团队之间的协作模式带来新的挑战.在一个复杂产品全面响应式的项目里,交互每个阶段该产出什么?交互与视觉如何协作?前端何时介入?哪些事情让后端开发来做更合理?经历"玩客"第一版后,我们得到了一些答案. 响应式设计之所以叫响应式"设计"而不叫响应式"技术",是因为它是一项设计先行的工作.需要设计先明确好响应方式再实现出来,不能出一套设计稿后等着前端看情况把它变成响

关于响应式设计与服务端性能

服务器端层 智能响应策略的最后一个选择是服务器. 服务器端功能检测和决策不是 移动网络的新鲜玩意.类似 WURFL 和Device Atlas的库在市场上有好多年,响应式设计和服务器组件的混合也众所周知.有时被称为是响应式设计和服务器端组件(RESS),有时又叫自适应设计,这 提高了响应式设计的速度和可用性,同时每一个服务器端都保持一个代码库. 很遗憾的是.这些技术这几年并没有什么突破性的发展.只能在博客和 杂志里看到一些开发者对"RESS"."响应式"."

响应式设计框架的优缺点

聚焦Bootstrap 3和Foundation 5,让我们一起来分析使用其中一种框架构建自己的网站的优势与短板. 浏览器兼容性 浏览器调试所花的时间有时赶上了制作网站本身所花的时间.如果你可以减少调试浏览器所花的时间,那么就是在为客户节约成本(当然也是在保护的你的头发不那么早就掉光). 响应式设计框架是一个基于在各种浏览器调试成功的框架.使用这些框架,可以大大减少建设网站时所耗费的时间(测试次数的多少取决于你定制了多少框架的内容,如果你仅仅只是改变了几个颜色而已,那么调试的次数就非常少:如果你

paip.自适应网页设计 跟 响应式 设计方法与工具补充(2)o54

#-----响应式 设计框架 Bootstrap比较热门. Foundation 号称是世界上最先进的响应式前端框架. #---绝对不要使用相对地高度...只使用相对地宽度..特别大的布局上... #----------字体的自适应vw 使用em好像不生效... 使用vw走ok....  font-size: 4vw;   适合320*480-----600*900等... 顺便,要有个vmin,最小字体了.贝儿.太小李看不见.. 手动大小窗口,都能自己适合了.. 作者 老哇的爪子 Attila