“天上白玉京，十二楼五城”，盛唐时期的李白，写下如此气势恢宏又幻象万千的诗句之时，或许很难想像数千年后，它们自云中款款而来并呈现手中的样子——在移动互联网时代，连接云端的手机已经成为富丽堂皇、奇珍充盈的商城的在线橱窗。

对于身处拥挤都市又工作繁忙的现代人来说，时间成本和选择成本正变得日渐高昂，于是诸如“万达广场”、“大悦城”之类大型的MALL成为人们工作之外娱乐、餐饮、购物、运动、休闲的首选。“淘宝”、“京东商城”和“当当网”等在线电商平台解决了非实时的淘货与比价型消费，而Mall商城的实时实地的体验型消费又如何通过手机来进行指引和形成用户黏性？对此，彩程设计结合来自市场的需求与项目，进行了一系列的探索和实践。

作为龙湖地产的移动战略合作伙伴，彩程去年为他们推出了三款商城地产类的App（含iPad与iPhone版）——“龙湖北城天街”、“龙湖西城天街”和“龙湖星悦荟”，尽管因为地域性太强的原因不可能有类似通用型App的大量下载而进入App Store的榜单前列，但比上海新天地，海港城guide，朗豪坊等同类App的排名要高出一大截。

为龙湖地产开发的商城类App

iPhone的有趣之处在于，它以设备为基础很好地为我们划定了一个圈层：消费能力中上；追求品质与体验；对时尚和新锐的东西接受度高，对互联网尤其是移动互联网不陌生——这正好是大型商城所想要笼络和争取的用户群，而安装了商城应用的iPhone本身即为一张VIP会员卡。

从商业经营的角度来讲，MALL通过成本、规模和管理方面的优势，让业态的聚集效应更突出，消费体验更丰富。而对地域性用户来说，只记住一个大品牌和一站式入口又无疑是最省事的方式。

我们设计的这三款APP大同小异，以导购型信息呈现为主，内容由活动、订餐、优惠、商家、微博、关于等几个模块构成，前台展现上根据信息的重要性以及属性特征制定好详略得当的交互框架，数据则由商家根据线下活动和后台即时更新。

商城App内容结构

龙湖星悦荟App典型界面

龙湖星悦荟App后台录入界面截图

商城类App，与商城整个线下经营以及对App的需求定位密切相关，2012，彩程再接再励，正应客户要求，着力打造一款涵盖商城信息、会员服务、二维码与在线分享的全新App，实现客户、商家与商城之间的互动与多赢，相信它出场会更为惊艳和值得期待。：）

龙湖北城天街的app视觉设计部分终于收尾，从最初的版本到现在已经发布的版本，中间经历了种种蜕变，今天做一个回顾和整理，记录这次的经验和心得。

赏心悦目的视觉设计是app品质加分的砝码。一个app在整个逻辑架构清晰合理、设计出色的前提下，如果能给大家展现一张漂亮而生动的脸蛋那就再好不过了，秀外慧中的美女总是得到更多的青睐。针对客户的气质来确定基本的配色和风格：龙湖是一家全国知名的地产公司，“天街系”是龙湖的商业旗舰产品，由大型高档百货、餐饮、娱乐等各种商业形态组成。 城市化、 现代化、时尚化、精品化是我给它的定位，界面也应该是走这种风格。

与客户的良好沟通应贯穿项目始终

配色部分经历的波折比较多，由最初的红色加灰色到中间的龙湖logo色系，再到最后深灰和近白色，之前由于没有与客户建立起沟通渠道，造成了大量的资源浪费。

设计一个简洁大方又生动活泼的ICON,视觉元素的数量要做减法，质量要做加法

icon的设计使用了龙湖北城天街已有的logo，最初我尝试了把这四个彩色的圆形放在一个有材质感的背景上，但是出来的感觉并不好，比较平淡。后来分析了龙湖本身的气质是偏年轻时尚化的，icon的视觉应该是干净明朗充满青春活力。这和苹果的设备本身的气质也很相似，我决定就在这四个彩色圆形上做修饰，让它看起来精致清爽。既然不加其它元素进去，就必须让logo来出彩，给它加上晶莹通透的水晶质感，logo就立体鲜活起来,再配以淡淡的浅灰作为背景，它有了明亮的色彩和亲切的气质。

细节决定整体的品质

一个好的视觉设计可以是恢宏大气的，也可以是温馨雅致的，不管是注重材质的实景风格，还是率性写意的涂鸦风格，细节的处理展现出的是品质的高低。小到一条有虚边的边线也会让品质大打折扣，app的视觉设计必须精确到像素级，要确保界面中的每一个像素点都完美无缺。

出现虚边的情况总教人尴尬，除了反复地将图片放大来检查以修正虚边之外，还要感谢Photoshop形状工具有一个Snap to Pixels功能。

图文排版要考虑的不仅仅是漂亮，还要考虑用户的视觉感受和页面的容量

