大家好，這是 2023 年 9 月的第 3 波干貨合集！這次合集當(dāng)中包含了幾款最近剛剛出來的 AI 工具，輔助引導(dǎo)新用戶和制作 Demo 的 AI 工具、協(xié)助設(shè)計(jì)師尋找靈感的 AI ，但是更值得關(guān)注的是新型瀏覽器 Arc 、傳統(tǒng)的樣機(jī)素材分享平臺 ApeMockups 以及新型的在線動態(tài)樣機(jī)展示 MockMock，以及 2 款各有優(yōu)劣的配色工具。

當(dāng)然，在此之前記得看看往期干貨中有沒有你感興趣的素材：

下面我們具體看看這一期的干貨：

1、精選免費(fèi)可商用樣機(jī)網(wǎng)站 ApeMockups

https://www.apemockups.com/

這個名為「猿樣機(jī)」的網(wǎng)站是一個主打免費(fèi)樣機(jī)類素材的干貨平臺，網(wǎng)站內(nèi)幾乎所有的樣機(jī)都是免費(fèi)可個人用也可商用的。網(wǎng)站將需求量最大的 PSD 樣機(jī)單獨(dú)提取出來，作為一個單獨(dú)的門類，同樣需求量較大的蘋果系列的設(shè)備樣機(jī)、品牌和 LOGO 樣機(jī)也被獨(dú)立到導(dǎo)航當(dāng)中。值得一提的是，Ape Mockup 還有免費(fèi)字體、動畫樣機(jī)等其他類型的素材，可以滿足大家日常的素材搜集需求。

2、基于 AI 的新用戶引導(dǎo)和演示生成平臺

https://supademo.com/

當(dāng) AI 技術(shù)逐漸滲透進(jìn)入用戶體驗(yàn)設(shè)計(jì)領(lǐng)域之后，它可以開始接管一些相對繁雜的基礎(chǔ)工作，比如這個名為 Supademo 的平臺，裝上它的插件之后，它可以輔助你在幾分鐘內(nèi)就生成一套相當(dāng)簡單易用的交互式的新用戶引導(dǎo)功能，其中包含所涉及的產(chǎn)品功能點(diǎn)，AI 會智能地生成引導(dǎo)性的文本，幫助用戶了解功能、流程和服務(wù)，生成過程中會有很多個性化的設(shè)置來滿足你的需求，而插件生成的引導(dǎo)流程和演示 Demo 也可以借助鏈接快速分享。

3、簡單好用的隨機(jī)配色方案生成器

https://extrahefty.com/tools/colorpalette

感覺設(shè)計(jì)師和開發(fā)者在配色工具這個事情上還蠻卷的，現(xiàn)在大家還在想盡辦法搞出更快、更好更方便的配色生成工具，這個在線的配色工具看起來并不復(fù)雜，但是它已經(jīng)將配色的規(guī)則、設(shè)計(jì)規(guī)范的限制都融入其中，隨機(jī)生成的任意一種配色方案都能夠符合可用性的最低要求，確保所有的顏色都具備較好的識別度。另外，你可以在 Transformation 當(dāng)中選擇配色的策略，并且借助右側(cè)的兩個選項(xiàng)來控制總體的色調(diào)和飽和度，按空格按鍵就能夠不斷隨機(jī)，一直隨機(jī)到你滿意為止。

4、設(shè)計(jì)感和功能都超強(qiáng)的新型瀏覽器 Arc

https://arc.net/

推薦瀏覽器似乎有點(diǎn)……不務(wù)正業(yè)，但是如果你是一個樂于接受新鮮事物的工具控，那么 Arc 瀏覽器可能是一個非常值得嘗試的瀏覽器入口。如果你是一個 UI/UX 設(shè)計(jì)師，那么作為一個 2023 年的當(dāng)紅瀏覽器產(chǎn)品，它對于信息組織、交互設(shè)計(jì)的探索，是一個非常值得研究的真實(shí)案例。

Arc 瀏覽器將絕大多數(shù)的常見功能都集成到左側(cè)側(cè)邊欄上，這其實(shí)非常符合橫屏的使用場景，這種設(shè)計(jì)之下，側(cè)邊欄承載了常用網(wǎng)站快捷鍵、瀏覽器插件、工作區(qū)、收藏夾、多媒體等多個模塊，其中很多功能對于設(shè)計(jì)師和內(nèi)容創(chuàng)作者而言非常友好，極為順手。

如果你愿意了解和定制，Arc 可以基于你的需求如臂使指。最讓人貼心的地方在于，Arc 將原本藏在菜單的各種快捷鍵，以更加顯而易見的方式梳理出來，在日常操作的時候借助工具提示，不斷提醒你，形成記憶。

目前 Arc 有 Mac 版和 iOS 版，Windows 版已經(jīng)在路上了，你可以進(jìn)入 Arc 官網(wǎng)申請等候內(nèi)測。

5、試圖成為 Pinterest AI 版平替的「貓鳥AI」

https://www.catbird.ai/

對于 AI 的文生圖，「貓鳥」背后的開發(fā)者和設(shè)計(jì)者可能有著更精準(zhǔn)的定位——作為靈感參考和情緒板來使用。從根本上來說，「貓鳥」是用AI生成來替代網(wǎng)上搜索圖片，它獲取的圖片的方式也是使用不同的 AI 來生成圖，只不過它生成圖的 AI 模型會比較多。雖然「貓鳥」的野心比較大，不過實(shí)際效果暫時沒有 Pinterest 那么龐大的體量，每次也都只是幾張幾張的吐，需要的咒語最好也稍微寫得詳細(xì)一點(diǎn)。

6、在線 3D 動態(tài)樣機(jī)生成服務(wù)

https://mockmock.netlify.app/

說起來，現(xiàn)在有很多在線樣機(jī)編輯的服務(wù)了，這個名為 Mock Mock 的服務(wù)提供靜態(tài)和動態(tài)樣機(jī)展示兩種功能，你可以把圖、文本添加到其中生成靜態(tài)圖片效果圖，還能點(diǎn)擊 Animations 切換到動態(tài)樣機(jī)模板中，內(nèi)置了 8 種免費(fèi)的動態(tài)樣機(jī)模板，直接幫你生成動態(tài)的展示視頻，下載即可使用。

7、超有質(zhì)感的漸變色彩生成的插件

https://www.shadergradient.co/

漸變配色工具并不少見，但是看起來足夠富有質(zhì)感，色彩變化又足夠好看，用起來也得足夠順手的漸變工具倒是不算太多。這個名為 ShaderGradient 的插件可以直接安裝到 Figma、Framer、React 當(dāng)中，從視覺稿到代碼效果都可以直接生成，直接用就完事了，相當(dāng)省心。

另外，千萬不要錯過近期上架的《AI 繪畫入門完全指南》，鏈接： AI 繪畫入門完全指南（新課特惠） (uisdc.com)