iOS 開發：Swipeful 開發心得 ~ Photoshop 私藏筆記

雖說這是個設計方面的部落格

但是認識我的人應該都知道

我其實還蠻愛寫程式的

（畢竟我還是個電機系學生嘛這算半個本行）

（對，你看的是個電機系寫的 Photoshop 教學但拜託不要轉台謝謝）

而就在不久之前我也在 App Store 上架了一個小程式：Swipeful

這個 App 主要是個 Google Reader 的閱讀器

（不知道或沒在用 Google Reader 的捧油可以看看這篇：

你為什麼還不用 Google Reader ？新介面與舊功能完整心得分享

雖然有點舊，介面也不一樣，但基本上功能差不多）

最初是因為我實在不喜歡無止境的向下捲動

所以重新設計了一個介面

功能簡介

操作相當簡單

登入 Google 帳號之後，它會開始找你在 Google Reader 裡的所有的訂閱項目

然後你只需要

點一下：閱讀文章

向右滑動：標記已讀（並載入下一篇文章）

向左滑動：稍後閱讀（並載入下一篇文章）

下面是一張功能簡介的圖片

起源

一開始為甚麼我會寫這個 App 呢？

當然這點子是早就有的

但最開始會去寫它是因為我上了「計算機概論（簡稱計概）」

而老師要求我們要交期末 Project 題目不限

我覺得寫一個 App 很威風所以就寫了

現在想想，如果我是靠著興趣去寫這個 App

考慮人的惰性大概要花一年才能寫完吧

中間如果不小心遇到 iOS 或硬體升級還會哭哭

（例如現在的 iPhone 5 變得好長啊好想哭）（顯示為懦弱）

不過因為是期末 Project 而我又有非得在同學面前炫耀的壓力（這甚麼壓力）

所以我只花大概幾堂不專心的計概和一個星期六的早上

就弄出了一個雖然有點醜但可以 Demo 的 Prototype 了

成本很低因為計概其實...

...我是說上課是很重要的，各位（如果還是學生的話）還是要多去上課喔 >__^

心得

前面說到，剛做出來的 Prototype 很醜

其實基本上它是完完全全用 XCode 裡的元件拼起來的

沒有任何自己的 UI 設計

不過這絕對是好事情，因為從這次的開發經驗中

我學到最重要的事就是

（早期）不要改 UI。

UI 包括介面的風格顏色和操作模式

一開始盡量使用原生的 UINavigationViewController、UISplitViewController

先不用去想 Navigation Bar 的背景或 UITableViewCell 的樣式之類的

而且最好不要太早開始寫新的操作模式

例如所謂的 Drawer / Slide navigation，在我的 App 裡也有出現

它最早可能是在 facebook 的 App 上出現的

也就是左上角有一個按鈕，點下去會有很漂亮的滑開效果。

不過這種東西請在製作後期再加上去

因為我當初就是太早寫了這個東西

讓我在更改程式的過程中，因為要維護特殊的功能而寫得很痛苦

另一件事情就是

用最新的 SDK

因為我當初還是個 iOS 新手，很多資訊也沒更新

一開始那個醜醜 Prototype 用的是 iOS 4

但是很多 iOS 4 的東西在 iOS 5 上面都被大翻修了

當然程式還是可以跑，但是 iOS 5 的程式寫法其實比較簡潔

而且如果 Apple 開發新的設計方式一定有它的道理

它理論上應該會比較方便，設計過程比較簡潔

何況搞不好再過一年的 iOS 7 甚至 8 就要完全拋棄舊的寫法了

（現在到 iOS Developer 的官方 Library 其實已經可以看到一些 Method 被用紅線畫掉寫）

另外，新的 SDK 也會有很多方便好用的新 Method

許多以往在 iOS 4 屬於痛苦的 hacking 技巧

（例如在 UISplitViewController 的 Portrait 模式裡，不用 Popover 而是一樣分開成兩部分，在 iOS 5 根本是內建）

當然，要用最新的 SDK 就要有心理準備要常常花錢錢升級作業系統

不過好在其實（相較於開發者帳號的年費）並不會太貴

而如果是在擔心「使用者還沒有升級 OS，造成不能使用怎麼辦？」

其實我個人覺得沒什麼好擔心的，iOS 6 甚至相容到 3GS

應該一個正常的使用者都會開開心心按下升級的按鈕吧我猜

（iOS 6 因為地圖的關係好像是個不好的例子... XD）

其他

現在這個 App 其實還沒有很完整

不過好像有個人說過

「如果你的產品不會讓你丟臉，那你就太慢了」

當初我為了求快速

甚至裡面的小 icon 都是用 Google Docs/Drive 裡的 Drawing 畫的呢

最近我如果有空的話也會開始著手一些小改版

如果有任何意見，還請大家不吝指教

（文言起來了啊怎麼回事）

結語

大家如果有任何想做的效果請到留言板來問我喔！

或是我的 Plurk：http://www.plurk.com/khdreamer

或是我不太知道怎麼用的小粉絲專頁：http://www.facebook.com/khdreamer

或是我比不習慣更不習慣的Twitter：http://twitter.com/khdreamr

或是社群界的晚輩但是一出場聲勢浩大的Google+：https://plus.google.com/106759031546928501237