按钮要多大？文字选什么字号？界面的布局是否合理？如果这些问题让人困扰，除了请教有经验的前辈，实践也能出真知。把设计的界面导入到设备上，用眼睛看，用手指去测试，看是否可以不费力地看清屏幕上的文字，看界面的布局是否让人感到舒服。用这个方法测试， 看是否能准确地点到目标区域 。我发现在iphone界面上字号在22以下的hei字体和ipad界面上12以下的hei字体的文字看起来就很吃力了，应尽量避免使用这样小的字号。那么是否字号越大就越好？在这个app的商户页面，要在商户的logo旁边写上商户的名称，最初用来做demo的“百丽”只有简洁漂亮的两个字，使用60号的hei字体真是再漂亮不过了。不过很快发现商户的名称有很多长串的，最长一个 护肤中心的名称有12个字之多，所以我以这个最长的名称作为参考对象，测试后选择了40号的hei体。

一个优秀的设计是在倾听客户、理解项目的基础上才有可能建立起来的，简单清晰、有人情味儿的逻辑架构是判断设计成功的标准，与团队成员的默契合作也是必不可少。植根于用户体验的设计，一定要把自己当作产品的用户，从一个用户的角度去思考，这样才能评估出产品是否优秀。

#重庆龙湖北城天街#App是彩程为重庆龙湖地产打造的专属品牌商圈类App，通过它你可以了解到重庆龙湖北城天街最新活动、商家折扣、优惠券和其他相关信息。目前iPhone版已在苹果应用商店上架，欢迎点击此处下载。

转载果合为彩程设计CTO Shawn作的一篇专访，原文点此处进入。

Shawn来自于国内交互设计团队彩程设计。他是一个不折不扣的技术派，设计开发了数个 iOS 的应用。也同时精于交互设计，提出了很多关于移动应用设计方面的精彩见解。同时，他还喜欢自己制作音乐、远足和品茗。你会在下面的访谈中看到他对移动应用开发和产品设计方面的见解。

你怎样得到应用的设计灵感的？

两方面吧，一方面是通过多看别人的作品，并且不限于同类作品。一张CD封面，一幅油画,一张照片都有可能成为设计的初始灵感。另一方面就是大自然了。我很喜欢徒步去无人的高山中住上几天，保持所有的事情都以简单的状态存在，也许这是我的另一个灵感之源吧。

你的设计或者开发流程是什么？

我们的开发流程分为几个步骤：概念 > 低保真原型设计 > 高保真原型设计 > 交互原型设计 > 编码测试。至于编码和测试，任何一本从0开始学XXX的书都会花很大的篇幅介绍这方面，我就不浪费口舌了。

在我们的流程中，简单地介绍一下：

1 – 概念设计首先是个发散的过程，我们会不考虑任何约束（无论是营销、设计还是开发）的情况下设想功能。通常这个阶段的结果就是一个”要你命3000”级的概 念（当然，这不是产品）。其次是个收敛过程，我们会选定一个痛点（没错，只选一个），然后把所有的发散聚焦到这个痛点上。若有不能聚焦的部分，就砍掉这部 分。

2 – 低保真原型设计是把概念设计落实到实处的一步。这步决定了每个特征页面上的信息元素，以及特征页之间的关系。这步十分重要,因为它决定了这个产品最终该怎么耍。

3 – 高保真原型设计是通常意义上的视觉设计。它最终决定了产品是什么色系，长什么样。

4 – 交互原型设计是把高保真原型的结果放到实际设备中，拿在手上实际操作。这步会发现很多视觉上的设计错误，例如按钮的大小是否合适，按钮的位置是否合适。等等。

概括一下，概念设计决定了产品的精，低保决定了产品的神，而高保决定的是产品的皮肉，最终交互原型让她活起来。

你给应用开发者的三个建议是什么？

1 – 有且只有一个重点。详情在《iOS App 体验设计》这篇文章中提到。

2 – 先设计后编码。即便是看起来这个应用是多么的简单。

3 – 扩展知识面。设计的哲学是一个产品的灵魂，而灵魂不是由C++或ASM获得的，而是也许完全不相关的东西（例如音乐）。

你的 iPhone 的首页上有什么（你最常用的应用是什么）？

系统工具：备忘录、Mail、日历、音乐 其他的有：

• Reeder （看RSS利器，设计十分棒）
• Evernote （绝对的天天使用）
• 微博
• 微信
• Photosynth （全景图拍摄工具）
• Keynote Remote
• Wunderlist
• ProtoView
• DoodleJump

你最喜欢读什么（博客和书）？

我喜欢读的都不是一些技术性的（当然我也读技术性的，但并不能算喜欢）而是一些设计和哲学方面的。博客不太固定，但是比较喜欢 Smashing Magazine、Signal vs. Noise、Derek Sivers。其他的一些就不相关了，例如音乐方面的。

关于书，和行业相关的：

• Zen of Palm
• About Face
• Getting Real
• Rework
• The Design of Everyday Things

不太好把喜欢的书全罗列出来，和彩程设计的其他人比起来，我读书并不太多。

你是如何发现优秀应用的？

一般是逛 App Store疯狂下载试用，或者通过 RSS 订阅中发现。我订阅了一些 App 设计师的博客，例如 TapTapTap 的设计师 Devin

你工作用的软件和硬件是什么？

软件：

• Adobe: Photoshop, Illustrator, After Effect
• Apple: XCode, Logic Pro
• Ableton Live
• ScreenFlow
• Espresso
• ProtoView for Mac

