從互動廣告到iOS開發(fā)
Cover Image Crafted by Wang Qi@DamnDigital
移動互聯(lián)網(wǎng)，正在真真切切的改變我們每一個人的生活，對你我正在從事的事業(yè)，都不能例外。那么，如何順勢而為，讓我們能夠在新的時代背景下游刃有余呢?
首先你應(yīng)當成為移動互聯(lián)網(wǎng)的應(yīng)用達人：擁有一款移動設(shè)備，并成為重度用戶。你得比你的客戶或目標受眾更加了解這種新的媒介。你要學會觀察和分析這些移動設(shè)備產(chǎn)品設(shè)計背后的精髓，包括但不局限于：
用戶手持設(shè)備的使用習慣；
屏幕尺寸限制對設(shè)計的影響；
多點觸摸的操作方式；
單窗口應(yīng)用和多任務(wù)的設(shè)計方法等。
此外還有GPS定位，陀螺儀等特有硬件模塊的玩法。
然后你還應(yīng)當看看Apple的人機交互設(shè)計指南，了解那些細節(jié)到有些龜毛的設(shè)計建議背后的理念。這也保證你在發(fā)想創(chuàng)意的時候不至于偏差得太過離譜。
此刻你一定已經(jīng)有了一個不錯的想法（或者靠譜的Brief）?，F(xiàn)在到了我們盡情發(fā)揮創(chuàng)意和設(shè)計才華的時刻。
流行如“下拉刷新”的操作可不是一開始就寫在設(shè)計指南里的，而是由與我們一樣的創(chuàng)作者想出來的絕妙創(chuàng)意。這絕對是重度用戶才能發(fā)想出來的直覺式設(shè)計的***范例。還有Instapaper客戶端的傾仰翻頁，以及前段時間非常流行的Clear式輕掃和捏合操作，也都代表了交互設(shè)計的***水平。 雖然在這個領(lǐng)域不乏一些專業(yè)的UI設(shè)計公司，還有各種互聯(lián)網(wǎng)企業(yè)的UED正規(guī)軍。但是在如何把移動應(yīng)用設(shè)計得有愛或有范的問題上，我們互動這行的設(shè)計師也不甘示弱。
我們看看私密照片分享應(yīng)用Path 2.0中的創(chuàng)新折疊菜單。吸引了不少眼球吧。而我們拿它回過頭來對比閃客們N年以前就已經(jīng)實現(xiàn)的各種動態(tài)菜單，其效果不也顯得黯然失色嗎。用戶在iOS應(yīng)用上已經(jīng)看了好幾年標準界面的產(chǎn)物，難免開始產(chǎn)生審美疲勞?，F(xiàn)在進入了重視用戶體驗的時代，互動從業(yè)者們在視覺表現(xiàn)和交互效果上的經(jīng)驗積累在此是一大優(yōu)勢。相比其他行業(yè)的轉(zhuǎn)型者們，我們更容易創(chuàng)作出令人驚艷的作品。
但是這里也要提醒大家，我們的這種優(yōu)勢有時候也是一種制約。視覺效果是一把雙刃劍，我們不能簡單把之前為互聯(lián)網(wǎng)做設(shè)計的經(jīng)驗生搬硬套到移動平臺上。我就見過為了展示些好玩的動畫效果，卻把用戶真正需求的東西放在流程的后面的錯誤做法。移動設(shè)備還受到屏幕和電量的限制，在具體設(shè)計中我們應(yīng)當把這些小亮點放在真正需要它們的地方，而把能夠提升用戶體驗的設(shè)計放在***位。
講完了設(shè)計層面，我再來談?wù)劶夹g(shù)層面。
在互動廣告從業(yè)的前端技術(shù)人員大都來自HTML或Flash領(lǐng)域，在面臨移動時代的轉(zhuǎn)型時，遇到最實際的是一個難以抉擇的問題：要重頭開始學習原生開發(fā)技術(shù)（Objective-C之于iOS，Java之于Android）還是延續(xù)現(xiàn)在的知識體系。這個問題沒有標準答案，而是需要與自己的職業(yè)定位結(jié)合來分析。
我們現(xiàn)在面對的是一個碎片化的平臺，原先用Flash技術(shù)覆蓋大部分前端需求的好日子一去不復返。最有希望的明日之星HTML5目前還受限于瀏覽器普及度和性能制約，尚不足以支撐原先在Flash技術(shù)上能夠達到的高度。而運用原生語言針對不同平臺進行定制開發(fā)的結(jié)果是成本和周期的成倍增長。Agency在這種達成目標與成本控制的博弈下，只能根據(jù)各種內(nèi)外因素自行權(quán)衡。大一點的項目能夠繼續(xù)鋪全平臺，而預算小的只能舍棄其一。
這里我分享一下自己的經(jīng)歷。去年我初次開發(fā)一款移動應(yīng)用的時候，首先選擇了JavaScript+PhoneGap的技術(shù)方案。
為了模擬原生的UI，在網(wǎng)上搜索對比了不少框架：
***選用Sencha Touch，一周之內(nèi)就把應(yīng)用做出來了。但是在開發(fā)過程中，我漸漸覺得用JavaScript做嚴謹?shù)拿嫦驅(qū)ο箝_發(fā)比較別扭。別誤會，我就是從學習腳本語言來入門編程的，對這類語言只有好感。我認為只有jQuery這種Write Less, Do More的思路才能玩出腳本語言靈活輕便的精髓，而用腳本去搞面向?qū)ο笤賮黹_發(fā)常規(guī)UI的軟件，還不如直接上原生的面向?qū)ο髞淼盟?。再加上后來遇到了難以解決的Mobile Safari內(nèi)存限制問題，最終我還是決定轉(zhuǎn)向用Objective-C開發(fā)。但必須說的是掌握一款JavaScript移動開發(fā)框架也是很有好處的，至少能夠很快的驗證產(chǎn)品的想法。
另外還有一個朋友與我分享的案例。他用AIR開發(fā)一款看美劇的應(yīng)用。首先嘗試用Flex自帶的Mobile組件，不出意外的各種卡頓。于是換用純ActionScript來做，由于缺乏基本組件支持只能基于AsWing來改。據(jù)說他已經(jīng)盡量的優(yōu)化效能，還是沒辦法完全達到原生組件的效率，在表格滾動的時候感覺特別明顯。這說明雖然語言遷移沒花費多少成本，但是在用AIR技術(shù)做移動開發(fā)，在具體操作上，還是有不少的坑要開發(fā)者自己來填。更別提每次上真機調(diào)試時候的各種不便了。雖然現(xiàn)在已經(jīng)有基于Starling的UI控件（GPU加速）和更加方便的USB調(diào)試，但是我認為Adobe在移動平臺上的作為還是慢了。
接下來談?wù)刬OS原生開發(fā)
很多人對其望而生畏都是被Objective-C怪異的語法給嚇到了。就我個人的經(jīng)驗，消除這種恐懼最直接的辦法就是找一段代碼到Xcode中照著打一遍。通過Xcode的代碼輔助功能幫助你理解Objective-C語句的結(jié)構(gòu)（當你親眼看到Xcode生動的匹配提示，你就會明白我的意思）。
一旦你熟悉了那些怪異的方括號語法以后，其他的就迎刃而解了。Objective-C 2.0以后對屬性存取引入了點語法，也縮小了與其他語言在書寫上的差異性。為此一些老派的Objective-C程序員還表示抗議呢。實際上大多數(shù)人在學會了Objective-C后，都會認同這個語言的優(yōu)雅設(shè)計。
基本語言入門了以后，我們就可以嘗試在Cocoa Touch框架上做些小例子。在網(wǎng)上的各種教程中***的是一套斯坦福的iPhone開發(fā)公開課教程。目前***的是對應(yīng)iOS5的2011版。授課的老頭功底深厚，講得很好。如果你是現(xiàn)在才剛接觸iOS開發(fā)的，建議直接學習iOS5以上的版本， 新增的一些高級語言特性會讓你的開發(fā)轉(zhuǎn)型難度更小一些。 老版本的教程就不要看了，以免在概念還沒形成的階段造成混淆。進展到下一階段以后還是免不了要和內(nèi)存引用計數(shù)機制等相對比較晦澀難懂的知識點打交道，但在那之前學到的知識至少能夠支持你寫出一款不錯的應(yīng)用了。
在此之后的修行就看個人了，伴隨開發(fā)生涯***的資料還是Apple的官方文檔。基本的視圖和控制器開發(fā)指南，事件處理機制等應(yīng)該熟讀N遍。像我比較關(guān)注表現(xiàn)層的繪圖和動畫技術(shù)，就要看Quartz 2D和Core Animation指南。其他的不同框架只要知道是派什么用途的就好，具體知識要靠在項目實戰(zhàn)中逐步掌握。全部通關(guān)一次至少也要1到2年后了。對游戲比較感興趣的就要去學習Cocos2D框架，據(jù)說和Flash還是挺接近的。
隨著技術(shù)研究的進一步深入，其實我們遇到的挑戰(zhàn)會更大。選擇了原生語言開發(fā)就意味著與眾多傳統(tǒng)編程領(lǐng)域轉(zhuǎn)型而來的程序員競爭，而且原生語言開發(fā)進階就不得不接觸越來越多的處于底層的技術(shù)。但是反過來看，如果沒有挑戰(zhàn)，不就沒意思了，不是嗎。
以上觀點純屬個人之談，希望對大家有所幫助，如有不妥之處歡迎留言指正。
