﹁加鹽﹂有了它的第一版 logo 💪
公元二〇一七年七月二五日
作為一個新上線的博客，﹁加鹽﹂無疑還有許多瑕疵，個人認為 logo 的缺失是最需要改進的那一個。﹁加鹽﹂的關鍵詞是﹁純粹﹂，但純粹並不意味着﹁簡陋﹂。在一個好的網站︵或博客︶中，logo 是要起到﹁畫龍點睛﹂的作用的，﹁加鹽﹂選用裏相對樸素的官方模板，相比於其他站點就更需要一個 logo 來起到﹁點睛﹂的效果。對於沒有任何美術經驗的我來説，這個﹁點睛之筆﹂成為了一個和取名一樣難的事情😹
﹁第一版﹂的﹁第一版﹂
現在這個黑色的﹁鹽罐子﹂雖説是﹁加鹽﹂ 的﹁第一版﹂logo，但實際上這只是﹁加鹽﹂確定下來的第一個正式 logo。在選用這個logo前，其實是出現過多版迭代的，我在這個迭代過程中也走了不少的彎路，最終得到答案也和其實和最初的想法是大相徑庭的。我在選 logo 時的第一個想法就是 emoji。在﹁加鹽﹂你會發現， emoji 是這個站一個非常活躍的元素，你可以在 ﹁加鹽﹂的每一個角落看到它們。所以我在選 logo 時自然就冒出來﹁把 emoji 這樣的元素放在 logo 中這麼一個想法﹂。
在 macOS 中，按下 command + control + 空格 可以調出自帶的﹁特殊符號選擇器﹂︵這是我給它起的名字🌚︶這也是我一般輸入 emoji 的方法。在搜索欄中輸入﹁鹽﹂後，我失望的發現這裏並沒有和鹽有關的 emoji。於是我不得不轉移思路，把注意力轉到了我最喜歡的麪食 ︱︱ Spaghetti︵意大利麪🍝︶身上。就這樣我開始在 Emojipedia 上搜索各家的🍝 emoji。
從我個人的角度來看，我最喜歡 Apple 的 emoji，我覺得 Apple 的 logo 最生動、俏皮。而作為扁平化最早的實踐大廠，微軟的許多 emoji 也相當好看、脱俗。而在這當中，我最﹁討厭﹂的是 Google 的 emoji 。我雖然討厭消費電子話題中給別人貼標籤、戴帽子的行為，但我自己有時會給自己貼上﹁穀粉﹂和﹁果粉﹂的🏷️。作為一個﹁穀粉﹂我也很欣賞 Google 的 Material Design，我認為 MD 在 UI/UX 領域的設計思路以及動效是目前最明確以及最好的。但是我認為 MD* 的部分藝術風格及配色是行業最糟糕的︵這一點我以後可能會撰文詳細解釋︶，尤其是使用了 MD 風格的 emoji，﹁糊成一團﹂是我對其的形容詞👿。︵不過﹁藝術風格﹂及配色的審美是極其因人而異的，所以歡迎在評論🦐發表你的觀點︕︶
值得一提的是，由於 WordPress 使用的是 Google 提供的字體，我博客中的所有 emoji 都變成了 MD 風格的︵至少這是我認為的原因，如果不是歡迎留下留言︶，我使用了﹁Disable Emojis﹂這個插件解決了這個問題。這個插件可以讓所有平台的用户顯示屬於它們平台的 emoji。
在有了以上的想法後，我在 Emojipedia 提取了幾幅 PNG 格式的 emoji，雖然 160 X 160 的﹁大圖﹂已經是可以找到的最大資源了，但是這些資源在電腦端的效果奇差，尤其是 Apple 的寫實 emoji，可以明顯察覺到﹁馬賽克﹂的存在。在多次調試後無果後，我不得不放棄了使用 emoji 作為 logo 的 idea。而在走了這麼多﹁彎路﹂後，我已經在尋找 Logo 上浪費了大半天。
﹁彎路﹂讓我走上更好的路💪
在 emoji 計劃徹底失敗後，我的計劃改成了﹁自暴自棄﹂式 ︱︱直接在網上搜索一個圖標。網上的資源雖然多，大多數都版權不明且質量其差。這時候百度， Google 這樣的搜索引擎是無法奏效的，但我有一個更好的辦法 ︱︱把知乎當成搜索引擎。網上流傳者用淘寶代替百度的方法，因為商家往往會給出相當詳細的教程，和對一些難懂詞彙概念的通俗解釋，我的辦法實際上和這個有異曲同工之妙。在我這種情況下，事實證明這實際上是一個相當好的方法😼。在知乎上輸入﹁有哪些免費的圖標站﹂後，我找到了一篇站點推薦文章。點開推薦的第一個站點︵需要科學上網︶，輸入關節詞 "salt"，一大堆﹁鹽罐﹂的 icon 跳到我的眼前。Nice︕ 雖説這網站不是 logo 站，但這些黑白風格的 icon 剛好符合我網站的設計︕︕沒想到我一時手誤找的 icon 站，竟然滿足了我找 logo 的需求👍
在眾多的 icon 中，我選擇了一個💎型的鹽罐正在撒鹽的 icon︵實際上還是母上大人選的︶ 。這個 ﹁鹽罐﹂︵Slat Shaker) icon 是一個叫 Ayub Irawan 的用户上傳的。在選中這個後，我將這個鹽罐以 SVG 格式下載，這樣在處理時我就可以無限放大它。
在 WordPress 中，SVG 並不是一個支持的格式，你可以使用﹁SVG Support﹂這樣的插件上傳並使用這種格式。值得注意的是，我所試用的所有類似插件皆不支持將 SVG 格式的文件作為圖標，因為 WordPress 會要求你剪裁這個﹁照片﹂然後報錯。
最後，我在 Sketch 中打開了這個文件，放大 40 倍並導出。上傳到 WordPress 後，發現效果極好︕即使在電腦上，Logo 不僅醒目而且清晰，可謂是相當完美︕在走了許多彎路後，我終於找到了這個令人滿意的圖標︵沒想到大部分的時間都花到彎路身上了︶︕
*這裏的 MD 主要指的是較舊的 MD 設計風格，雖然在文檔中沒有體現，但 MD 在 Google 的實際使用方法已經有了改良。
❗️這是一篇分級為﹁通知級﹂的博客。