硬件：

• MacBook Pro
• MacBook Pro（黑色版）
• Dell U2410
• Apple Trackpad（我已经很久没有用鼠标了）
• M-Audio ProFire610
• AKAI APC40
• Roland A-800Pro

你如何比较不同的移动操作系统平台的产品开发的差别（尤其是 Android 和 iOS）?

其实，我到是没有觉得操作系统会给产品的设计方法带来差异。毕竟产品的设计是针对人的，而不是针对所使用的技术。喝豆浆的时候，人们都关心的是豆浆 好不好喝，谁会管是机器研磨的还是用磨推的呢？我认为在产品的设计也不应该去关心技术本身。虽然产品设计会受限于技术，但是技术不是前提。

至于要对比 Android 和 iOS 的话，有个有趣的现象： Google 是技术引导型的公司，Apple 是设计（或者说体验）引导型的公司。这种基因会传递给他们的产品，例如 Android 是技术引导型的，而 iOS 是设计引导型的。更有意思的是，随之两个平台吸引了不同的人群：Android 被很多技术人员追捧，而 iOS 吸引的更多是设计师。于是两个平台的产品就天生性地带有一类气质。

作为一个技术的 fans，我很喜欢 Android，喜欢开源，喜欢所有可以折腾的东西。但是如果当我作为一个产品设计师的时候,我反感这一切。毕竟在吃包子的时候，使用了更先进的技术生产 的包子并不能改变你在味觉上的体验。同样地，那我们到底是在吃包子呢？还是在吃包子的生产技术？ 我认为这是个关键。

因此，如果把 iOS 比喻成 Leica M3，Android 比喻成 Canon 5D，而我是摄影师的话，我当然希望大家欣赏的是我的摄影作品，而不是我摄影所用的 Leica M3。

iOS APP体验设计不像互联网的体验设计那样，有一堆的方法论和可以“借鉴”的案例。 目前除了苹果的<Human Interface Guidelines>和前Palm的<Zen of Palm>外，没有找到更好的设计哲学和方法论。

事实上，即便认真地研读了HIG和Zen of Palm，甚至是Oolon Colluphid的哲学巨作你也无法严格按照Guideline设计出一款出色的APP。其原因，我得从程序猿和设计湿说起。

程序猿 vs 设计湿

最被思想处于上世纪初的人理解的软件设计开发是由 1. 美工 2. 程序员 3. 项目经理 构成。我这里讲的设计湿不是美工！这是前提。因为美工只关心好不好看，他们几乎不关心（或者不懂）产品的易用性。

如何鉴别程序员和设计师呢？ 你无法用会不会写代码来区分他们（毕竟很多设计师是会写编程的，例如彩程设计的设计师们，反之亦然），但是你却可以用通过他们平时思考方式来区分他们。

程序员： “哇！这个功能好！我们能不能在我们的APP中加上呀？”  这种场景常发生在他们看到了一个很 “COOL” 很 “绚丽”的APP后常发出的感叹（或者心里的感叹）。

设计师答：“我们凭什么要加这个功能呢？”

程序员更倾向于关注功能本身，希望把所有好的东西都加到自己的作品中。例如，好的设计模式，高效的算法，看似绚丽的特效。一般程序员的作品有两类，第一类是功能比北京的车子还要多，你需要一本牛津字典一样厚的说明书才能搞懂如何使用。另一类有十分绚丽的特效，界面飞来飞去，一走神就以为自己在耍杂技了。

设计师更倾向于关注产品整体，他们通常都有产品的功能洁癖。他们通常会从摄影中找到共鸣： 一张好的照片有三个要素  1.有一个鲜明的主题。 2.  画面中的元素可以快速地把观众的注意力转向这个主题。3. 只有一个主题，所有有主题不相关的重点通通砍掉。

不幸的是，很多iOS的开发者是从程序猿跳出来做的。 泪流满面地用咆哮体高喊 “我们程序猿也终于可以赚钱了！！！有木有！！！有木有！！！” ， 于是他们做出来的东西可以用下图简要地说明：

没错！问题不在于功能是不是足够的多，而是体验是否足够的好，是否能解决问题。而尤其在做iOS的APP设计的时候，由于设备的本身特点直接决定了设计完全不同于网站的体验设计。

我们认为，主要区别有以下三点：

1. 视觉焦点&操作焦点

所谓视觉焦点和操作焦点的问题，我们可以从传统的电脑使用说起。 我们控制电脑通常是通过鼠标， 手用鼠标控制屏幕的指针， 移动到某个位置， 点击、双击、拖动等完成操作。 我们看到的是屏幕，操作的是鼠标。我们的视觉焦点是屏幕，操作焦点是鼠标。属于视觉焦点和操作焦点不同的类型。

而有触摸屏的设备和电脑最大的一个区别就是它们的视觉焦点和操作焦点是同一个点。 因此，我们想打开一张图，只需要用手点一下图。

视觉焦点和操作焦点同一的最大好处就是十分容易学习使用这类设备。但是正是因为两点同一，当我们在操作的时候同时也会挡住焦点。

