出門在外，“狗頭”防身，

新浪微博的“狗頭”表情包，

一直被大傢所喜愛，

而微信能否新增這個表情，

也一直備受期待！

可就在昨日，

微信圓瞭大傢的這個夢想！

悄悄咪咪地上新瞭

10款新emoji表情！

而這其中，

就有大傢期待的“狗子”表情！

詳細的十款表情分別是：

[吃瓜]

[加油]

[汗]

[天啊]

[Emm]

[社會社會]

[旺柴]

[好的]

[打臉]

[哇]

這波有趣的表情包一出來，

馬上就刷爆瞭朋友圈，

而部分朋友反應自己更新微信之後，

也沒有表情包的影子，

不用急，數藝君親測隻需等待，

就會自動出現在表情欄！

那麼，為什麼這些表情包會這麼火呢？

數藝君認為除瞭微信本身龐大的用戶量，

以及近幾年表情包鬥圖等構圖方式的興起，

表情包本身帶來的趣味性，

也占據著至關重要的因素。

卡通風格的設計，

讓表情包更加生動可愛，

暖心、降壓、搞笑，

表情包的作用可謂寬廣，

讓人不自覺之間被俘虜。

而在其他的領域，

這種卡通風格的設計也逐漸流行，

在啟動頁、引導頁、狀態頁面、

官方網站、產品網站等均有出現。

卡通風格的設計關鍵在於

色彩的把控以及造型的控制。

卡通風格的特點在於平易近人，具有活力，不死板。采用卡通風格可以讓設計看起來更有趣味性，對於面向年輕用戶的產品來說，這種設計更符合用戶的喜好。

以前流行的“大氣風格”已經不太適合當下年輕用戶的口味瞭。當然，設計風格是隨著時間的推移不斷變化的，今年流行的風格可能明年就被嫌棄瞭。因此，瞭解各種風格的設計思路和技法，才是設計師最該做的。

尤其是網頁設計，網頁設計分為互動設計師設計（追求視覺和技術為主）它也是UI設計中的一部分（WUI即是：Web UI designer），目前絕大部分網站都會使用色彩鮮明的風格，這樣也是為瞭讓產品增加和用戶的親密度。

在網頁和App界面中，128像素單位被廣泛用於制作首頁主導航工具。在這樣的像素單位內進行設計，可以創造更多的驚喜。

但是，在卡通風格的設計當中，也要註意其色彩的的搭配，具體註意事項如下：

錯誤配色：

1.色彩飽和度過高。

2.沒有圓角作為點綴，看起來尖銳。

3.卡通風格不需要虛化的投影。

正確配色：

1.色彩柔和。

2.有圓角和條紋作為點綴。

3.去掉瞭不必要的投影、發光等點綴。

卡通風格的配色知識清楚瞭，那夥伴們想知道怎麼去設計一個卡通風格的作品嗎，老規矩，一個案例送上。

128×128 尺寸卡通筆記本操作實例

01 新建文檔。打開Photoshop軟件，新建“卡通筆記本”文檔，設置“寬度”為128像素，“高度”為128像素，“分辨率”為300，再單擊“確定”按鈕。

02 創建標尺。新建一個圖層，然後使用“選框工具”沿著畫佈左側邊緣繪制一個矩形框，大小為16像素×128像素，並隨意填充一種顏色（這裡填充黑色），取消選擇後將矩形復制一份，水平拖曳到畫佈右側。

03 選中步驟02創建的兩個圖層，按快捷鍵Ctrl+E合並為一個圖層，並命名為“間距”，然後按快捷鍵Ctrl+G將合並後的圖層編組，再修改組名稱為“標尺”。

04 按快捷鍵Ctrl+R打開標尺，然後在黑色矩形邊緣創建兩條垂直的參考線，再隱藏“標尺”組。

05 繪制封面。使用“圓角矩形工具”在畫佈中創建一個圓角矩形，大小為88像素×128像素，然後按快捷鍵Ctrl+A全選畫佈，接著選擇“移動工具”，再單擊屬性欄中的“水平居中對齊”按鈕和“垂直居中對齊”按鈕，將圓角矩形調整到畫佈中間。

