雖說這是個設計方面的部落格
但是認識我的人應該都知道
我其實還蠻愛寫程式的
(畢竟我還是個電機系學生嘛這算半個本行)
(對,你看的是個電機系寫的 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 被用紅線畫掉寫 Deprecated in iOS 6.0 了)
另外,新的 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
0 意見:
張貼留言
如果想說就說吧!留言使文章更完整(官腔個鬼)