EID主題皮膚設(shè)計小課堂：手機(jī)QQ主題皮膚設(shè)計

時間：2023-06-25 08:39:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-06-25 08:39:01 來源：網(wǎng)站運(yùn)營

EID主題皮膚設(shè)計小課堂：手機(jī)QQ主題皮膚設(shè)計：什么是主題皮膚？

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

如何設(shè)計手Q主題皮膚？

接到需求時，首先要分析一下是屬于素材類還是原創(chuàng)類，還是素材再創(chuàng)作類。然后要分析需求需要達(dá)到的目的和效果，并且了解需求的相關(guān)背景，是否可以結(jié)合當(dāng)前比較流行的設(shè)計風(fēng)格趨勢去做。

下一步就是搜集資料確定好大概方向，然后繪制草圖，在繪制草圖時需要注意幾點(diǎn)：

（1）物體與圖標(biāo)的功能性結(jié)合；

（2）形狀結(jié)構(gòu)所表達(dá)的意思；

（3）質(zhì)感的方向要表明清晰；

（4）場景的氛圍要有個初步的構(gòu)思。


a）消息頁

草稿通過之后就要開始視覺設(shè)計的步驟，一般先開始制作消息頁，因為消息頁所需要的元素較多，并且是比較主要的頁面，如果消息頁確定下來那么其他頁面也會跟著消息頁的風(fēng)格展開。需要注意一下規(guī)范：頁面尺寸通常定為750x1334px，底欄圖標(biāo)是120x120px，底欄背景750x120px，列表的文字為固定模板，列表分割線可以更改顏色。如下圖：

b）聊天頁

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

c）抽屜頁

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

主題的要點(diǎn)分析，怎樣才能不迷茫？

1.分析風(fēng)格的優(yōu)劣勢

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

2.物體與功能圖標(biāo)的結(jié)合

在設(shè)計主題時有四個功能圖標(biāo)：消息、電話、聯(lián)系人、動態(tài)。為了讓我們的主題更有設(shè)計感，我們需要把物體與功能圖標(biāo)結(jié)合起來。這時候就需要我們進(jìn)行發(fā)散思維去聯(lián)想。例如，要設(shè)計一個消息圖標(biāo)，你會想到什么？紙條？郵箱？信封？設(shè)計聯(lián)系人圖標(biāo)，會想到什么？照片？圍巾？帽子？衣物？本子？角色？你一定有更多更好的想法，發(fā)散你的思維，把一切有關(guān)系的東西都列在本子上，再找出你覺得結(jié)合得最好的來設(shè)計。

3在繪制圖標(biāo)要點(diǎn)

（1）圖標(biāo)通常師一個整體的形狀

（2）草圖繪制時要有大概的視覺思考（質(zhì)感、材質(zhì)、透視）

（3）結(jié)構(gòu)要清晰（亮面按面）

總的來說，圖標(biāo)與功能需要嚴(yán)格按照主要風(fēng)格進(jìn)行繪制，圖標(biāo)的出現(xiàn)最好是有思考過程的，并不是單純地將它放上去。整體的統(tǒng)一與功能的準(zhǔn)確表達(dá)，是做主題需要達(dá)到的第一步。加入場景氛圍，能快速調(diào)起人的情感共鳴，達(dá)到統(tǒng)一境界。

作品分享

1.奧運(yùn)（原創(chuàng)主題）

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

2.黑白小怪獸（原創(chuàng)主題）

通過對圖標(biāo)質(zhì)感的揣摩，光感的營造，力在表現(xiàn)一種暗黑酷炫的氛圍，但當(dāng)中又不乏可愛幽默的趣味性。展現(xiàn)了當(dāng)下潮流趨勢中獨(dú)樹一幟的一面，滿足了年輕消費(fèi)者對表達(dá)真我個性的追求。

3.德古拉伯爵（原創(chuàng)主題）

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

4.哥特式愛情（原創(chuàng)主題）

這是一段屬于哥特式的愛情故事。陰冷的色調(diào)，凋謝的玫瑰，冰涼的墳?zāi)?，?dāng)她在月光下靜靜地凝視著殘破的墓碑，你是否也感覺到這似血的孤獨(dú)。

歡迎關(guān)注我們的微信獲取更多設(shè)計教程：EID_center 官網(wǎng)：http://www.eidcenter.com/