[教學]主題樣式設計教學及規範

[吉米丘]

由於我們有很多人對於自訂主題這件事情，很有興趣，那我們就開始分工合作

首先。我們先分享，怎麼樣設計主題樣式，並且該注意哪些，我們先以夥伴MeduZa的樣式tHe uRbaN LounGe，來作範例


首先，請先來這裡下載套件

解開後，你會看到一個目錄下面有個tHe uRbaN LounGe的目錄


目錄裡面的內容如上

製作開始前，請先記得，使用你熟悉的繪圖軟體，例如photoshop，然後製作24bit的PNG透明底圖的圖檔，記得大小做到60x60即可，不然看起來會太擠

接著在 "樣式名稱"的目錄下面有
---------------------------------------------------
Dock.png 這是下方電話、email、safari、ipod的下方那個dock圖
StatusBar.png 就是最上面那條，放電信公司、時間、電池電量的狀態bar
Wallpaper.png 這是在所有icon下面的那的底圖，似乎要安裝SummerBoard才能用這功能，若有夥伴知道怎麼不安裝SummerBoard就可以改這原本全黑的底圖，請記得告訴吉米

上面這些東西可以動，也可以不改，不改就會用原本的，但是為了統一，建議大家還是做一個吧


在 "樣式名稱/Icons"的目錄下面，就是各應用程式的icon圖案了，大家可以照著他的修改，你就知道哪些有改，哪些還沒改到
---------------------------------------------------
Apollo.png
Calculator.png
Calendar.png
Camera.png
Clock.png
Customize.png
Installer.png
Mail.png
Maps.png
MobileCast.png
NES.png
NativeCn.png
Navizon.png
Notes.png
Phone.png
Photos.png
RSS.png
SMBPrefs.png
Safari.png
ScreenShot.png
Search.png
SendPics.png
SendSong.png
Settings.png
Sketches.png
Tetromino.png
Text.png
VNotes.png
Weather.png
XLaunch.png
YouTube.png
iBlackjack.png
iPod.png
iShare.png
iTunes.png
iWoman.png


---------------------------------------------------
假設你都做完了之後，就將這個樣式給打包起來寄給吉米

基本上，這樣的套件，就可以直接給英文版的SummerBoard當套件使用

不過吉米希望不要安裝summerboard就可以改樣式，所以需要大家照著這個範例來製作

然後吉米在寫支專門依照此規格來更新installer的方式來安裝樣式，這樣最輕，效果也最好

所以，大家先開始作圖吧～

[MeduZa]

由於我們有很多人對於自訂主題這件事情，很有興趣，那我們就開始分工合作

首先。我們先分享，怎麼樣設計主題樣式，並且該注意哪些，我們先以夥伴MeduZa的樣式tHe uRbaN LounGe，來作範例

這裡是報到...地方嗎 = =??

想順便在這裡想作個統計...
為達到盡可能的icon齊全, 希望夥伴們可以告訴我, 你們使用的app多半是哪些?
這樣可以稍作統計後, 以便繪製更多的icons~ 謝謝你們

[James_Golf]

感謝吉米大師 & MeduZa,

我和老婆大人 超..超...超.....喜歡的

雖無美工創作天份，但很喜歡這些可愛的 Icon 喔！

[Lee42]

got it~ 有了這些真是清楚多了～努力設計中啦...

[mutsu]

剛剛裝了這個系列，真的是我目前最喜歡的themes
再一次感謝MeduZa
我個人還有安裝
weDict, weTool, Books, gpSPhone, iSolitaire, TTR
能夠有一系列更符合這個主題的icon的話看起來會更讚

[choosehill]

其實關於按鈕製作的部分

目前所共有的軟體

加起來不下百種

如果要每個都做 想必設計人員會想破頭

如果說是選出一些大家比較常用的來製作ICON 這個想法也不錯

可是仍然會有漏網之魚或是這個[比較常用類]的ICON數量太多 這樣製作主題的時間會比較長

我有一個想法

應該說我目前就是用這種方式


我的桌面第一頁 放置的幾乎都是IPHONE本身所附的軟體

然後我是用SUMMERBOARD的 [SKIP LAST ROW]的選項

讓畫面中的ICON不會過於擁擠

再來這是第二頁之後的樣子


第二頁之後 就是一些功能性比較特殊(或是遊戲類)的軟體

我就沒去改他的ICON圖

簡單來說

主題風格我就維持在第一面

後面的軟體太多我就維持原樣 不去更動

這個方法可以供大家參考 如果你的主題ICON圖不夠齊全的話

[James_Golf]

超酷有個性的 Wallpaper & Icons

滿分啦

[James_Golf]

MeduZa & Lee42,

補加上 Stocks.png

感謝

[Lee42]

各位夥伴～
正在設計icon時發現一個小問題..
請問下載的套件中有兩個軟體的圖樣
Tetromino和XLaunch
各是什麼功能啊
可以大概解釋一下
好讓我知道如何下手設計... 感謝～～

[MeduZa]

各位夥伴～
正在設計icon時發現一個小問題..
請問下載的套件中有兩個軟體的圖樣
Tetromino和XLaunch
各是什麼功能啊
可以大概解釋一下
好讓我知道如何下手設計... 感謝～～

Tetromino: 魔術方塊
XLaunch: app位置調度