这一特性会影响到很多UI设计，例如：拿出你的iPhone，把手放在iPhone上，你会发现你的iPhone最大宽度也就4个手指的宽度。

我们用圆圈代表被挡住的区域，其中绿色区域是安全区域，代表我们心理上认为一定可以准确地点到的区域；而黄色区域代表我们心理上会有点忐忑，不能确定是否能点中的区域。例如某拍照软件的设计：

没错，问题不言而喻。 从UI的设计上来看，如果是个网页的话，视觉的确没什么问题（当然，删除按钮放在修改的旁边本来就是愚蠢的做法，这一点就先不说了）。但是由于视觉焦点和操作焦点同一的原因，点击修改就变得十分困难与紧张，何况旁边还是一个删除按钮。

2. 空间感知

传统的互联网网页间的跳转，我们都熟知的是利用链接。链接可以在整个网站甚至是网站间任意跳转，点了链接后就进入了一个全新的空间。空间感知为网状的，没有头没有尾，在任意一个点通过网址都可以进入。

在移动设备的应用程序设计中，进入APP通常都是一个固定的点，每个操作就带入另一个空间，如果失去了空间感知，就像失去了地图，用户会很容易有迷失的感觉。

而由于屏幕的大小等因素，APP不能直接告诉用户空间是什么样的，但是可以通过各种手段来给用户以暗示。例如：

Camera+中，两个主要的场景，一个是拍照，一个是照片管理。两者之间空间是上下的关系，当用户在拍照场景下点击相册时，界面会向上推动显示照片管理的场景。反之亦然。此时向用户暗示的场景如图所示：

更复杂一些的空间暗示，如Reeder iPhone版。空间中的每个位置十分清晰，并且用动画的方式流畅地向用户暗示这种空间感。不仅如此，Reeder iPhone版的加星去星的空间感知不是上下左右，而是前后的关系。请自行购买后体验。

除此之外，Reeder iPad版本和Our Choice的空间感知也做得十分的棒。以Our Choice和Reeder iPad为例（视频）。Our Choice在选章节的场景进入章节内文时，选章节的场景会缩小，通过“近大远小”的常识在一个平面内暗示两个场景间的空间关系。 Reeder 也采用了类似的方式。

3. 体位化设计

以iPad为例子，通常我们使用iPad的时候有两种体位，第一种是把iPad放在桌面上进行操作，这种体位使用APP，无论按钮在哪里，点击都需要用一只手完成，两个步骤间的按钮距离远近也不会成为负担。 而当手握着iPad的时，这种特殊体位，问题就出现了。

（如果你有手机，请现在拿在你的手上）倘若你只希望用一只手完成操作，你会发现，你用大拇指点击屏幕中所有点，却只有绿色区域是很易点击的。如下图所示，iPad的易操作区域也是分布在弧形区域内。

接下来用一个视频还说明坏的体位化设计和好的体位化设计的区别。

前半部分坏的体位化设计，是因为设计没有考虑到操作姿势，以至于左边一排不常用的功能占据了最重要的黄金区域，而常操作的区域却远离易操作的区域。 操作起来就比吃掉一只死苍蝇还难受。 而后者，好的体位化设计，所有的常用功能，一只手，不需要太多移动就可以全部完成： 上篇文章，下篇文章，标记未读，标记加星。

当然，如果你是我们《牛壹周》的忠实读者，那你一定记得我们的风火轮（详见牛壹周1.2之无敌风火轮）和一阳指(牛壹周1.1更新手记)？ 没错，我们坚决地去掉了一阳指，因为这是一个漂亮却难用的设计（至少不是一个好的体位化设计）。 我们在架构上保留了风火轮（当然，只是在程序中保留，但并未启用），因为这是一个很好的体位化设计案例。 例如，在阅读杂志的时候，我们常要翻下一篇文章，传统的操作是先进目录，然后再找到要看的文章，再跳转。 而使用风火轮，如视频所示，你的手完全不用离开屏幕，无论你的手有多大多少，无论你是左撇子还是右撇子。

在即将发布的iOS5中，iPad的键盘设计也很好地体现了所谓体位化设计的精髓：

结束语

iOS设备，甚至是包括Android在内的所有移动设备，他们都因为独特的使用场景，似的设计不同于网页设计。 很多“美工”，甚至程序员从网页设计转变角色来设计移动设备APP时常忽视这些隐形的因素，最终导致产品设计水平难以提高。如果说近年来交互设计师在网站设计中的地位越来越高，那在移动设备的设计中，他们的地位会更为重要。视觉焦点/操作焦点、空间感知和体位化设计这三个iOS设备的特点事实可以类比到Android甚至更多的设备中，当然也不局限这三个特点。

当然，也正是因为这些原因，当我们听到别人兴奋地告诉我们：“哇！HTML5可以做到所有设备自适应ye~”的时候，我们通常是不屑，心里默想“程序员！”。 当然，这里并非贬低之意。只是，有一点不得不承认，不同尺寸的设备，不同的分辨率，若想获得最好的体验，“自适应”让机器适应了却让人难以适应。例如一个按钮本来有1厘米高宽的，一个自适应，在iPhone上就只有原来的1/3时，你叫人怎么点击？ 当然这样的例子很多。 大多数这种不花功夫还大赚的宣传，就犹如电线杆贴满的小广告，通常都是缺少优质应用的病入膏肓的硬件厂商为了快速解决痛楚而买肾的做法。当然，对技术敏感的工程师就不自觉地帮着一起吆喝罢了～

