今天向各位同學(xué)介紹一個(gè)有趣、有用的工具：Notion Avatar Maker。以下簡(jiǎn)稱NAM。

先聲明一下，只是簡(jiǎn)介，不涉及深度使用。

這里面也會(huì)有一些概念科普，比如什么是Notion，什么是CC0協(xié)議等等。

文章目錄：

• Notion Avatar Maker 是啥？有什么用？

• Notion Avatar Maker的三大特色

• 使用注意事項(xiàng)

NAM 是啥？

一句話概括：它是一個(gè)開(kāi)源的Notion風(fēng)格頭像生成器，用于生成頭像。而且，生成的頭像是基于CC0協(xié)議。就是這樣簡(jiǎn)單！這里有兩個(gè)地方可能很多同學(xué)不明白：第一，什么是Notion風(fēng)格？

一圖勝千言，簡(jiǎn)單來(lái)說(shuō)，Notion 風(fēng)格就是下圖中這種簡(jiǎn)約的黑白簡(jiǎn)筆畫(huà)風(fēng)格。

第二，什么是CC0協(xié)議？英文好的可以直接查看原文說(shuō)明：

CC0 (aka CC Zero) is a public dedication tool, which allows creators to give up their copyright and put their works into the worldwide public domain. CC0 allows reusers to distribute, remix, adapt, and build upon the material in any medium or format, with no conditions.

CC是非盈利性組織Creative Common的簡(jiǎn)稱，又叫知識(shí)共享、創(chuàng)用CC，這個(gè)組織制訂了不同的CC協(xié)議，目的是讓創(chuàng)作者放棄自己創(chuàng)作內(nèi)容的部分權(quán)利。CC0協(xié)議就是要求創(chuàng)作者放棄所有的權(quán)利，允許任何人無(wú)條件地使用你的作品。

當(dāng)然了初衷還是挺好的，用于提升創(chuàng)作內(nèi)容的流通性，在應(yīng)用中激發(fā)更多創(chuàng)意，創(chuàng)造更多創(chuàng)意。不過(guò)嚴(yán)格來(lái)說(shuō)，基于CC0協(xié)議的作品還是有些爭(zhēng)議的，并不是所有的CC0協(xié)議的作品都可以免費(fèi)商用，各位同學(xué)在使用前還是要慎重研究和考慮。

它的官網(wǎng)在這里：https://notion-avatar.vercel.app/zh

GitHub地址在這里：https://github.com/mayandev/notion-avatar

截止到今天，已經(jīng)有1400+顆星了。

NAM 有啥特色？

特色1: 簡(jiǎn)單

錦一爸爸在2021年下半年，一直在嘗試做一些B端產(chǎn)品，這些產(chǎn)品在實(shí)現(xiàn)層面有較高的技術(shù)門(mén)檻，所以在公司內(nèi)部推動(dòng)時(shí)也比較困難，有段時(shí)間可謂是舉步維艱。

但是做出來(lái)一部分之后，卻發(fā)現(xiàn)，反而是那些簡(jiǎn)單易用的工具最受歡迎，那些復(fù)雜的產(chǎn)品因?yàn)槭褂瞄T(mén)檻高，鮮有人問(wèn)津，距離真正的發(fā)揮它們的價(jià)值還為時(shí)尚遠(yuǎn)。

所以我的一個(gè)非常深刻的感觸：簡(jiǎn)單是一個(gè)產(chǎn)品最重要的品質(zhì)之一。

特色二：頭像元素組件化，各個(gè)元素類型豐富，可自由組合

之所以要分享這個(gè)工具，有一個(gè)重要的因素，這個(gè)工具蘊(yùn)含了一種非常值得借鑒的面向?qū)ο蟮脑O(shè)計(jì)哲學(xué)。

面向?qū)ο筮@個(gè)概念，是啥意思呢？這個(gè)概念有點(diǎn)大，感興趣的同學(xué)可以自行了解。

這里只做簡(jiǎn)單說(shuō)明，【面向?qū)ο蟆靠梢哉J(rèn)為是相對(duì)于【面向過(guò)程】而言的。

比如，畫(huà)一個(gè)頭像這件小事，像錦一爸爸這種完全不會(huì)畫(huà)畫(huà)的人，一般會(huì)有這樣幾個(gè)過(guò)程：

• 先去畫(huà)一個(gè)臉型

• 畫(huà)上兩只眼睛

• 再去畫(huà)上嘴巴、鼻子、耳朵……

這就是【面向過(guò)程】了。

每次錦一讓我和她一起畫(huà)畫(huà)時(shí)，我就是經(jīng)常這樣應(yīng)付錦一的。

可是有假如有一天，錦一不干了，說(shuō)：爸爸，我要你給我畫(huà)一千張頭像，哦不，一萬(wàn)張！

怎么辦，一張張畫(huà)，不現(xiàn)實(shí)！

那我也許就會(huì)開(kāi)始想，一個(gè)頭像有哪些東西組成的呢：

我先把組成頭像的這五個(gè)東西，認(rèn)為是五種對(duì)象，然后針對(duì)每個(gè)對(duì)象，提前畫(huà)好，這些都準(zhǔn)備好之后呢，我是這樣生成一張頭像的：

從臉型、眼睛、鼻子、嘴巴和眉毛五種對(duì)象中分別選擇一種提前畫(huà)好的素材，組裝到一起，這樣一張頭像就生成了。這就是【面向?qū)ο蟆苛?。其?shí)也就是NAM這個(gè)工具采用的方法了。

將頭像的組成對(duì)象進(jìn)行拆分，然后排列組合，理論上可以生成19247116237440個(gè)不重復(fù)的頭像。

這個(gè)數(shù)字有點(diǎn)夸張，貌似幾十億了，我覺(jué)著我可能算錯(cuò)了，但排列組合的數(shù)學(xué)知識(shí)快忘光了，就不深究了?？傊?，這樣的設(shè)計(jì)思想，非常值得做產(chǎn)品和開(kāi)發(fā)的同學(xué)去借鑒。

特色三：生成的頭像下載支持SVG和PNG格式，可以二次修改

SVG，是可縮放矢量圖形（Scalable Vector Graphics）的縮寫(xiě)，SVG的圖版跟分辨率無(wú)關(guān)，完美顯示，一圖可以適配各種尺寸。

使用注意事項(xiàng)

一般個(gè)人使用，比如生成個(gè)頭像用在作個(gè)人B站、知乎、微信頭像什么的，沒(méi)啥問(wèn)題，盡管用就好了。

但如果商業(yè)用途，尤其是用于公司的運(yùn)營(yíng)推廣類的UI設(shè)計(jì)，還是要慎重。

雖然生成的頭像圖片是基于CC0協(xié)議的，但基于CC0協(xié)議的作品還是有些爭(zhēng)議的，并不是所有的CC0協(xié)議的作品都可以免費(fèi)商用。在使用前還是要慎重研究和考慮。