春季福利！2018年3月設(shè)計(jì)圈超實(shí)用干貨大合集

2018-03-26 11:16:05 閱讀 292454 本文來源：CARRIE COUSINS

分享至：

一年之計(jì)在于春，進(jìn)入春季之后，設(shè)計(jì)師和開發(fā)者的靈感和效率似乎都高了起來，新的工具和新的素材都多起來了。在這個(gè)月的設(shè)計(jì)干貨大合集當(dāng)中，圖標(biāo)、字體等常見的素材一個(gè)都沒有缺席，而諸如色彩和 CSS 之類的工具倒是比以往要多了不少，這大概也算是春天的福利吧？

Abstract Acrylic Graphic Pack

Abstract Acrylic Graphics Pack 是一個(gè)紋理素材包，其中的紋理色彩豐富，且被打包為 jpg、png 和 AI 三種常見格式。整個(gè)素材包當(dāng)中包含了20種紋理和90個(gè)矢量形狀，可供你使用。

Prompts

Prompts 是一個(gè)輕量級(jí)的交互式提醒工具，它是基于一個(gè)簡(jiǎn)單的代碼概念構(gòu)建而成，沒有大量的互相依賴的模塊。

Dribbble Color Palette Generator

這個(gè)插件非常有用，它能夠?qū)⑷魏?Dribbble 上的配色方案轉(zhuǎn)化為 Sketch 可用的配色。你所需要做的就是將 Dribbble 配色方案下載并導(dǎo)入到這個(gè)插件就可以了。

FastPhotoStyle

FastPhotoStyle 是一個(gè)來自 Nvidia 的代碼庫，其中包含了圖片風(fēng)格快速轉(zhuǎn)換的算法，它能讓你將一種代碼風(fēng)格快速轉(zhuǎn)化為另外一種。

CSS Color Gradients

這個(gè)名為 CSS 色彩漸變的工具能夠幫你生成更加直觀自然的漸變色彩代碼，從選取色彩到色彩過渡，整個(gè)工具能夠調(diào)整漸變效果，可以抓取顏色漸變的 CSS 并將其添加到項(xiàng)目中。

Launchaco

Launchaco 是一個(gè)為創(chuàng)業(yè)公司所準(zhǔn)備的網(wǎng)站搭建工具，它可以創(chuàng)建響應(yīng)式的網(wǎng)頁，APP，它具備絕大多數(shù)的網(wǎng)站構(gòu)建工具都具備的功能，比如 HTTPS，自定義域和 Google Analytics 等。

Chrome Music Lab: Song Maker

Google 的新玩物，試著使用鼠標(biāo)在色塊中選取你喜歡的，看看它們會(huì)呈現(xiàn)出什么樣的音樂風(fēng)格吧！這是一個(gè)極富創(chuàng)意的產(chǎn)品，很有意思。

.colors

這款工具主要解決網(wǎng)頁設(shè)計(jì)中的難題：你會(huì)在代碼中看到一堆色彩的代碼，但是你并沒有辦法直觀地知道它們的樣子。這個(gè)工具能夠幫你直觀地看到它們的樣子，代碼貼進(jìn)去就好了。

Today’s Date SVG

Terence Eden 總希望他的博客能使用 SVG 格式的文檔來顯示當(dāng)前的日期，所以他創(chuàng)造了這個(gè)工具。

Kutt.it

Kutt 是一款全新的短鏈接生成器，其中集合了創(chuàng)建、保護(hù)和刪除鏈接的功能，能夠跟蹤分析，能夠自定義，還能同 API 集成。這款工具是開源免費(fèi)的。

30 Seconds of CSS

30 Seconds of CSS是一個(gè)精選的代碼合集，確保任何人都能夠在1分鐘內(nèi)將這些代碼部署在網(wǎng)站項(xiàng)目中。

Sketch Isometric

Sketch Isometric 插件讓用戶可以在 Sketch 中生成矩形等軸視圖，對(duì)于UI設(shè)計(jì)師而言，這是一個(gè)用來展示作品的超實(shí)用插件。除了生成效果之外，這個(gè)插件還能夠扭曲，縮放和渲染色彩。

Duet Display

屏幕不夠用，需要更多的顯示區(qū)域？Duet Display 可以幫你將 iPad 變成 Mac或者 PC 的外置顯示器。這款工具是由 Apple 的前工程師開發(fā)的，可以幫你提升工作效率。

Notifications

Inclusive Components 提供了一篇關(guān)于通知設(shè)計(jì)和開發(fā)的好文章，文中告訴你如何將通知組件包含在 Web 應(yīng)用中。

Pure CSS Moleskine Notebooks

如果你也是 Moleskine 這個(gè)著名筆記本品牌的粉絲的話，你會(huì)喜歡這個(gè)純 CSS 版本的 Moleskine 筆記本的。

Mario Pixel Icons

這個(gè)以馬里奧命名的像素風(fēng)圖標(biāo)合集可以再一次將你帶回80年代。這套圖標(biāo)合集當(dāng)中，所有的圖標(biāo)都被打包為 AI、PNG 和 SVG 格式，非常方便使用。

Handlebars in UI Design

Angie’s List 的設(shè)計(jì)師 Shankar Balasubramanian 針對(duì) Handlebars 元素進(jìn)行了深入的研究，在他的文章中，是這樣說的：“Handlebars 是一種界面元素，可以幫助用戶調(diào)整和重新排布 UI 中不同的區(qū)域和模塊。如果你曾在 iPad 上使用過分割視圖，那么你一定試過控制兩個(gè)界面之間的邊界控件，這就是我所說的 Handlebars。”

Extinct Animals Icons