我们彩程设计对移动设备还会持续观察思考。更多的设计方法和哲学会持续和大家分享。 敬请关注。

把杂志扔到iPad中不是电子出版的救命稻草。当决定用你的出版物进军iPad前（其他平台亦适用），选择合适的方式展现内容至关重要。

分类

目前iPad电子阅读分为三类：社会化阅读，精品阅读及书籍阅读。

1.社会化阅读

所谓社会化阅读主要是利用读者的碎片时间通过从twitter/微博中获取最近大家关注的主题作为主要阅读内容的阅读方式。这种方式的最大特点就是传播速度快，但是缺点正是因为快速的传播，内容质量难以控制。这种方式更像传统中的报纸。代表APP有Flipboard和国内“引进版”Zaker。

2.精品杂志阅读

精品阅读相比社会化阅读，最大的差异在于精品阅读的内容往往是通过编辑人员根据刊物定位，进行采编排版过的。但是由于编辑的采编，内容的传播速度会比社会化阅读慢。 这种方式类比传统中的杂志。代表APP国外的有Wired, Pop Sci；国内的有Milk Mag, iWeekly等。

3.书籍阅读

书籍阅读是最接近传统的方式。 其内容几乎是和现实生活中的书籍同步上架的。其代表阅读器有iBooks，以及一些零散的书籍。

对比

从出品的速度和内容的质量上来看，如下图左所示：

社会会阅读最吸引眼球，因为主要是以新闻和八卦为主，但读者很难在上面获得高质量的内容，尽管传播速度很快。而杂志阅读相比社会化阅读因为存在编辑的后期编辑，出品速度会下降，但质量可以控制在一个相对较好的水平。而书籍的出品速度十分慢。上图右列举了一些APP所处的位置，当前美国榜单的Top1《Our Choice》花了很长时间策划和编辑，但内容质量十分出色。相比之下，著名的美国杂志《Wired》的时效性要强一些，出品速度也比书籍快。国产原创品牌《周末画报iWeekly》在杂志质量和出品速度上做了一个折中，将杂志的内容碎片化，每个栏目可以独立更新。最后炒的火热的社会化阅读以《Flipboard》为代表，虽然看起来像杂志，但是无论如何机器自动选择和排版的最终也只能是做到“看起来比较像”。

我们的“百家争鸣”iPad杂志出版解决方案目标在于缩短精品杂志出版流程中发布时间，同时让添加杂志交互变得更容易。

按步骤详细说明一下流程。

采编 & 排版

这个步骤是和传统出版里一样，并不可少，也没有任何捷径。无论选择什么技术方案也并不能让这两部变得更简单，即便选择“百家”。

但是和传统出版不一样的是，iPad上的杂志采编和排版需要充分考虑iPad的特性。文字太多会让阅读变得枯燥，排版不合适也会让阅读变得痛苦。 （关于根据iPad特性的排版电子杂志的讨论会陆续发博）

采编和排版的工具有很多可以选择。 只要这些工具可以生成PDF即可。例如，Microsoft Word, Publisher, Apple Page, Adobe InDesign 等等。 我们的推荐是Adobe InDesign。

完成了排版后，固定尺寸的PDF文档上传到 “百家”平台 即可开始制作交互。

制作交互

如果说内容是赋予杂志生命的话，那适当的交互就是杂志的灵性。

使用“百家”平台可以轻松地在杂志上制作交互。我们的解决方案目前提供了10余种交互方式，未来还会继续丰富，每种交互方式都会独特的特质和用法（会在未来陆续介绍）。在完成制作后，可以下载杂志样刊，使用 “争鸣阅读器”预览样刊。

需要特别强调的是，如果在适当的时候做出恰如其分的举动，我们称之为“有灵性”；而有的一直在动，但是就是没有动在点子上的，我们称之为“多动”。

恰如其份的交互例如有：

• 在介绍即将上映的电影的文章下方就是电影的预告片
• 介绍某旅游圣地的文章中的插图可以全屏放大
• 在杂志导读里加入读者邮件反馈
• ……

有的是编辑自己暗爽，但是没有一个人在使用的，例如：

• 文章后面的读者评论（拜托，你现在不是在做网站）
• 声称自己使用了超高级但是读者并不关心的技术（例如有人说使用HTML5是他们杂志的亮点。）
• ……

有的是第一眼看很爽，多用一会就觉得自己是在耍杂技，例如：

• 阅读杂志时需要缩放杂志才能看清（甚至看不清-.-）
• 进入页面时甚至标题在内都在做动画
• 需要不停地旋转iPad才能完成阅读
• 阅读时需要使用横向滚动和纵向滚动（你甚至会觉得自己在走迷宫）
• ……

关于iPad电子杂志的交互，我们会在未来详细讨论。

发布

在完成了样刊的校对后，你终于可以把杂志通过“百家”平台“发行”给读者了。问题是，读者需要用什么来阅读呢？

