|
|
更換視覺效果的好處
個性化用戶體驗上的視覺效果是一個可以讓一個移動設備具有你的特色的有力手段。個性化UI的基本元素包括：顏色，字體，照片和格式等。有時候只要一個小小的改變就可以讓整個設備的使用方式有所變化。
使用不同的視覺外觀可以在一定程度上根據不同的用戶群體，年齡人口，地理位置和產品分類吸引一定人群。個性化UI可以使你從競爭對手中脫穎而出，吸引你的用戶在不同的設備上使用你的程序，并增加對你程序的忠誠度。個性化視覺效果可以讓你做到事半功倍，可以說是四兩撥千斤那。
MeeGo的主題系統可以說是萬能的，它即提供對整體主題的改變，也允許只對整體主題進行局部改變。對程序員來說，根據自己的風格只對基本顏色、字體以及背景等作出一點改變也是有可能的。此外，就算沒有復雜的代碼，也可以對主題作出最精細的編輯，從而使它煥然一新。
下一節“個性化指南概要”將介紹個性化的好處，以及主題的常用顏色搭配等基本元素。
個性化視覺效果是徹底改變移動設備使用效果的利器！！！
這一章將主要介紹怎樣通過用戶界面來
顏色
MeeGo允許人們對顏色進行自定義。MeeGo保留了一些基本顏色作為其主題顏色，使人們在對顏色進行自定義時給予大體的方向指南。
在這里我們建議大家多使用中型顏色作為個性化的主體顏色，并在適當的地方使用個性化較強的顏色來突出自身的亮點。
和打印出來的宣傳畫等東西不一樣，在我們個性化MeeGo的用戶界面時除了要考慮顏色的數量之外，還要考慮顏色的使用次數。鮮明的顏色最好用于在要突出顯示一個控件和界面的時候，例如一個已經被選擇了的按鈕，或者是消息框等。
更多關于顏色的介紹請參考“界面個性化基礎”。
字體
在MeeGo中變換字體和調整字體的大小是非常簡單的。更多內容請參考“字體”章節。
圖標
圖標在MeeGo有著重要的作用。圖標一般用于在有限的屏幕中向用戶提供附加的信息。例如在移動設備中用于啟動一個程序的程序圖標。
更多內容請參考“圖標”章節。
Logo
Logo一般是人們記住一個程序或軟件的最重要的元素。對于MeeGo來說，其Logo一般出現于當屏幕處于開關機的狀態時，和屏幕鎖定和回到主頁時。對于硬件廠商來說，其Logo可以貼在其出產的硬件上。
照片和圖像
照片和圖像有時候可以讓人們對你個性化的MeeGo系統留以深刻印象。如果一個圖像對你的個性化非常有代表性的話，你可以考慮把它作為主背景。更多情況下，主背景可以由與你個性化相關的圖形或你的個性化的基本顏色組成的圖像組成。更多內容請參考“程序背景”章節。
有的個性化有其自己的主題模式，例如一個貫穿整個個性化主題的曲線。用戶界面是由一套按鈕，開關，進程條以及其他元素組成的。個性化的界面應盡量友好、柔和(例如下圖)。界面既可以做的非常簡單，也可以包含很多元素，但是一定要多而不亂。要實現這一點需要更多努力和對關于界面個性化的更多了解。
更多內容請參考“高級界面個性化”。
界面個性化基礎
顏色
MeeGo的基礎主題主要包括三種顏色。
所有的控件（例如按鈕，列表，開關等）通常具有：
1.普通狀態（在基礎主題中為淺灰色）
2.被按下的狀態（深灰色，呈現為被按下的狀態）
3.被選擇的狀態（通常用于切換按鈕和多選菜單，作用為指示出被選擇的項）
主題中圖形的顏色在不同的控件中是不同的，主題中文本的顏色為通用的。
怎樣個性化
MeeGo中控件的圖形界面為SVG矢量圖形圖像，被儲存在svg文件夾中，設計人員可以使用Inkscape或Illustrator CS4和以上版本進行編輯。其中顏色的規則必須被復制到所有的圖形組中。
文本顏色的顏色規則是通用的，只可在constants.ini文件中進行修改。
其他
圖形顏色和文本顏色需要遵循相同的規則。例如，默認的按鈕顏色為黑色，則文本顏色的color_foreground需要更改為白色。所以文本顏色的翻轉顏色為黑色。所以按下、所選狀態的圖形需要對黑色文本有足夠的對比度。要注意同樣要調整背景和對話框的顏色風格，確保文本具有良好的可讀性。
顏色規則是允許有特例的，他們可以在特定控件的CSS文件中被修改。
按鈕圖形
文本顏色：COLOR_FOREGROUND (黑色)
狀態：還沒有被點擊過的按鈕的顏色狀態
按鈕圖形
文本顏色：COLOR_FOREGROUND (黑色)
狀態：還沒有被點擊過的按鈕的顏色狀態
按鈕圖形
文本顏色：COLOR_FOREGROUND (黑色)
狀態：當按鈕被選擇時的顏色狀態。
字體
字體和大小是可以自定義的。
怎樣個性化
文件中使用的字體可以在constants.ini文檔中進行更改。可更改的內容包括字體名字和大小。字體必須只有被安裝后才能被使用。
其他
文本的大小可以不變，但是在使用一些新的字體的時候要注意該字體的大小是否合適。
圖標
移動設備上的任何圖標都可以被個性化。
怎樣個性化
MeeGo中的圖標文件均為SVG矢量文件，被存儲在圖標文件夾中。因為它們是矢量圖像，所以圖標可以被任意改變大小來適應相應的布局。圖標的名稱代表了其相應的應用程序，例如icon-m-messaging-smiley-wink被用于和信息有關的應用程序，icon-m-common-phone則用于和電話有關的應用程序中。
其他
要注意背景會影響到圖標的顯示效果。如果應用程序的命令區域被換成了白色，則現有的白色圖標不可見，而且要改變為深的顏色。
應用程序的背景
應用程序的背景可以是一張圖片，也可以只是背景顏色。主頁和鎖屏的背景是不同的。
怎樣個性化
應用程序的背景被存儲在圖像（Image）文件夾中，被叫做duiapplicationpage-background.png.
其他
應用程序的背景在設計時要注意和該應用程序的用戶界面相符合。要注意對話框也有背景。
被選擇的狀態
個性化主題的一個簡單的方法就是更換其不同狀態下的顏色。被選擇的狀態的顏色在用戶界面上的很多地方都可以看到，例如按鈕，開關，列表，消息框以及其他的相互元素中。
怎樣個性化
1.備份svg文件夾
2.用photoshop等圖像編輯軟件打開svg文件夾中的svg文件，例如meegotouch-button.svg
3.進行個性化（要注意不要改變組名稱，例如meegotouch-button-background-selected，因為這些名稱是被應用軟件讀取的關鍵）
4.保存圖像文件為svg文件
5.進行測試
6.在svg文件夾中對所有的狀態圖標進行修改，即重復步驟2-4
其他
記住同時還要更新constants.ini文件中的文本顏色。（如果新的主題顯示的不完美，則會自動變回基礎主題的外觀）
按鈕狀態的變化
個性化按鈕的變化是改變按鈕的外觀和使用感覺的一個好方法。
按鈕的變化可以包括：
1.3D效果的外觀
2.光的效果和光的方向
3.外觀、紋理的感覺
怎樣個性化
個性化的步驟和改變高亮顏色的步驟相同。應用于按鈕，開關以及其他元素的所有狀態必須使用相同的規則。
其他
文本和背景顏色需要被進行相應的調整。
it知識庫：MeeGo的UI個性化指南，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
