手機的新 home 版面設計


早前仿 metrostation like 手機 icon 的樣子, 自行 diy 了一套, 總共制作了2百多個 icon, 主要用途是預算用在第二次設計的 home 版面使用, 但其實實際使用的 icon, 自己預計也不會很多, 只是一次過制作, 不想再翻手吧.

使用了 android 手機不是太長的時間, 只是大半年而已,  但一向也是堅持要有自己個性的版面, 所以一開始便仿其他設計勁人, 制作了第一個自我的 home 版面

橙色底色, 白色圓 icons, 簡潔為主的設計

第一次的 home 版面是以橙色為主色, 而今次的設計, 一早已確定是使用深色系列來表達, 同時手機一併升級到了 ICS 4 的系列, 所以來一個大翻新吧!

設計的概念, 首要一個可以改變版面格數的 launcher, 自己一向使用 go lanucher, 所以沒有太大問題, 而 go launcher 可以設定的格數, 亦比其他 launcher 為高, 以自己為例, 版面的格數達到 10 x 7 格

因感到現今的預設版面, icon 太大了, 能發揮的區域控制太了, 格數越多, 可以變化越大

用了幾星期的時間, 斷斷續續的制作, 差不多完成了, 當然設計只是用在自己手機上, 所以主觀地切合自己的使用習慣, scroll 左邊第一頁是攝影用的 app, scroll 右邊第一頁是打出電話用, 其實可以變化的空間很大, 這次是使用了流行了數年的 grunge style, 深灰色主題, 灰色 icon. 而版面上的 widget, 和早前橙色系列一樣, 主要要找尋可以設定透明背景的 widget, 才不會破壞自己的預定設計

第一張是簡單的 lock screen ,  只有時間日期電池餘量等等, 自己鍾愛攝影, 當然以自己拍的相片制作, 這一個版面要利用 widgetlocker 來完成



第二張便是 home 版面的首頁, 一樣是沒有太多太密集的擺位, 承繼上次橙色設計的一樣, 以簡潔為主, 意味著要用的 home 版面會較正常為多, 而另一重點是, 經常使用的 apps, 都可以在 home 版面找到, 不用進入 app drawer, 因為 app drawer 只能有限度改變他的設計或擺位 ( 是 launcher 的 "主題" 控制著 ) , 所以前題是儘量不進入 apps drawer, 以免破壞了整體的外觀, 待我可以更進一步, 學識如何改變 app drawer 的設定時, 才一次整體改善



home 的第 2 版面是最常用, 用來放置攝影 app 的版面, 最常用的也放出來了, 少用的 apps, 放在 folder 內. 設定 folder 的 widget 是 simifolder


home 的第 3 版面是 social network 的版面, 大圓的淺色半透明 facebook / google plus 圖案, 其實就是開啟這兩個 apps 的 icon, 其餘常用如 whatsapp / line 等等都有放出來, 而 dolphin HD 這個字, 是開啟 dolphin browser 的 文字 icon, 文字 icon 如坊間般常用的 minimalistic text 制作



home 的第 4 版是新聞 rss 的頁面, 沒有甚麼特別, 用來觀看即時新聞, 使用的 widget 是 scrollable rss



home 的第 5 版是 music player 的版面, 還加上一個 multimedia 的 folder, 控制手機內的 music player, 這個 widget名稱是 plug in music widget , 這個 widget 最麻煩是只有白色的顯示, 自己手機設計, icon 是灰的, 所以這一頁的 contrast 太大了, 如果這個 widget 可以設定 symbols 顏色, 就可以完美配合 



home 的第 6 版是 folder 的版面, 主要是 app folder, 不同種類的 folder 放不同的 app, 垂直的文字是文字形式的 folder icon



home 的第 7 版 是打電話用的, 圓形圖像的 direct dial, contact, 或常用電話的 folder 等等, sms 也放在這一頁



home 的第 8 版, 也是最後一版的, 是行事曆的一版, 亦沒有甚麼特別



大家不要被這些版面嚇怕, 這麼多版如果操作, 其實左右 scroll 計, 也不是太多的版面, 只是左或右推數頁便可以去到自己想要的一頁~ 當然更有更快的方法, launcher 提供了 page indicator, 但如果使用了 page indicator, 一樣會破壞了整體的設計

還有其他方法快速去到指定頁面的, 但不在這裏解說了, 因 android 就是多了這麼多的設定 ( 當然仍舊很多地方未完善 ) , 可以變化的部份是十分多.

如果有細心留意, 我在每版的右下角, 也加上一個暗色的細 icon, 這個 icon 作用是一個預定的 launcher  shortcut, 快速回到 home 首頁的 shortcut , 回到 home 首頁, 再按右下角的細 icon, 便可以進入原來的 app drawer ... 

制作這個設計其實不是太難, 因為名義上雖然可以自己制作, 但其實還是有很多限制的, 如果未來的 app 更完善, 變化應該可以再大

本身手機不同的 widget ( 要自己install ) , shortcut, folder 等等的工具, 基本上很簡單已可以設計自己一個獨特的版面, 設計出獨一無二的自己設計, 其他系統暫時不能夠比擬, 而過程也不是十分困難, 主要是用時間試一些不同的 widget 效果~ 

自己使用了來制作的 app / widget 如下

go launcher  ( 其他都可以, 主要可以設定 home 版面格數, 和隱藏 notification bar 及 status bar 這些功能便可以了 ) 
widgetlocker
simifolder
desktop visualizer
pure grid
minimalistic text
plug in music widget
scrollable rss


自行 diy 的 icon



如果同是 android 的朋友, 可以利用空閑時間, 自行簡單設計一個合自己的 home 版面, 世上便有了一部獨一無二的手機了 

回味第一個 home design, 以橙色為主 

未來可能還會制作第三個設計, 預算會回復圖案化, 但簡單的設計, 但有待相關 app / widget, 功能再強大一些再打算吧, 例如如果發展到每一個 home 版面都可以設定不同的 wallpaper, 不同的格數, 這樣在設計時, 靈活很多倍, 現在已經見有一些 launcher, 可以重疊不同的 widget, 不受格數限制, 所以未來一定可以改變得更完美


如果大家還有興趣, 可以到下列網址, 參考世界各地其他人的設計


留言

此網誌的熱門文章

又黎 DIY, filter holder for panasonic 7 - 14mm ultra wide lens

讓沒有無線連接的DSLR相機也可以用無線連接 TP LINK TL-MR3040