春季福利！2018年3月設計圈超實用干貨大合集

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

Abstract Acrylic Graphic Pack

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

Prompts

Prompts 是一個輕量級的交互式提醒工具，它是基于一個簡單的代碼概念構建而成，沒有大量的互相依賴的模塊。

Dribbble Color Palette Generator

這個插件非常有用，它能夠將任何 Dribbble 上的配色方案轉化為 Sketch 可用的配色。你所需要做的就是將 Dribbble 配色方案下載并導入到這個插件就可以了。

FastPhotoStyle

FastPhotoStyle 是一個來自 Nvidia 的代碼庫，其中包含了圖片風格快速轉換的算法，它能讓你將一種代碼風格快速轉化為另外一種。

CSS Color Gradients

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

Launchaco

Launchaco 是一個為創業公司所準備的網站搭建工具，它可以創建響應式的網頁，APP，它具備絕大多數的網站構建工具都具備的功能，比如 HTTPS，自定義域和 Google Analytics 等。

Chrome Music Lab: Song Maker

Google 的新玩物，試著使用鼠標在色塊中選取你喜歡的，看看它們會呈現出什么樣的音樂風格吧！這是一個極富創意的產品，很有意思。

.colors

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

Today’s Date SVG

Terence Eden 總希望他的博客能使用 SVG 格式的文檔來顯示當前的日期，所以他創造了這個工具。

Kutt.it

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

30 Seconds of CSS

30 Seconds of CSS是一個精選的代碼合集，確保任何人都能夠在1分鐘內將這些代碼部署在網站項目中。

Sketch Isometric

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

Duet Display

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

Notifications

Inclusive Components 提供了一篇關于通知設計和開發的好文章，文中告訴你如何將通知組件包含在 Web 應用中。

Pure CSS Moleskine Notebooks

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

Mario Pixel Icons

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

Handlebars in UI Design

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

Extinct Animals Icons

人類正在以無與倫比的速度加速生物的滅絕，這套圖標就是關于這些已經滅絕的生物的。

2018 Career Happiness Survey

你想從你的職業生涯中獲得什么？哪些工作能夠讓人開心？這份職業生涯幸福報告會給你答案。

Tutorial: Stunning Hover Effects with CSS Variables

Tobias Reich 所提供的這個教程非常有趣，可以讓你為按鈕添加一個有趣的懸停效果。效果設計并不復雜，但是其中漸變的效果非常漂亮，和其他的常見懸停效果頗為不同。

Fonts.LOL

Fonts.LOL 是第一個專門制作彩色字體的平臺，這些所用的字體主要是 Opentype SVG 字體，可以承載不同的色彩。設計完成之后你只需要下載字體就能用。

Bluefish

Bluefish 是一個包含有多種不同樣式字體的非襯線字體族。

Gudlak

Gudlak 是一個風格非常活潑生動的手寫字體，演示版中包含有53個不同的字符。在這個季節使用這個字體非常有感覺。

JMH Arkham

JMH Arkham 是一款風格復古的襯線字體，字體帶有很獨特的傾斜感。

Kabe

Kabe 是一款包含很多字符的等寬字體，它非常適合用在網站中作為展示性的文本。

Stay Classy

Stay Classy 是一款簡單的線條式的手寫字體，包含有大量的連筆，非常適合用在邀請函或者其他的展示性的地方。

「2018年設計趨勢，一個都不要錯過」

• 《2018年，這10個LOGO設計趨勢值得你關注》
• 《超全面總結！2017年UI設計領域流行過這21個設計趨勢》
• 《掌握這12個移動端UX設計趨勢，你就掌控了2018年》
• 《這款獨特的紫色，是為你指引2018年設計方向的年度潘通色》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com