聊聊响应性设计和开发

标签: 前端 | 发表时间:2011-06-25 09:29 | 作者:kejun leeking001
出处:http://hikejun.com/blog

非常有幸受Franky之邀参加北京腾讯CDC“火山囗”活动。第一次同时面对100多设计师谈一些或许设计师会认为跟自己无关的技术话题,虽然我认为这个话题至少50%是设计相关的,感谢他们耐心的听完了。

响应性设计(Responsive UI),这是一个关于新时期设计策略的话题。幻灯里解释了它,我不想再赘述。

这是一个有意义的话题,主要解决跨设备跨平台布署产品的问题。从PC到各种移动设备,各个终端上的产品形态是在一个统一规划的设计策略下管理的。真正的大手笔啊,想想就令人兴奋。

简要列下我认为响应性设计和开发中的要素(具体要到幻灯里看):
1. 兼顾移动设计
2. 模块化设计和开发
3. 浏览器分级支持
4. 自适应布局
5. 资源响应性优化
6. 性能敏感

应用响应性设计不仅仅是变变布局,而是应该把各种设备的不同特点发挥在产品设计中,这里面包含了各种响应性问题。要做到兼顾各种设备是对设计师极大的挑战。而对于工程师来说,要考虑各种技术方案、fallback支持或是降级处理的综合性方案,最终形成一个响应性UI框架把开发的成本降下来,同样是极大的挑战。

这东西现在看起来是一个大公司不想玩、小公司玩不起的事。要实现这个大“阴谋”,需要设计和技术的通力配合。但一般大公司角色分工过于明确,都是各想各的事,不愿意尝试不确定的事,因此通常用人海战术分别解决问题而不是统一解决问题。于是,会有ipad.xx.xx, touch.xx.xx, wap.xx.xx… 这看起来很蠢。当后期维护成本大到无法承受,或看到别人做到时,我想最终会回到这个路子上。

相关 [设计 开发] 推荐:

设计师VS开发者

- - 互联网的那点事
几乎在每个角落你都会看到有人谈论或自称网页设计师、网页开发者. 这会是个引来热议的话题,让我们来分解这些术语,挖掘它们的含义和相互间联系. 首先,我们来站在每个职业各自的角度审视这个问题. 设计师使用图形和图形设计软件(例如 Adobe Photoshop, Illustrator 和 InDesign)来打造网页的外观.

聊聊响应性设计和开发

- leeking001 - Kejun's Blog
响应性设计和开发 View more presentations from kejun. 非常有幸受Franky之邀参加北京腾讯CDC“火山囗”活动. 第一次同时面对100多设计师谈一些或许设计师会认为跟自己无关的技术话题,虽然我认为这个话题至少50%是设计相关的,感谢他们耐心的听完了. 响应性设计(Responsive UI),这是一个关于新时期设计策略的话题.

数据仓库的设计与开发

- - 数据库 - ITeye博客
     数据仓库系统的设计与开发. 1)       收集和分析业务需求.   用户需求,管理人员需求. 2)       建立数据模型和数据仓库的物理设计.   概念模型,逻辑模型,物理模型. 3)       定义数据源. 数据源面向应用,不是面向主题,而且数据源之间存在多个不一致的情况,所以必须在已有的系统中定义记录系统(内容正确,在多个数据源间起决定作用的操作型数据源).

Medium开发团队谈架构设计

- - 博客园_知识库
  说到底,Medium是个社交网络,人们可以在这里分享有意思的故事和想法. 据统计,目前累积的用户阅读时间已经超过14亿分钟,合两千六百年.   我们支持着每个月两千五百万的读者以及每周数以万计的文章发布. 我们不想Medium的文章以阅读量为成功的依据,而是观点取胜. 在Medium,文章的观点比作者的名头更重要.

Google 的设计主管谈开发中的 Ice Cream Sandwich

- skymare - 谷安——谷奥Android专题站
Android 很显然已经成为了当今移动界的热点话题. 目前正在设计中的新版 Android 也是 Android 开发者们面临的困难. 在早期的讨论中,甚至有像为什么 iPhone 应用简单但是看起来又比 Android 应更好的话题. 上次的一个会议中 Matias Duarte(Google 的设计主管)回答了一些关于 Android 的下一个版本(也就是 Ice Cream Sandwich)的一些问题.

Web开发和设计精华文章推荐【系列二】

- MS - 博客园-首页原创精华区
  这篇文章继续向大家分享Web开发和设计精华文章,文章主要来自今年6月份发布在梦想天空博客的博文. 梦想天空博客专注于分享Web开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的Web开发工具. 分享快乐,快乐分享,希望这些资源能帮助到您.

40 款面向设计者和开发者的优秀工具

- 阿贡 - ITeye资讯频道
    目前由于市场竞争激烈,设计已成为一项艰巨的任务. 致力于在此行业有所作为的设计师们必须拥有一些必备的工具,能够确保自身的设计超越他人. 但是这些工具对于许多人来说是比较昂贵的. 今天,我们收集了40种不同的工具,对于设计师在以后的设计工作中是非常有用的. 使用256 Pixels,用户可以轻松地进行设计,无论是通过上传图片,还是通过选择任何颜色.

最新20款Web设计和开发工具推荐

- Lee - 博客园-首页原创精华区
  在这篇文章中,收集了最新20个Web设计和设计工具推荐给大家,这些工具都是免费的,不需要任何安装和更新的过程,感谢这些工具的作者为我们提供这么有用的工具. X-Icon Editor 是一款帮助你在线创建高分辨率图标的在线HTML5应用程序. 520 Grid System 是一个 HTML/CSS 框架,适合窄网站模板制作.

Web开发和设计精华文章推荐【系列四】

- Le - 博客园-梦想天空
  这篇文章继续向大家推荐Web开发和设计精华文章,文章主要来自今年八月份发布于梦想天空博客的博文. 梦想天空博客专注于分享Web开发技术、资源和教程,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的Web开发工具. 分享快乐,快乐分享,希望这些资源能帮助到您.

WEB设计师和开发人员需要的新鲜资源

- redhobor - 互联网的那点事
网页设计正在进入全新的领域,各种技术每天都在涌现. 网页设计师和开发人员都需要不停的去改进自己的思维不停的去创新用户体验,才能让项目在众多的网页中脱颖而出. 但是不管是WEB设计师还是开发人员,都需要有一套属于自己的素材库,里面有各种资源可随时调用. 下面是我们分享给大家的一些非常实用和新鲜的资源,其中有关于幻灯片插件,有CSS框架,有HTML5和CSS3还有GUI,jQuery等等.