這是在做直播時候的一個禮物，233 大笑的一個禮物。

采用新增形象小青蛙來進行繪制。

對于手繪基礎薄弱的我，畫一只大笑的青蛙，還是有點難度的，今天就來講表情UI設計js.design幾個里面的關鍵細節(jié)吧，相信一定能對大家有所幫助。

1. 學會加一些小細節(jié)

2. 盡量不要讓你的表達產(chǎn)生歧義

3. 表情要符合你表達的情緒

4. 元素要符合你表達的情緒

5. 讓你的畫面更加完整

1. 盡量不要讓你的表達產(chǎn)生歧義

因為是大笑的表情，所以肯定要來一張大嘴表達情緒，最開始畫的嘴是這樣的：

仔細觀察，有個大問題就是這個嘴巴太像西瓜了，會讓人產(chǎn)生歧義，是臉上掛了一個西瓜嗎？

于是對其進了適當?shù)恼{(diào)整，比如嘴巴旁邊加一點凹陷描邊，嘴巴的顏色適當加重，讓其沉下去：

這樣看起來至少不會有什么大問題了。

表意明確是最基本的原則，大家一定要注意。

2. 學會加一些小細節(jié)

細節(jié)是真的很重要，有時候只要一個細心的小細節(jié)就可以打動觀看者，但是如果全篇下來沒有一點細節(jié)，那就會讓人覺得很平淡。

于是我就使勁的加細節(jié)，比如手幾個手指、舌頭畫的更像一點、再加一顆小牙齒：

這樣整體效果就會好很多，整體的可愛度、精細度也會提高不少。

3. 表情要符合你表達的情緒

雖然現(xiàn)在的表情也沒什么問題，但領導反饋有點太正了，就是不夠 23333 這種感覺：

后來一對比也確實，所以我開始調(diào)整表情，主要是讓眼睛能有點弧度：

最后選了第三個表情，我們對比下。

確實表情很夸張寫，也更符合調(diào)性。

4. 元素要符合你表達的情緒

最開始的 233 排版是左側(cè)這樣的，但其實一般 233 都是直著越來越大的一種效果，所對 233 進行了排版調(diào)整：

后來運營反饋希望能變成 2333，多個三，于是又加了一個 3：

這樣也能讓這元素更加符合當下情緒。

5. 讓你的畫面更加完整

這個小青蛙只顯示一半，下面又沒什么東西，所以看起來確實會有點不明所以，所以思來想去還是決定在青蛙的下半部分加點元素。

加什么呢？因為整體視覺里面有荷葉的元素，所以就在下面放了幾片荷葉：

放下之后有點復雜，所以就縮減成一片荷葉了，并最后再調(diào)整一下荷葉的細節(jié)，最終效果如下：

以上就是這個表情的繪制過程，從最開始的呆板無調(diào)性，一點點的增加細節(jié)，優(yōu)化造型，最終產(chǎn)出，學到了很多知識點，下次再畫同類型的內(nèi)容就會順手很多。