其實這兩天github壞了，害我有點開心可以合理挑戰失敗...沒想到工程師實在太熱情，立馬就找了替代方案給我，還很得意的跟我說：沒藉口斷文章了吼～
（只好繼續寫下去...）

有鑒於寫了一週的文章，讚數卻少到讓人百思不得其解...（明明就是作者問題！）
今天就來探討一下icon好了！

PM「這有什麼不對？這樣不是很可愛嗎？」
Designer「可是這樣用很不直覺啊...」
PM「聖誕節快到了，放個聖誕樹應景啊！我們是賣貓咪用品的，加入購物車用隻貓也沒什麼不好吧！不希望使用者登出所以用個炸彈～不覺得這樣很幽默嗎？」
Designer.RD「不覺得！！！！」

通常來說，使用者的認知是 依照過去取得的經驗長期累積下來的一種直覺（習慣） ，所以如果有非常經常被使用的功能，通常使用者都會有個先入為主的印象，你突然將它換掉的話，有可能會造成使用者用起來覺得「卡卡的」或是「找不到功能在哪裡」！

當然，在少數情況下，你也可以教育你的使用者！
例如「按讚」這個習慣大概是從Facebook養成的，所以現在大家大概看到下面這種icon都會蠻直覺的知道是「like」的意思！

（圖片截自google搜尋結果）

或是遊戲畫面中，總是會讓你知道哪個icon是什麼技能，即便你是初入江湖菜味十足的新手，玩久了你也是會認識這個圖案就是我的大絕招～

前提是你的使用者黏著度要夠！不然在 他還沒學起來之前，就已經因為難用而離開你家網站 ，那還談什麼教育呢？

例如說，鐵人賽網站的「點讚」icon設計。
就在文章title左邊，按按看就知道了！請務必按按看！！ （被拖走）

嗯？嗯嗯嗯！！？？

（圖片截自google搜尋結果）

難道是我誤會了什麼嗎？O_O...
我一開始還以為 為什麼這個go top不會跟著我飄到下面，這樣是要怎麼go ？（咖麻喜麥安抓造！？）

但是 鐵人賽這麼大的年度盛事我想大家黏著度都很高吧哈哈哈哈哈哈 （拜託不要吉我）
想想就釋懷了（Ｘ）

趕緊來講點正經的，不然被叫去領五百怎麼辦（等等，好像不錯？）

我比較常用的是fontawesome和Material Design icons
sketch的外掛中，也有支援對這兩套的使用～只要安裝外掛就可以了。

改顏色和大小的方式，比照一般文字就可以了～在工程師眼中這種就叫做icon font，就是說這樣的svg已經文字化了，直接用針對文字設定的語法就可以改變它！
對設計師來說，這樣的方式也增加了修改的活性～想改顏色的話，不必再重新生圖！下個color就可以了！
簡直是天上掉下來的禮物（喂。）

那麼切版時又該怎麼用呢？
下篇再告訴大家喔～（絕對不是在拖搞！）