EID主題皮膚設計小課堂：手機QQ主題皮膚設計

什麼是主題皮膚？

主題皮膚可以概括為——頁面和控制項的外觀集合，它包含了樣式表、皮膚文件、圖片等內容。同時它分成兩大類：手機系統主題皮膚、應用APP附帶的主題皮膚，一個主題至少包含一個皮膚文件，皮膚文件定義控制項的外觀，往往一個皮膚文件對應一類控制項。

如何設計手Q主題皮膚？

接到需求時，首先要分析一下是屬於素材類還是原創類，還是素材再創作類。然後要分析需求需要達到的目的和效果，並且了解需求的相關背景，是否可以結合當前比較流行的設計風格趨勢去做。

下一步就是搜集資料確定好大概方向，然後繪製草圖，在繪製草圖時需要注意幾點：

（1）物體與圖標的功能性結合；

（2）形狀結構所表達的意思；

（3）質感的方向要表明清晰；

（4）場景的氛圍要有個初步的構思。

a）消息頁

草稿通過之後就要開始視覺設計的步驟，一般先開始製作消息頁，因為消息頁所需要的元素較多，並且是比較主要的頁面，如果消息頁確定下來那麼其他頁面也會跟著消息頁的風格展開。需要注意一下規範：頁面尺寸通常定為750x1334px，底欄圖標是120x120px，底欄背景750x120px，列表的文字為固定模板，列表分割線可以更改顏色。如下圖：

b）聊天頁

聊天頁的頂部背景要沿用消息頁頂部背景，接收和發送氣泡需要設計，但是要結合整個頁面的風格和主題；底部的圖標要保留原有造型，只換樣式即可，通常有塊狀和線狀兩個形式。

c）抽屜頁

抽屜頁的背景通常是整圖顯示，文字是固定模板在上方顯示清晰

主題的要點分析，怎樣才能不迷茫？

1.分析風格的優劣勢

要做出一套受歡迎的主題，首先要了解風格的優劣，也就是當前的設計趨勢。好的風格能快速地吸引他人的視覺，一下子脫穎而出。近幾年，扁平風格潮流的來襲打開了人們的思維。這種簡單的風格能夠很容易地營造出簡約並且有趣的視覺感受，讓人看上去很舒服。但是設計的潮流是不斷變換的，在扁平潮過後，小部分設計師又在蠢蠢欲動地尋求改變，於是他們在扁平的基礎上加上一點「小變化」，就逐漸興起了「微漸變」和「偽擬物」，這種方式既保留了人們對舊時代的情懷記憶，也融入了新時代的語言。並且，時代在變化，潮流也在變化，設計無好壞，誰知道下一個設計潮流又會是什麼？但是作為一個設計師，要懂得把握當下的設計趨勢，對每一種設計手法都掌握得遊刃有餘，才能在時代的洪流中留下好的作品。

2.物體與功能圖標的結合

在設計主題時有四個功能圖標：消息、電話、聯繫人、動態。為了讓我們的主題更有設計感，我們需要把物體與功能圖標結合起來。這時候就需要我們進行發散思維去聯想。例如，要設計一個消息圖標，你會想到什麼？紙條？郵箱？信封？設計聯繫人圖標，會想到什麼？照片？圍巾？帽子？衣物？本子？角色？你一定有更多更好的想法，發散你的思維，把一切有關係的東西都列在本子上，再找出你覺得結合得最好的來設計。

3在繪製圖標要點

（1）圖標通常師一個整體的形狀

（2）草圖繪製時要有大概的視覺思考（質感、材質、透視）

（3）結構要清晰（亮面按面）

總的來說，圖標與功能需要嚴格按照主要風格進行繪製，圖標的出現最好是有思考過程的，並不是單純地將它放上去。整體的統一與功能的準確表達，是做主題需要達到的第一步。加入場景氛圍，能快速調起人的情感共鳴，達到統一境界。

作品分享

1.奧運（原創主題）

將運動健兒們賦予可愛有趣的大頭卡通形象，豐富的表情設計展露出運動員的自信與活力，運動場館做為主題的背景設計，讓用戶彷彿置身在激情盛大的奧運賽事中。整套主題力求展示奧運健兒的精神風采，為運動員們加油助力。

2.黑白小怪獸（原創主題）

通過對圖標質感的揣摩，光感的營造，力在表現一種暗黑酷炫的氛圍，但當中又不乏可愛幽默的趣味性。展現了當下潮流趨勢中獨樹一幟的一面，滿足了年輕消費者對表達真我個性的追求。

3.德古拉伯爵（原創主題）

沉浸於黑暗的過去，無法逃避的黑色時代。然而在被黑暗吞沒之處，在那樣一個血色瀰漫的地方，卻有著難以置信的光亮。用背景烘托氣氛用圖標說故事。透著綠光的血色街道格外寂靜恐怖，一輪透著希望的明月，德古拉的內心深處有愛，與人類相戀，最終難逃世俗的詛咒。

4.哥特式愛情（原創主題）

這是一段屬於哥特式的愛情故事。陰冷的色調，凋謝的玫瑰，冰涼的墳墓，當她在月光下靜靜地凝視著殘破的墓碑，你是否也感覺到這似血的孤獨。

歡迎關注我們的微信獲取更多設計教程：EID_center 官網：http://www.eidcenter.com/