BeFor Web

为网而生 - 关注互联网及移动端产品的用户体验设计

眼下是较为宁静的周日下午(但这篇没打算周日发)，滚石和Led Zeppelin一张一张的放着。别说我老了，10多年前同样是在听这些，特别是在没有多余的精力可以发泄或是没有特别负面的情绪需要抑制的时候。老东西总是最有沉淀感和安全感的，毫无疑问。

正坐在沙发正中间，左右一边一只喵，都盘成个团安静的睡着；从10.1假期把推推从医院接回家开始，每天基本没有晚于6点起床了，加之这一两个月学车的频率也变高了，周末也便是同样的起床时间。搞得这样的下午恍恍惚惚的像是每一个感官都要逐渐睡去的样子了。据说人在将睡未睡的时候，脑波是最利于记忆和创造什么什么的，真真么？倒是记得好多年前以设计博客模板为职业的时候，有几次在睡着之前好像突然看到些特别赞的页面，但接下来要么是没办法让自己醒来，要么是起来试图描画出来的时候又寻它不见了；挺奇妙的。

那么不多说了，和上周的15个响应式前端设计框架同属一个系列，时间较新，用的到的朋友可以看看有无所需。以下文字内容均来自原汇总帖。

你会发现，随着响应式Web设计的不断成熟，各类框架也变得越发健壮和可靠。也许是受到了Bootstrap、Foundation和Gumby的影响，如今很多新的框架都开始向一体化多功能的模式进化，它们提供了更多的功能，同时会包含可复用的组件和模块，例如图标、对话框、页码导航、面包屑、导航栏等等。

当然，不是所有的框架都塞入了大量的功能，有些只是简洁的提供了固定布局的基础。接下来是15个最新的响应式框架。

不年不节不周末的，临时加演一篇资源帖。响应式框架，偏前端的同学可能会有所欲求。

之前念叨过，但凡资源帖，多数是自己眼前用的着的东西，才会趁自己搜罗的机会汇总一下放到这边。话说回来，根本也没做过几篇的样子，印象里有iOS7免费设计资源汇总和iOS设备及界面模板免费资源汇总吧。这次拿来15个响应式前端框架；声明，我自己没用过，做这事起初只是为了我们自己有可能的项目收集有可能的素材和解决方案而已。如果您需要，可以挨个访问过去了解详情，也可以直接从Github获取，我最多算个牵线儿的，不做任何support方面的工作，还请理解了。

不多说了，直接上货吧。

先祝各位假期愉快喽。不知有多少同学和我一样计划把这8天当中的多数时间花在“宅”上；做做博客和小项目，看看live视频，录点demo出来，太赞了这日子。

话说这里我要长出口气先。今次选做的译文蛮科普的，也真是蛮长的，还好之前几天就开始着手来做，也在微博上做了预告；搞到这两天觉得简直是没有尽头的样子。

我之前几个月花了蛮多时间在iOS应用开发的学习上，到目前为止感觉也仍只是入门而已，所以真心觉得这一篇文章即使再长，也无法让人从零开始学会怎样开发一款应用。但之所以建议和我一样的交互或视觉设计师同学们来阅读，主要目的是让我们自己在头脑里建立开发意识，了解这摊子事情大体是怎么一回事。如果你有兴趣，以此为起点，通过学习逐渐掌握了开发技能，这自然不坏；但更实际的效用，我个人看来还是在平时的工作当中，在打造设计方案的过程中，可以结合具体的开发可行性进行考虑和评估。另外，当程序员同学告诉你哪些不能做的时候，我们自己心里也可以有个底；这事不用说太细，大家都明白。OK废话不多说，进入正文。

作为一名交互或视觉设计师，你希望顺应当前大环境的发展趋势，向移动领域拓展自己的视野和能力，于是决定挽起袖子学习iOS应用开发。兴奋之余，你开始做一些初步的研究，但是很快发现，除非自己有足够丰富的编程经验，否则要实现目标还真不是件易事。

确实是这样。苹果提供的开发文档主要是面向技术人员的，市面上多数iOS开发书籍都会一上来就问你是否掌握了足够的Objective-C知识，而网上各种教程的质量又参差不齐，其中有不少还是面向着很旧版本的iOS系统及开发工具的。

本文的目的就是帮助各位设计师在最短的时间内，以实战的方式探索iOS应用开发工具及相关的基础知识。我们将一同了解应用开发流程中的一些重要环节，包括理论讲解及方法演示，即使你没什么编程经验也没问题。

整个一周都在揪心的猫事中度过。从十月底到现在的这段日子里，倒是越发懂得珍惜每天中片刻的宁静时光。有时会怀疑家里是否有时空漩涡一类的东西，不然钟表怎么会走的那么快，一点儿也不愿停下等等我的样子。一切都会好起来。

独白终了，进入正题。最近两篇译文都有涉及框架和跨平台方面的话题：前一篇中，我们了解了一些用于移动应用开发的前端框架工具；今天这篇的立足点偏向设计开发流程的上游，它将向我们展示怎样使用Foundation框架快速创建跨平台的、可以在多种设备上进行测试的响应式页面原型。下面开始正文部分。

开门见山的说，作为网页设计和开发人员，我们面临着以下几个严峻的问题：

• 每天，人们用来上网的设备种类和数量都在不断上升。
• 为每种设备设计开发不同的界面是不可能的。
• 即使你专门为某些设备定制打造，这些设备也很有可能在不久的将来退出主流舞台。

真心欢乐。别怕，大家一起面对并解决问题。其实，不同类型的设备及屏幕的这个问题，很早以前就开始存在了，只是多年来我们一直忽视这个状况，一厢情愿的守着960像素的网格系统。

愉悦的周五，早些回到家，冲澡吃饭照顾猫咪家务完毕已然超过九点的样子。登录博客后台，进入编辑页面，才觉得些许轻松安逸。不坏，一天里能有这么一会沉浸在这样的感觉里，足够了。

在之前的一篇文章中，我们曾经讨论过，对于交互和视觉设计相关职能的从业人员来说，从传统Web行业向移动应用领域转型的过程中需要学习和注意的问题。这篇文章中提到过“混合型应用”的概念，以及与之相关的两本开发指导书籍。今天这篇文章的英文原文，就是来自这两本书的作者——移动应用开发者Jonathan Stark。

本文中，他将站在传统Web前端开发人员的角度，为我们介绍一些在实际项目案例中总结出来的移动应用开发方法策略，以及几类具有代表性的用于打造跨平台移动应用的前端开发工具。

各位前端开发相关职能的同行们，扩展视野、提升技能、随“机”应变的时机已然成熟；衷心希望本文可以成为推动大家事业进步发展的一个催化点。不多说了，我们来看正文。