06 在“屬性”面板中設置矩形的“填充”顏色為（R:207，G:81，B:99），然後單擊“將角半徑值鏈接到一起”按鈕，取消鏈接，接著設置“左上角半徑”和“左下角半徑”為0像素，“右上角半徑”和“右下角半徑”為4像素。

07 使用“路徑選擇工具”選中圓角矩形，然後在屬性欄設置“描邊 ” 顏色為（R:84，G:47，B:52），“寬度”為4像素，“對齊”為“外部”，接著修改該圖層名稱為“封面”。

08 繪制封面紋理。使用“矩形工具”在頁面中繪制矩形條，大小為4像素×120像素，顏色為（R:84，G:47，B:52），然後水平復制多份，每份間隔為4像素。

09 選中步驟08創建的圖層，並將其命名為“封面紋理”，然後按快捷鍵Alt+Ctrl+G將其創建為“封面”圖層的剪貼蒙版，接著調整圖層的“不透明度”為10%。

10 繪制封簽。使用“矩形工具”在頁面中繪制矩形，大小為44像素×20像素，顏色為（R:222，G:211，B:212）， 然後移動矩形，使其距紅色矩形的右邊緣14像素、上邊緣24像素。

11 使用與步驟07相同的方法為矩形描邊，顏色為（R:84，G:47，B:52），“寬度”為4像素，“對齊”為“外部”，然後修改該圖層名稱為“封簽”。

12 繪制文字。使用“矩形工具”在畫佈中繪制矩形條，大小為34像素×4像素，顏色為（R:188，G:171，B:173）。

13 使用“路徑選擇工具”選中繪制的矩形條，然後按住快捷鍵Alt+Shift水平向下拖曳復制兩份，拖曳距離為4像素，接著分別調整大小為6像素×4像素和20像素×4像素，再修改該圖層名稱為“文字”，最後按快捷鍵Alt+Ctrl+G將其創建為“封簽”圖層的剪貼蒙版。

14 繪制書脊。使用“矩形工具”在畫佈中繪制矩形，大小為12像素×120像素，顏色為（R:124，G:88，B:93）。

15 使用與步驟07相同的方法為矩形描邊，顏色為（R:84，G:47，B:52），“寬度”為4像素，“對齊”為“外部”，然後修改該圖層名稱為“書脊”。

16 繪制書脊紋理。使用“矩形工具”在書脊上繪制矩形，大小為8像素×20像素，顏色為（R:84，G:47，B:52），然後按住Alt鍵垂直向下拖曳復制兩份，每份間距為4像素，再選中這些矩形按快捷鍵Ctrl+E將其合並，最後修改圖層名稱為“書脊紋理”。

17 繪制“封包”。使用“矩形工具”在頁面中繪制矩形，然後在“屬性”面板中設置大小為32像素×32像素，“填充顏色”為（R:124，G:88，B:93），“描邊顏色”為（R:84，G:47，B:52），“描邊寬度”為4像素，“對齊”為“外部”，“左上角半徑”和“左下角半徑”為4像素，“右上角半徑”和“右下角半徑”為1像素。

18 繪制“裝訂線”。將步驟17繪制完成的“封包”復制一份，並調整好大小和位置，然後在“屬性”面板中設置描邊寬度為1像素，接著單擊“設置描邊類型”按鈕，在打開的“描邊選項”對話框中勾選“虛線”選項，設置“虛線”為0，“間隙”為2。

19 修改復制圖層的名稱為“裝訂線”，然後按快捷鍵Alt+Ctrl+G將其創建為“封包”圖層的剪貼蒙版。

20 繪制“圓扣”。使用“橢圓形工具”在距離左邊裝訂線2像素的位置繪制圓形，大小為8像素×8像素，顏色為（R:222，G:211，B:212），然後修改圖層的名稱為“圓扣”，接著選中該圖層和“封包”圖層，單擊屬性欄中的“垂直居中對齊”按鈕，使“圓扣”位於“封包”的垂直居中位置。