“百家”是条生产线，你的酒可以用“百家”来灌装。至于装的“瓶子”是什么样的，我们可以为您设计（当然，你也可以自己设计）。以我们为香港潮流杂志milk 定制的APP milk mag为例，从图标、启动画面、杂志架、杂志样式、甚至是阅读器的色系都根据milk杂志的定位和形象单独打造。读者完全找不到“百家争鸣”的影子。（详情你可以和我们电话咨询 186 0800 0015(刘畅)）

当然，如果你还没有找我们定制阅读APP，你依然可以发布到“争鸣阅读器”中，以便测试我们的平台，或者让其他人可以临时体验一下你的杂志。

甚至，我们可以把出版平台部署到你的服务器上，拥有对杂志的绝对控制权。

统计分析

我们的解决方案不仅提供了制作和发布的功能，同时分发出去的电子杂志还可以统计到下载和阅读情况。使用“百家平台”可以看到这些统计数据。

如果是定制的APP，还可以对某写文章或者广告做定点统计，以便编辑可以向读者提供更高质量的内容。

以上就是彩程设计的“百家争鸣”iPad电子杂志解决方案的主体流程。你可以访问“百家争鸣”网站了解更多详情。也可以电话垂询定制阅读器APP或者平台部署事宜186 0800 0015(刘畅)。

Q：“百家”是什么？ “争鸣”为何物？

A：”百家“是彩程设计自主开发的iPad电子杂志解决方案，由前端定制化iPad APP和后端“百家”自助出版平台组成，适用于杂志社、企业等专业媒体和团体管理和发布自己专属的iPad电子杂志。“争鸣”是我们配合“百家”发布的公共iPad杂志阅读器，该应用允许个人用户通过“百家”平台免费发布自己的电子杂志，以及在“争鸣”阅读器免费订阅自己和他人发布的电子杂志。

Q：在“百家”上发布电子杂志需要准备些什么？最终杂志可以具有哪些特性？

A：如果是企业客户，我们将按照您的需求为您定制自己独立品牌和外观的APP，前期可根据需求代为设计制作和发布杂志，企业也可通过“百家”平台自行上传PDF，设置导航和交互，查看每本杂志下载量、阅读量等统计数据。杂志可以拥有定制启动画面、自定义目录导航、微博评论、智能分享、邮件反馈、交互式广告、投票的特性，具体可参见演示动画：

Q：如何获得“百家”账号？

A：企业客户请联系客户专员刘畅（手机: 186 080 00015 Email: liuchang@mycolorway.com 新浪微博: @牛言），个人用户请发送邮件至team+ipad@mycolorway.com免费申请。

Q：如何使用“百家”发布电子杂志？

A：使用自己的账号登录“百家”自助发布平台（http://mag.mycolorway.com），按操作提示，简单两三步即可发布自己的电子杂志。

Q：你们如何看待iPad杂志又如何通过产品来体现？

A：“百家”是一个轻量级的经济型iPad电子杂志发布系统，基本的图文排版基于PDF（由用户自己搞定）；音视频素材，内部导航超级链接等通过“百家”平台添加；图片放大、音视频控制、亮度调节等阅读功能通过阅读器内建支持。

我们认为“上帝的归上帝，凯撒的归凯撒”，内容制作和渠道发行应该彻底分离，所以“百家”没有提供杂志的编辑排版功能，只提供了为杂志添加导航与交互、发布管理和统计等电子渠道及辅助功能；

我们认为基于HTML5的流式布局很难达到版式的精细控制，所以“百家”电子杂志选择了PDF作为内容基本载体；

我们认为杂志滚屏阅读和用户阅读“杂志”传统习惯以及心理模型不太相符，所以我们坚持让杂志有“页”的概念，iPad杂志中的一页，也就是PDF中的一页；

我们认为将传统杂志直接扫描后搬到iPad上阅读（基本上都需要再次放大）不是个好主意，所以“百家”建议客户针对iPad优化排版，也只允许上传iPad尺寸（1024×768）的电子杂志；

我们同时认为电子杂志的过度富媒体化也同样不是个好的趋势，视觉、听觉以及交互上的过份华丽其实会形成一种干扰和污染，让阅读体验适得其反，所以“百家”以适度交互和隐性UI为设计指导原则，在平台端，建立富媒体交互的通用法则；在APP端，更多依靠手势对杂志进行操作，把UI对内容和视觉的干扰尽量降低。

用一句话来说，“百家”是目前iPad电子杂志出版领域，在排版质量、交互性支持以及操作的简易性之间取得平衡性最好的一套解决方案。

Q：目前“百家”有哪些客户与案例？

A：目前“百家”iPad杂志解决方案的签约客户有四川新潮杂志社、铁皮人美术、时代记录和乐淘奇品网络等传媒机构与企业，已经和即将通过“百家”平台和发布的iPad电子杂志有《新潮》生活周刊、《蓝图周刊》、《爆笑西游》系列漫画书、《VECO》、《华大点滴》和《MILK》等。

最近收到不少朋友关于我们iPad电子杂志《牛壹周》以及“百家”的询问，问我们杂志为什么不更新了，以及为什么App在苹果在线应用商店里也都找不到了。

