對(duì)于設(shè)計(jì)師而言,最好的工具始終是能讓設(shè)計(jì)過程更加便捷、更出效果、更加快速的那些工具。而如今的新工具也正是向著這個(gè)方向前進(jìn)的。這一期的設(shè)計(jì)圈干貨大合集就包含了不少這樣的工具。下面我們具體看看吧:
The Hero Generator 是一個(gè)有趣的工具,可以幫你挑選更加合適的網(wǎng)頁Banner 圖參數(shù),你可以直接使用這款工具來嵌入圖片,而不用自己再來切圖和編寫代碼,這款工具能夠一鍵幫你生成效果,確保疊加層的效果、對(duì)比度等等因素,確保整體效果足夠突出。
Sorted Colors 可以將那些有名字的、有特點(diǎn)的色彩,重新組織到了一起,當(dāng)你在挑選配色方案的時(shí)候,可以從中找到更貼合你心意的配色。這種組織方式更加貼合選擇色彩的需求。
Pose Animator 是一個(gè)非常強(qiáng)大的工具,能夠借助 PoseNet 和 Face Mesh 將照片中的面部特征提取出來,基于骨骼特征來生成對(duì)應(yīng)的 2D 矢量插畫,你可以在 Chrome 和 Safari 瀏覽器中使用它。
Neumorphism UI 是一個(gè)UI Kit,其中包含了許多新擬物化風(fēng)格的組件,總計(jì) 200 多個(gè),其中共分為 10 個(gè)部分和 5 大范例。
有研究人員發(fā)現(xiàn),使用單個(gè) RGB-D 圖像能夠轉(zhuǎn)成 3D 的照片,但是你需要借助深度分層技術(shù)來實(shí)現(xiàn)這樣的效果,而這套源代碼就是相應(yīng)的學(xué)習(xí)模型。
Meanderer 是一個(gè)超小的 CSS 動(dòng)畫效果庫(kù),它可以生成很漂亮的效果,但是也足夠輕量級(jí),你所需要的素材是 SVG 格式的對(duì)象。
有時(shí)候,最簡(jiǎn)單的動(dòng)畫一樣可以對(duì)設(shè)計(jì)產(chǎn)生最直接有效的影響。這個(gè)來自 Aaron Iker 的 下劃線動(dòng)畫就是很好的例子。
如今在設(shè)計(jì)的時(shí)候,依然需要使用到漢堡圖標(biāo)。這篇來自 UX Collective 的教程將會(huì)教你如何使用 SVG 和 CSS 有效地進(jìn)行設(shè)計(jì),實(shí)現(xiàn)效果。
Blush 是一款有趣的半定制化的插畫生成器,它的基礎(chǔ)元素部分來自世界各地的設(shè)計(jì)師的創(chuàng)作,你可以通過多樣的混搭來達(dá)到你想要的效果,然后根據(jù)你的需求下載相應(yīng)的 PDF 文檔。
Supabase 是一款開源的解決方案,讓你無需代碼就可以向 Postgres 添加實(shí)時(shí)的靜態(tài) API,非常方便。
Fluent Icons 是一個(gè)包含 965 款不同圖標(biāo)的合集,這些圖標(biāo)都符合微軟的 Fluent Design 的設(shè)計(jì)規(guī)范,特別適合在 APP、信息圖表和網(wǎng)站當(dāng)中使用。
如果正在尋找一個(gè)快速有趣的域名,可以來 One Word Domains 來挑選。
這是一組免費(fèi)的圖標(biāo)合集,總計(jì)包含 67 款不同的圖標(biāo),包含 SVG、EPS、PNG、AI 等不同格式。
Windups 是一個(gè)非常有趣的工具,它可以幫助你向文本中添加類似打字機(jī)一樣的動(dòng)畫效果和樣式,這是幫助你添加動(dòng)態(tài)內(nèi)容的有趣方法。
Attention Insight 是一款人工智能驅(qū)動(dòng)的設(shè)計(jì)分析工具,讓你可以對(duì)比和衡量頁面中哪些元素更受關(guān)注,它可以生成熱圖和注意力百分比圖表,幫你衡量設(shè)計(jì)的效果。涉及到對(duì)比度的功能也正在開發(fā)中,你只需要裝上對(duì)應(yīng)的 Chrome 插件就可以使用了。
Color Copy Paste 是一款應(yīng)用程序,你可以使用它捕獲任何色彩,然后將它粘貼到 Figma 、Sketch 或者 Web 瀏覽器當(dāng)中。
Runme 是一個(gè)依然處于測(cè)試階段的工具,借助它,你可以在任何公共的 Git-repo 中一鍵構(gòu)建、部署和發(fā)布新的應(yīng)用,輸入一些簡(jiǎn)單的 Url 和簡(jiǎn)單的命令,就可以開始了。
Rough Notation 是一個(gè)超小的 JavaScript 庫(kù),用于在網(wǎng)頁上創(chuàng)建注釋和動(dòng)畫,它能夠使用 RoughJS 創(chuàng)建帶有手繪質(zhì)感的筆觸,它的元素可以以多種不同的樣式進(jìn)行注釋,動(dòng)畫的持續(xù)市場(chǎng)和延遲效果也可以進(jìn)行配置或者關(guān)閉,你可以在它的選項(xiàng)中選擇各式各樣的樣式,非常多樣。
Trails 是一個(gè)簡(jiǎn)單但是非常有用的工具,能夠幫你生成在 X和Z軸上的簡(jiǎn)單的幾何軌跡,并且應(yīng)用到 Three.js 的對(duì)象中,簡(jiǎn)單,但是令人著迷。
這是一個(gè)給設(shè)計(jì)師的設(shè)計(jì)闖關(guān)游戲,在 ILoveTypography.com 這個(gè)網(wǎng)站當(dāng)中,包含有30個(gè)關(guān)于字體和字符設(shè)計(jì)方面的小問題,考驗(yàn)?zāi)愕臅r(shí)候到了。
Cosmos 是一款有著多彩漸變色的可變字體,它自帶有漸變、極簡(jiǎn)、故障、模糊乃至于全息影像等不同風(fēng)格效果,非常新潮。
Ephemera 是一款樣式獨(dú)特風(fēng)格時(shí)髦的字體,它的線條輪廓和其他的字體有著很大的差別,可以用來制作獨(dú)特的 LOGO 或者搭配特定風(fēng)格的設(shè)計(jì)來使用。
Kavo Serif 是一款頗為現(xiàn)代的襯線字體,有5種不同的字重,甚至包括 LOGO 設(shè)計(jì)模板。這款字體適用范圍比較廣,無論大小都適用。
Republiko 是一套帶有描邊樣式的現(xiàn)代字體,雖然是用于展示,但是在較小的尺寸下依然保持有良好的可讀性。
TT Lakes Neue 是一個(gè)擁有超多字體樣式的家族,多達(dá)91個(gè),并且其中有很多是造型相當(dāng)有意思的幾何字體,甚至包含有幾款時(shí)下流行的可變字體。
Typo Ring 是一個(gè)有著圓潤(rùn)筆觸的字體,可免費(fèi)下載的部分是筆觸較粗的部分。它的可讀性很強(qiáng),大小寫都有。
XXIX 是一款大膽的、充滿未來的字體,有著富有趣味的外觀輪廓和微妙的傾斜角度,不過它僅有大寫字母。
往期干貨:
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
標(biāo)志設(shè)計(jì)標(biāo)準(zhǔn)教程
已累計(jì)誕生 729 位幸運(yùn)星
發(fā)表評(píng)論 為下方 5 條評(píng)論點(diǎn)贊,解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