前段時(shí)間做了一些貼紙，本來(lái)以為很簡(jiǎn)單，一做才發(fā)現(xiàn)，每一項(xiàng)UI設(shè)計(jì)（js.design）都有各自的門檻，都需要去不斷的鍛煉和學(xué)習(xí)，才能作出及格的東西。

先展示下大概的貼紙效果：

由于篇幅原因，今天先分享兩個(gè)吧，雖然沒(méi)有特別出彩，但過(guò)程還是經(jīng)歷了很多，交流一下：

先說(shuō)第一個(gè)“求關(guān)注”。

1. 創(chuàng)意點(diǎn)

做設(shè)計(jì)前，一定要想清楚自己的創(chuàng)意點(diǎn)是什么，求關(guān)注這三個(gè)字很好理解，也很容易想到相關(guān)聯(lián)的元素。

圖形：

關(guān)注嘛，肯定是喜歡才會(huì)關(guān)注，而“喜歡“這兩個(gè)字很容易聯(lián)想到愛心，所以打算用愛心來(lái)做圖形元素。

表情：

因?yàn)槭乔箨P(guān)注，這個(gè)“求“是最能體現(xiàn)情緒的，所以使用渴求、渴望的表情會(huì)比較合適。

通過(guò)對(duì)圖形和表情的思考，最后設(shè)計(jì)成如下效果：

接下來(lái)我們用圖形與文字結(jié)合。

2. 不要太碎

圖形結(jié)合文字還是比較簡(jiǎn)單的，但是中間還是會(huì)遇到一點(diǎn)問(wèn)題，最開始做的時(shí)候，肯定是希望盡可能的增加細(xì)節(jié)， 然而如果細(xì)節(jié)沒(méi)有增加到位，就會(huì)導(dǎo)致整體有點(diǎn)瑣碎，比如最開始的這一版本：

各種小點(diǎn)隨意加，而且藍(lán)色也是出現(xiàn)的比較莫名其妙。

后來(lái)去掉了一些亂加的小點(diǎn)，然后把翅膀變大一些，這樣就會(huì)稍微好一點(diǎn)：

3. 我們的第一視覺應(yīng)該是什么

不論做什么設(shè)計(jì)，我們都應(yīng)該首先去考慮第一視覺是什么？最重要的內(nèi)容是什么？我們的貼紙，毫無(wú)疑問(wèn)最重要的肯定是“求關(guān)注”這三個(gè)字，但是我們下這個(gè)貼紙：

好像最突出的是愛心，而字并沒(méi)有那么突出、清晰。

最后后來(lái)經(jīng)過(guò)思考，直接把翅膀去掉，然后把文字放大，并且選用了一個(gè)與粉絲差異比較大的顏色—紫色，效果如下：

這樣就會(huì)清楚很多了。

4. 我找了個(gè)合適的默認(rèn)字體

我們?cè)賮?lái)說(shuō)下字體的問(wèn)題，如果項(xiàng)目時(shí)間比較趕，我覺得可以找一個(gè)合適的默認(rèn)字體，我嘗試了很多，最后選擇了：字跡新手體，當(dāng)然，一定要選擇你們公司有版權(quán)的字體哦。

如果覺得字體比較合適，就可以適當(dāng)?shù)娜バ揎椥揎?，比如?/p>

調(diào)整鋸齒：

這個(gè)字體原本帶有筆觸，不是特別柔順，所以我用鋼筆工具重新勾繪了一遍：

增加細(xì)節(jié)：

再簡(jiǎn)單給字體增加點(diǎn)細(xì)節(jié)，比如選擇幾個(gè)筆畫進(jìn)行差異化顏色處理，在比如，再字體上加點(diǎn)圖形，我這次加了主題相關(guān)的愛心：

這樣，可以非?？焖俚奈恼伦煮w部分。

5 關(guān)于描邊

描邊不要亂加，最開始我的描邊加了很多層：

但是又不知道為什么這么加，就是為了增加細(xì)節(jié)而加，最后加多了，就會(huì)比較奇怪。

后來(lái)我把多余的描邊都去掉了，就加了一個(gè)白色描邊，但這個(gè)白色描邊并不算風(fēng)格里面的，只是為了區(qū)分貼紙與背景色才加上的：

因?yàn)槲覀冋w是描邊風(fēng)格，所以最后給圖形加了一層深色描邊，再加一層區(qū)分背景的白色描邊：

這樣我們的描邊層次也是是有理有據(jù)了。

接下來(lái)再聊聊加 qq 群：

1. 創(chuàng)意點(diǎn)

因?yàn)槭羌?qq 群嘛，所以肯定不只是一個(gè)人，于是就用兩個(gè)形象來(lái)手牽手的，而且情緒還很快樂(lè)，因?yàn)榈氖掷L造型能力一般，所以讓龍哥給起了一個(gè)草圖：

還是非?？蓯鄣?。

2. 對(duì)于手殘黨的我，sai 真是救命稻草

像我們手繪基礎(chǔ)比較弱的，最怕的就是畫線條，非常不自然，但是 sai 有一個(gè)鋼筆工具，非常非常非常的好用，它就像普通畫筆一樣，但是它帶錨點(diǎn)，我們可以任意拖動(dòng)、刪除、增加錨點(diǎn)如果中間線條不流暢，一定是手抖錨點(diǎn)畫多了：

咔咔把錨點(diǎn)一刪除就完事了：

網(wǎng)上也有很多關(guān)于 sai 的教程，就不過(guò)多贅述了，鋼筆賊好使。

3. 顏色的豐富度

如果只是形象加文字，稍微顯得有點(diǎn)單薄：

這種貼紙，我一般都會(huì)使用 2 種以上的顏色，這樣會(huì)顯得熱鬧活潑一點(diǎn)，于是我就想到在字體上面是不是可以再加點(diǎn)元素？

加點(diǎn)什么呢？后來(lái)想到了彩虹，雨過(guò)之后見彩虹嘛，肯定是一種很開心的狀態(tài)，加群找到志同道合的群友，那也是一種見到彩虹非常開心的狀態(tài)，于是就新增了彩虹的元素：

因?yàn)槟樕嫌幸粋€(gè)腮紅，為了呼應(yīng)，彩虹也留了一條紅色，這樣這個(gè)紅色就不會(huì)太突兀，至少是有呼應(yīng)的。

總結(jié)

好了，以上就是這兩個(gè)小貼紙和大家分享的知識(shí)點(diǎn)，其實(shí)還有很多其他感悟，我們下次再見嘍！