嗯，最近确实是发生了一点状况，鉴于一个月来的沟通和等待都没什么效果，我们最终决定写篇Blog跟大家聊聊。

2011年2月21日下午5点半左右，我们接到来自苹果北京办事处的电话，告诉我们应有关部门的要求，因为内容涉嫌敏感，《牛壹周》已在中国区（不包括港澳台）被强制下架；而同时被连累下架的，还有我们的商用App“百家”。

经过团队内部的认真讨论，我们迅速做出了自己的决定和反应：第一，停止更新《牛壹周》App中的杂志内容；第二，撤下“百家”中《牛壹周》的相关内容；第三，提交“百家”App的2.0升级版本；第四，积极跟苹果方面沟通，包括电话和邮件。

说得更严谨一点儿，这两个APP都不是被下架，而是针对局部地区被隐藏。2月22日，《牛壹周》V1.5（最后新版本）在中国区以外地区上架；2月26日，“百家”V2.0（目前的最新版本） 在中国区以外地区上架。因为这两个APP最为主要的受众都在中国大陆，被隐藏后，对我们的影响确实很大。

不太了解我们的人可能会问，《牛壹周》和“百家”到底是什么东西，又各自有什么样的关系呢？

我们设计和研发的“百家”，最早是一个针对个人的iPad独立杂志解决方案：前端有个聚合刊物的APP，后端有个自助出版系统——平板电脑带来了电子杂志业的革命，我们认为这也同样会催生个人出版的春天。

“百家”App，其实相当于是“百家”自助平台个人用户的内容输出端——个人用户可以通过给我们写邮件申请免费帐号，然后通过后台来管理发布自己的电子杂志；对我们感兴趣的企业客户也可以获得我们发放的帐号，自行完成整个产品功能和流程的完整体验。

基于个人用户的“百家”iPad电子杂志解决方案

而至于《牛壹周》，一方面是我们用来向客户展示技术和展现效果的样本刊物，另外一方面也是潜在客户联系我们的媒体管道。这两个App被下架后，对我们的业务推广也造成了很大的障碍，尽管我们跟苹果方面也进行了多次的电话和邮件沟通，但都没有回应。

《牛壹周》V1.5的新浪微博分享效果，屏幕中间会自动截取当前所在画面

从成型的产品和平台推出后实际运行的这一段时间来看，我们认为当初的定位确实过于乐观——不管是用户规模，还是进入门槛，其实都是瓶颈，加上言论管控等政治上的不确定性因素，这条路已被证明艰难而凶险。

一个月前，我们调整了“百家”的市场策略和面向的对象——从针对个人用户，转而针对杂志社、出版社等拥有内容和出版资质的企业客户：前端为企业定制自有品牌和某些特定需求的App，杂志内容则通过“百家”后台进行上传、设置交互、管理和发布——根据需要，该后台也可部署在客户自己的服务器上。

为企业客户定制的“百家”iPad电子杂志解决方案

为了更直观地说明通过“百家”解决方案来发布的电子杂志，最终在前端究竟可以具有哪些特性，我们以某一期《三联生活周刊》作为例子，制做了下面这样一个视频。

尽管推广遭遇了不少困难，我们依然与新潮杂志社、时代记录等机构和公司签订了合作，为他们提供包括设计APP在内的整套iPad电子杂志解决方案。新潮、VECO、华大点滴等App也都将于近期内在苹果应用商店上架。

为VECO杂志提供的设计示意

如果对我们的”百家”iPad电子杂志出版解决方案感兴趣，欢迎联系我们。

最后想说的是：我们只是一家技术提供商，无意涉足政治。我们知道在这个国家做点事儿特别难，尤其在涉及出版和意识形态的领域，但面对着全新的移动互联网，面对让信息更精细地被组织和传播，也更美好地被获取和体验的诱惑，我们正尝试着坚持得更久一点——至少，让那些被许可的内容先飞起来。

屋外炮声隆隆，又一年过去。年终岁首，想简单回望下彩程的2010——毕竟于我而言，彩程已非一家公司，而是一种生活方式。

年初的时候，我们引入了投资合伙人，在保留彩程原有品牌的前提下重新注册了公司。“彩程数字科技”从此变身为“彩程设计”，注册资本比以前大了一个数量级，公司也搬进了成都最好的商业写字楼之一的力宝大厦。

凭借2009年在移动运营商客户中打下的品质基础与良好口碑，2010年我们在运营商应用系统垂直领域的设计业务也一直开展得水到渠成——除了支持四川移动、云南移动、重庆移动等周边地区的移动项目改造，我们还承接了亚信杭州、北京移动、辽宁移动等更远地域的项目外包设计。有段时间，S、我、古灵、竞总、Maklu、小龙、Fish还有梅西相继打着飞的征战四方，团队一个月的机票费是两万块。

在这里，我想我们必须感谢我们最大的客户——亚信联创所给予我们的各种合作机会，尽管在过去的一年之中，因为产能的关系，我们所推掉的合作大大多过我们最终所承接的。

对于团队而言，过去一年里最大的收获，还是人——1月Shawn猛龙过江，2月Maklu前来报到，5月小龙应召入伙，10月ET越洋而至，12月豪哥重新归队。

