圖標(biāo)從廣義上理解是具有指代意義的圖形符號，分為表象圖標(biāo)和表意圖標(biāo)。表象圖標(biāo)表達(dá)具體事物，比如書籍、食物、衣物等；表意圖標(biāo)則是表達(dá)一個抽象概念或是行動、情感等，比如加號、清除格式、點(diǎn)贊等。
圖標(biāo)的信息傳達(dá)
其實(shí)人類最早的記錄和表達(dá)就是從圖形開始的，無論是人類祖先在洞穴里留下的壁畫，還是中國的甲骨文和埃及的象形文字，即使是過去幾千年，現(xiàn)在我們還是能從圖形上解讀還原出有效信息。 
人類對圖形的理解力讓圖標(biāo)可以跨越語言的壁壘，濃縮并快捷地傳達(dá)信息，與文字相比門檻更低更易于理解。我們或許看不懂下面各個國家的文字，不知道寫的是什么，但應(yīng)該都能看懂下圖這些代表洗手間的圖標(biāo)，順利的找到洗手間，這就是圖標(biāo)的力量。 
正因如此圖標(biāo)對于兒童APP來說也是非常重要的一點(diǎn)，對于文字的熟練度和接受度較弱的孩子來說，圖形的表意無疑更加友好的和好理解的。那么下面我們就一起來看看在兒童APP中圖標(biāo)都有哪些特點(diǎn)吧。
兒童APP圖標(biāo)的特點(diǎn)
1.線性-粗線條
兒童APP中的線性圖標(biāo)，很少出現(xiàn)細(xì)線條，一般都是粗線條的表現(xiàn)形式。細(xì)線給人的感覺會更加精致細(xì)膩，而粗線條更加厚實(shí)，比細(xì)線面積大也更清晰，更容易被眼睛捕捉到。相對來說就容易識別對孩子們也就更友好。
2.面性-造型飽滿
兒童APP中的面性圖標(biāo)，造型一般都比較飽滿，飽滿是指圖形在固定范圍內(nèi)的正負(fù)形，正形面積大。比如下圖的五星，可以看到越飽滿的造型正形面積越大，圖形更有分量感越飽滿越給人一種憨憨的可愛感覺。
這點(diǎn)其實(shí)也與人類的成長過程吻合，兒童的體型特征更加圓潤飽滿，而成年后身材比例拉長，逐漸成型身材曲線會更加分明。 
飽滿圓潤的造型更可愛更具少兒感，而棱角分明曲線優(yōu)美的造型更具成熟感。
3.圓角的使用
由于人類的弧形偏好和人眼結(jié)構(gòu)等因素，相比與直角的尖銳，平滑的圓角更容易被我們所接受。
直角給人感覺更加銳利有鋒芒具有攻擊性，圓角則是安全的象征讓圖標(biāo)更加柔和，所以圖標(biāo)普遍使用圓角也是兒童APP的一個特點(diǎn)，圓角的使用讓圖標(biāo)其更有親和力和安全感。直角銳利邊緣的圖標(biāo)整體風(fēng)格偏硬朗符，更多在較商務(wù)的產(chǎn)品中使用。
4.色彩層次豐富
相比成人向的產(chǎn)品，兒童APP中的圖標(biāo)色彩的選擇和層次都更加豐富。成人向很多產(chǎn)品為了保證內(nèi)容突出和頁面統(tǒng)一，圖標(biāo)會選擇使用單色來表現(xiàn)。經(jīng)過后天的逐漸培養(yǎng)，成人更能接受”空、素、白”這種美學(xué)，使用產(chǎn)品時，對于內(nèi)容的關(guān)注也多余頁面其他元素。
但是對于審美比較天然原生態(tài)的孩子們來說，豐富的色彩是更具吸引力的，顏色的刺激從我們祖先追逐顏色鮮艷的成熟果實(shí)就已經(jīng)開始積累。在兒童APP中使用鮮艷多彩的圖標(biāo)讓頁面更加生動活潑，更具吸引力。
其實(shí)從其他生活物品中也不難發(fā)現(xiàn)這一點(diǎn)，兒童使用的產(chǎn)品顏色更加多彩豐富，成人的很多產(chǎn)品顏色更加樸素。 
5.寫實(shí)幫助理解
人們的認(rèn)知都是先從簡單具體事物開始的，逐漸提取分析其特點(diǎn)概括成抽象的概念，掌握概念后又再運(yùn)用于具體事物。比如蘋果，孩子先認(rèn)識到的是真實(shí)的紅蘋果，通過大量的接觸和學(xué)習(xí)，逐漸知道蘋果的特征，可以理解圖形代表的蘋果，通過圖形中體現(xiàn)的特征，再認(rèn)識黃蘋果也屬于蘋果。
孩子們對抽象符號的接受度不如成人，初期需要更多生活中真實(shí)熟悉的場景來輔助理解。所以在兒童APP的圖標(biāo)設(shè)計(jì)中，與成人向的產(chǎn)品不同，一定程度的寫實(shí)是可以幫組孩子們理解其含義的。孩子不一定能理解一個矩形加一個橫條代表手機(jī)，但是真實(shí)的手機(jī)孩子們都能認(rèn)識理解。
不少APP都選擇了較寫實(shí)的圖標(biāo)。
6.品牌化與IP形象結(jié)合
兒童APP中不少都有IP形象，為了更好擬人化作為孩子們的一種陪伴，以增加孩子與產(chǎn)品的親密度。于是也產(chǎn)生了圖標(biāo)與IP形象相結(jié)合的設(shè)計(jì)，這種方式適合面積較大的圖標(biāo)，如金剛區(qū)、功能 圖標(biāo)等，IP形象與功能或使用場景結(jié)合，能突顯品牌基因同時也更具代入感，有助于孩子理解。
劃重點(diǎn)
- 人類對圖形的理解力讓圖標(biāo)可以跨越語言的壁壘，濃縮并快捷地傳達(dá)信息，與文字相比門檻更低更易于理解。
- 兒童APP中圖標(biāo)的特點(diǎn)有粗線條、造型飽滿、色彩層次豐富、寫實(shí)和與IP形象結(jié)合。
原文地址：海鹽社（公眾號）
作者： 焱小玖
先看看效果圖
我們從背景的創(chuàng)建開始，我用的尺寸是1000*800像素。創(chuàng)建一個“漸變填充”調(diào)整層，設(shè)置如下：
畫一個600*600像素的圓，設(shè)置填充為0，并添加一個斜面和浮雕。
設(shè)置前景色為#312f35，利用布爾運(yùn)算，畫出下圖中的這個圓環(huán)。這個不多贅述，不懂的可以百度下。
為這個圓環(huán)添加一個圖層樣式。
設(shè)置前景色為黑色#000000，跟剛才一樣的操作方法，利用布爾運(yùn)算，畫出下圖中的這個小的圓環(huán)出來，添加一個圖層樣式。
設(shè)置前景色為#aba9a8，畫一個350*350像素的圓，命名為“主體”，并添加一個圖層樣式。
用橢圓工具畫一個330*330像素的正圓，添加一個圖層樣式。
接下來，我們返回到剛才那個命名為“主體”的圓那里，復(fù)制一層，命名為“浮雕1”清除圖層樣式，設(shè)置填充為0，添加一個斜面浮雕。
]]>
效果圖：
操作步驟：
第一步：打開PS，尺寸大小大家可以隨意，我這里設(shè)置的是900*900px;
第二步：使用圓角矩形工具，半徑70px，按住Shift鍵，建立圓角矩形
第三步：添加圖層樣式，斜面和浮雕+漸變疊加
色值：f845f8 ffc6a8
第四步：畫愛心，可以用鋼筆工具勾勒，也可以用自定義形狀工具畫出來，再修改
第五步：復(fù)制一層愛心，使用鋼筆工具，減去頂層形狀，勾勒心型缺角;
第六步：點(diǎn)擊下層愛心圖層，圖層樣式——漸變疊加;
色值：f03f03 f8561f fffbd5
第七步：按住Ctrl鍵，左鍵單擊最上層圖層，轉(zhuǎn)為選區(qū);
第八步：新建一個空白圖層，羽化15px——描邊;
色值：fa63e6
第九步：給這一圖層添加圖層蒙版，按照第七步，建立選區(qū)如下，選擇反向，用黑色畫筆涂抹邊沿;
取消選區(qū)，用柔邊圓畫筆繼續(xù)處理圖層蒙版，如下效果;
圖層混合模式——強(qiáng)光;
最后一步：做心形陰影?？截愖钔暾膼坌男螤顖D層一次，編輯第一個愛心形狀圖層，填充為0，圖層樣式——投影;
一顆漂亮的心形圖案就創(chuàng)作完成了，同學(xué)們要按照步驟操作，才可以完成。
完成后的最終效果：
Projava：在Photoshop中，圖層樣式是最為直觀的東西，所有的效果都能量化，以數(shù)值的形式表現(xiàn)出來，就是各種晦澀難懂的等高線也可以用數(shù)字來表現(xiàn)。利用圖層樣式中的混合模式可以得到千變?nèi)f化的效果，很多的UI和icon絢麗的效果大多數(shù)是靠圖層樣式來實(shí)現(xiàn)的。
今天的iTunes圖標(biāo)是一個非常經(jīng)典的icon，不過現(xiàn)在你們看不到了?，F(xiàn)在的版本只能說是走火入魔，推崇扁平化，說它漂亮也談不上，說難看也不至于。
下面是我完成的效果圖，不過我對它的外輪廓作了一些惡搞性質(zhì)的變化。這個外形介于正方形和圓形之間，它跟圓角矩形不是一個概念，迎合了現(xiàn)在的“審美觀”：
下面開始制作過程，首先我百度了一張?jiān)瓐D作為參考～
新建一個1000*1000的新畫布~
粘貼剛才復(fù)制的iTunes原圖，移動到角落上作為參考~
按ctrl+r打開標(biāo)尺，右鍵標(biāo)尺選擇百分比~
快捷鍵alt+v+e(按住alt，依次按V再按E)在垂直位置輸入50%~
繼續(xù)橫向位置也是50%~
設(shè)置好參考后點(diǎn)擊圖層欄下面的快捷按鈕添加一個漸變調(diào)整層。
選擇你認(rèn)為比較合適的顏色搭配。本來我打算給出顏色的代碼，后來想想還是算了，每個人都有自己的獨(dú)好。我認(rèn)為好看的你不一定也認(rèn)同，所以這里你大可不必按照我的選擇。
在圖形工具里選擇橢圓工具~
以參考線的交叉點(diǎn)為中心畫一個大小差不多跟畫布大小的圓形。至于它的顏色大可不必在意，任何顏色都可以，我只要的是它的形狀~
右擊“選擇工具”，選擇“直接選擇工具”，也就是白色的箭頭。如果你比較熟悉這個工具的話可以結(jié)合ctrl建快速轉(zhuǎn)換。
框選水平方向的兩個錨點(diǎn)~
右鍵選擇“自由變換點(diǎn)”~
]]>
最終效果：
下面一起來學(xué)習(xí)吧：
步驟一：首先新建畫布900px*900px畫布，命名為日歷圖標(biāo)，為背景添加圖層樣式。
步驟二：使用圓角矩形工具、繪制一個530px*530px圓角半徑為90px底座，并為它添加圖層樣式。
步驟三：高逼格的底座一下就出來了，有木有!!!接下來繼續(xù)使用圓角矩形工具、繪制一個398px*398px圓角半徑為40px日歷，并為它添加圖層樣式。
步驟四：復(fù)制日歷圖層，將復(fù)制的圖層移動到合適的位置。
步驟五：再次復(fù)制日歷圖層，利用形狀圖層布爾運(yùn)算，減去頂部，命名為變形圖層，并合并形狀組件。
步驟六：我們復(fù)制變形圖層吧， ctrl+t調(diào)整中心點(diǎn)垂直翻轉(zhuǎn)一下，調(diào)節(jié)高度，右鍵透視調(diào)節(jié)合適形狀，合并兩個形狀清除之前的圖層樣式，并從新添加圖層樣式吧。
]]>
最終效果：
老規(guī)矩，先來分析一下。這里我們主要分為四個部分：底座、綠條、大鏡頭、小鏡頭，其他問題都不大，主要是鏡頭部分、需要用到多個圖層及圖層樣式，來表現(xiàn)圖標(biāo)的立體感，騷年分析完已經(jīng)成功一半了，離成功還會遠(yuǎn)么，噢耶!!!
步驟一：
首先新建畫布800*600畫布，命名為相機(jī)，填充背景顏色#c5c3c6
步驟二：
使用圓角矩形、繪制一個280*280，圓角半徑為50px的圖層，并為它添加圖層樣式。
步驟三：
接下來我們新建85*280的矩形，命名為綠條、添加圖層樣式。
步驟四：
使用橢圓工具、繪制一個170*170的大圓，并為它添加圖層樣式。
步驟五：
繼續(xù)使用橢圓工具、繪制一個150*150的圓，并為它添加圖層樣式。
步驟六：
繼續(xù)使用橢圓工具、繪制一個135*135的圓，并為它添加圖層樣式。
步驟七：
我們繼續(xù)使用橢圓工具、繪制一個115*115的圓，并為它添加圖層樣式。
]]>
詳細(xì)過程
最終效果