底板類(lèi)型，只是眾多創(chuàng)意方法的其中一種。
這種類(lèi)型的優(yōu)點(diǎn)是效果氛圍豐富， 自身的風(fēng)格調(diào)性比較明確。常常用在大型活動(dòng)主文案、或是比較復(fù)雜的畫(huà)面中，能很好地串聯(lián)元素跟文字之間的聯(lián)系。
這種類(lèi)型都有什么要點(diǎn)和制作方法呢？等我依次給大家分享
特點(diǎn)
我們先來(lái)看一些同類(lèi)型作品的樣例：
1.底托
很清晰的一點(diǎn)，這種風(fēng)格最主要的一點(diǎn)就是有一個(gè)經(jīng)過(guò)設(shè)計(jì)的字體底托以讓字體清晰，不受畫(huà)面其他元素影響。
2.重量感
字體厚度、底托厚度、高光、陰影
3.主題感
主題感很強(qiáng)，這種方法設(shè)計(jì)出來(lái)的字體往往會(huì)有很強(qiáng)的主題傾向性。也就是風(fēng)格指向。不用看見(jiàn)搭配的畫(huà)面 也能知道傳達(dá)的是個(gè)什么樣的氛圍。
主題感怎么找？
1.分析需求
第一步我們要做的就是分析需求，提取關(guān)鍵詞，明確設(shè)計(jì)目標(biāo)，我們才能順利地往后執(zhí)行。
我們看看這個(gè)需求，首先，這是一個(gè)漫畫(huà)LOGO需求。我們應(yīng)該先了解故事劇情并收集整體一些畫(huà)面風(fēng)格，從這些畫(huà)面中提取可以提煉視覺(jué)元素的關(guān)鍵點(diǎn)出來(lái)：
觀察漫畫(huà)內(nèi)容，我一共提取出了下面6個(gè)關(guān)鍵詞：
然后把他們轉(zhuǎn)化提煉成視覺(jué)元素。
2.提煉視覺(jué)元素
我們挨個(gè)關(guān)鍵詞提取視覺(jué)元素，
比如科技感：
科技感的特征一般由科技線條構(gòu)成。
裝甲：
這個(gè)漫畫(huà)里就有，直接仿造畫(huà)風(fēng)就可以。
燈光：
能量：可以做成類(lèi)似能量護(hù)盾，或者閃電的樣式。
以上就是我們視覺(jué)元素的提煉了。接下來(lái)就是具體的執(zhí)行。
執(zhí)行
底板類(lèi)型的我們第一要做的當(dāng)然是底板了，我想到的是可以用機(jī)甲的元素做底板，把文字承托在上面。
1.制作底板
底板要注意兩個(gè)點(diǎn)
(1)排版
我們可以先做一個(gè)大概的排版
要注意底板不要太大也不要太小，字體在底板上占80%左右的面積比較合適。
(2)造型
造型這里也是比較重要的，我們可以多觀察漫畫(huà)里的視覺(jué)元素來(lái)做。比如我這里是參考的戰(zhàn)機(jī)：
它整體的一個(gè)機(jī)翼造型還是蠻酷的，我們大概秒回一個(gè)剪影出來(lái)
還是蠻帥的。
放上字體看看比列結(jié)構(gòu)，跟著排版調(diào)整一下：
注意控制占比在80%左右。
(3)層次
底板如果只有一層的話，就會(huì)顯得有點(diǎn)單調(diào)，層次不夠。也就做不出厚度來(lái)。
參考了下底板類(lèi)型的層次是怎么做的，總結(jié)了三種出來(lái)：
厚度增加層次：
做出字體的厚度和，底板的厚度來(lái)增加層次感，比較穩(wěn)定厚重。
元素穿插點(diǎn)綴增加層次感：
刻畫(huà)一些貫穿前后空間的元素， 可以增加層次感和統(tǒng)一性。
層次堆疊：
這種就比較直觀，就是一層一層的去堆疊累積，以增加層次感。
我們可以結(jié)合起來(lái)使用：
所以我們可以在不變動(dòng)大型的情況劃分一下，劃分些大的層次出來(lái)。
這樣就豐富多了，其他的一些厚度啊之類(lèi)的，可以在上色的時(shí)候再添加。
(4)配色
我同樣參考下樣例：
總結(jié)幾個(gè)點(diǎn)：
1.底板顏色要和字體形成對(duì)比，才能凸顯文字。
2.一般底板使用暗色。文案使用亮色，或白色。第四個(gè)那種使用同色系的可能就有點(diǎn)區(qū)分不開(kāi)，字體不夠突出。
方向：
字體：使用白色
底板：暗色
白色好說(shuō)，暗色怎么找呢？檢查了一遍視覺(jué)參考，發(fā)現(xiàn)有一個(gè)飛船顏色挺好的。
剛好又是暗藍(lán)色，這不是符合我們的要求嗎？
用到底板上看看：
感覺(jué)不錯(cuò)啊！
（5）刻畫(huà)細(xì)節(jié)：
把我們提煉的視覺(jué)元素拿出來(lái)用上
飛船上的線路縫隙，手掌上圓形的燈。
添加下看看：
精致多了。
這里要注意添加細(xì)節(jié)的兩個(gè)目的：
1.讓我們的元素象形意義更明確，簡(jiǎn)單說(shuō)就是畫(huà)啥像啥。讓人一眼能看出來(lái)你這個(gè)是什么。
2.層次，有凸起的地方（燈光，厚度），有凹陷的地方（比如縫隙，線路）。增加細(xì)節(jié)上的層次感。
2.文字制作
1.結(jié)構(gòu)
我們看下現(xiàn)在的效果，如果直接放文字就會(huì)顯得很薄，字體壓不住底部。輕飄飄的感覺(jué)，我們上面總結(jié)的參考中都會(huì)給字體增加厚度來(lái)壓住底部，我們可以試試，給文字再增一層底板，來(lái)增加厚度：
是不是就整體多了？
所以字體結(jié)構(gòu)，分了字體本身和字體底板兩部分來(lái)組成。
2.字型
字型肯定是要做的，但因?yàn)樽煮w設(shè)計(jì)單獨(dú)一個(gè)門(mén)類(lèi)，我這里就不細(xì)講了。
我們參考一些比較英朗科技感的參考來(lái)做就可以，展示一下：
3.細(xì)節(jié)
提取科技線的元素：
添加到字體表面刻畫(huà)出科技感：
4.一個(gè)亮點(diǎn)
在字體上提取一個(gè)筆畫(huà)，做特殊效果，使其與別的筆畫(huà)有明顯的視覺(jué)差異：
這里我是把“靈”字中間那一橫提取出來(lái)做了發(fā)光燈燈光的效果，使之成為一個(gè)視覺(jué)亮點(diǎn)。
3.添加特效
最后我們把字體放上去，整體加上一些前面提煉出來(lái)的閃電能量類(lèi)的效果：
這樣我們的logo就制作完成了。
總結(jié)
當(dāng)我們要做某一種類(lèi)型視覺(jué)的時(shí)候，不要光看表面的東西。好看或者不好看，什么也學(xué)不到?？梢钥偨Y(jié)提煉他們的特點(diǎn)出來(lái)去深挖研究，理解里面深層次的邏輯，這樣我們才能進(jìn)步得快。
然后要去學(xué)習(xí)挖掘提煉某一種類(lèi)型視覺(jué)元素，把他們?nèi)诤蠎?yīng)用到我們的項(xiàng)目中去。把控好每一處細(xì)節(jié)，才能出優(yōu)秀的作品。
希望對(duì)大家能有所幫助和啟發(fā)，謝謝。
原文地址：菜心設(shè)計(jì)鋪 （公眾號(hào)）
作者：慢熱
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》LOGO設(shè)計(jì)
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司