当一群才气相当、意气相投的人聚在一起，会形成一个团队一家公司，同时也会形成一种气场一些态度。

比如，一方面我们觉得通过给一些优秀的公司做设计外包来获得收入是“把事儿做对”了；另外一方面我们觉得不仅要挣钱还应该做点能表达我们对这个世界的善意、理解与期许的东西——我们称之为“做对的事儿”。

年中的时候，我们迈出了自己的第一步：做了一本iPad上的电子杂志——《牛壹周》。杂志办到年底，有了三万多个下载，四个版本升级，五万多次更新——这样的成绩，我们自己也有点小小的吃惊。杂志是免费的，但通过这本杂志，我们认识了很多有趣又有料的人，也享受了信息自由流动的快感，以及与用户直接沟通的酣畅。

后来我们再接再励，开发了“百家”APP与自助出版平台，协助个人与企业在iPad上编辑、发布和管理自己的电子杂志。我们运用这套系统不仅为多个商业客户打通了一条通往移动互联新媒体的管道，还帮几位我们所喜欢的知名作家免费出了他们作品的iPad版，比如冯唐老师的《冯唐文字》以及关军老师的《大脚印儿·奥运阴影下的2008》

出于对幼儿教育的偏爱，也因为某种机缘巧合，我们和成都插画出版届的老牌劲旅——铁皮人美术走到了一起。我们联合开发了iPad和iPhone上的一系列有声读物——包括已上架的《小鸡快跑》系列动画书（6本），以及年后会陆续上架的《中国神话故事》系列动画书（4本）、《爆笑西游》系列漫画书（8本）以及《漫画三国》系列漫画书（8本）。

《小鸡快跑》系列动画书自12月4号在APP Store上架至今，两度杀入新品推荐首页，在全球一共被下载七万四千多次，最高的一天，有六千多个下载——嗯，小鸡跑得挺快，接近贴地飞行。

过去的一年，对外打怪，对内升级——除了产品开发与外包业务，我们也一直在健壮自己的IT支撑系统：UI前端代码库平台“CCW UI”升级成了“有爱库”，项目管理软件“PowerMatrix”也升级成了“TeamCola”，而这些增强内力的修炼，也让我们有别于江湖上许多仅仅靠邪门兵刃与凌厉招数取胜的剑宗。

年假之前，我们上线了2010年内的最后一款iOS应用——“拜年财神”。该应用上线四天后，冲入中国区News & Worthy首页，娱乐分类第二名——对我们来说，这确实是一个Happy ending.

就像所有精彩的影片都有续集，这一年内我们所攒下的人品也还没有耗尽——2011年1月30日，也就是放假后的第二天，我们与行走在同一条路上却资源互补的新朋友敲定了一笔战略投资，同时也共同确定了一条驶向大洋深处的新航路。

蓝海深处的宝藏与海妖正在向我们发出召唤，亲爱的彩程湾海盗们，新的一年，愿我们志趣不凡，所向披靡，Color～Our～Way～

2010年，是我们团队驶向移动互联网的元年，在这一年里，我们为大家带来了“牛壹周”、“百家”、“冯唐文字”、“小鸡快跑”等作品，而在2011年的开年，我们想用一枚“拜年财神”带给大家来自彩程的新春祝福：

爱心厨艺大师Fish给您拜年了～

愤怒中年老妖给您拜年了～

交互帝多发给您拜年了～

来自传说星球的Shawn给你拜年了～

快要当爹而经常迟到的S给你拜年了～

喜欢小猫及beky的小滨滨给你拜年了～

愤怒的小马给你拜年了～

外星人给你拜年了～

卖萌王小龙给你拜年了～

闷骚男aben给您拜年了~

川大的给你拜年了～

考勤王+流程王古灵给你拜年了～

——————————————————–我是分割线——————————————————-

我们的拜年财神带给大家的第一份礼物，是来自全国各地的祝福话语，晃晃手里的拜年财神，他就会选择一种他认为足够搞笑的方言为您送上新春祝福，当然，您也可以在您的亲朋好友面前晃动财神，把这份祝福送给他们。

晃动财神，即可用66种方言为您拜年~

我们的拜年财神带给大家的第二份礼物，是能够让您获得成为财神本身的能力。点击左下角的拍照按钮，您可以使用设备自带的拍照功能将您或者您的朋友变成拜年财神，给大家拜年。当然，成为拜年财神是有代价的，您需要接受一副香肠嘴，才能获得给大家用不同方言拜年的能力，嗯，您就忍忍吧～

把你或你的朋友变成财神，然后让他/她传播新春祝福吧～

我们的拜年财神带给大家的第三份礼物，是分享功能。点击右下角的钱币按钮，您可以将您的拜年财神通过Twitter、新浪微博、Email三种方式分享给您的亲朋好友，让也许不在您身边的他们也能收到2011兔年的您的祝福。

多种渠道传递你的新春祝福～

拜年财神已在App Store上架，请点击购买。也欢迎您关注我们的Twitter或新浪微博，获得拜年财神的最新消息。

最后，让我们来看看在2011年新春，谁的拜年财神拜年次数最多吧～