十二月設(shè)計(jì)圈干貨素材網(wǎng)站大合集

為了讓年終獎(jiǎng)來(lái)的更猛烈一些，不妨搜集點(diǎn)優(yōu)質(zhì)設(shè)計(jì)資源開一把大!12月的設(shè)計(jì)資源合集絕對(duì)稱得上誠(chéng)意慢慢，大把的圖標(biāo)，靠譜的工具，炫酷的概念設(shè)計(jì)，插件、主題、模板、UI Kit以及精致的字體，一個(gè)都沒有少!

　　趁雙12打折，買個(gè)硬盤屯資源吧!

　　SIMPLE ICONS

　　這是一組涵蓋最流行網(wǎng)站的品牌LOGO的圖標(biāo)合集，并且每個(gè)圖標(biāo)都包含了相應(yīng)的16進(jìn)制的色彩標(biāo)號(hào)。

　　GOOGLE’S MATERIAL ICONS FOR SKETCH

　　這是一組漂亮的Sketch 格式的極簡(jiǎn)圖標(biāo)合集，總計(jì)超過(guò)100款，托管于Github。

　　A SET OF OVER 5800 FILLED SPORT ICONS

　　這組運(yùn)動(dòng)圖標(biāo)合集使用的是PSD格式，數(shù)目超過(guò)5800個(gè)，依照iOS 的規(guī)范來(lái)制作。

　　CUTE CARTOON BODY PARTS FOR CHARACTER GENERATOR

　　這是一組包含超過(guò)600個(gè)有趣的卡通人物形象的圖標(biāo)合集，這些圖標(biāo)都是矢量的。

　　PHOTOSHOP ICON TEMPLATES

　　這是一組PS圖標(biāo)模板，易于導(dǎo)出為網(wǎng)頁(yè)可用的圖標(biāo)，強(qiáng)調(diào)個(gè)性又追求通用性，你會(huì)喜歡的。

　　A MASSIVE BUNDLE OF FLAT ICONS

　　這組扁平化的圖標(biāo)合集總計(jì)有20套，每套包含圖標(biāo)數(shù)以千計(jì)，精雕細(xì)琢，不僅包含矢量元素，還包含了直接可用的PNG格式。

　　FREE RESUME & BUSINESS CARD TEMPLATE

　　這是一組PSD格式的簡(jiǎn)歷和名片模板，干凈而極簡(jiǎn)。

　　GEOMETRIC BROCHURE TRIFOLD TEMPLATE

　　這是一個(gè)專業(yè)的三折宣傳頁(yè)設(shè)計(jì)，背景采用了Lowpoly風(fēng)格，并配有 AI、PSD和ID三種格式。

　　AMAZING SET OF 40 MATERIAL DESIGN BACKGROUNDS

　　這是一組漂亮的Material Design風(fēng)格的背景圖，1600×900的分辨率，并且包含4個(gè)大型的AI文檔供你編輯。

　　110 VINTAGE ENGRAVING STYLE BRUSHES PACK

　　這組AI筆刷合集中包含了110款復(fù)古雕刻風(fēng)筆刷，用來(lái)畫插畫非常的贊。

　　3 POLO T-SHIRT PSD MOCKUPS

　　這是一組PSD格式的T恤視覺設(shè)計(jì)稿，有白色、紅色和牛仔藍(lán)三種色彩，總計(jì)大概60M大小。

　　6 IPHONE PSD MOCKUPS

　　這是一組6個(gè)iPhone 視覺稿 PSD 文檔，真實(shí)感非常強(qiáng)烈。

　　MAYSSAM

　　Mayssam 是一款網(wǎng)頁(yè)用的UIkit，主要用來(lái)制作網(wǎng)頁(yè)APP，其中有30種控件、40個(gè)圖標(biāo)以及三種不同的配色方案。

　　PERFECT KIT

　　Perfect Kit 是一款現(xiàn)代風(fēng)格的UI kit ，分明暗兩種配色方案，可以用來(lái)設(shè)計(jì)移動(dòng)端和桌面端界面。

　　CHAMELEON UI KIT

　　這是一組極簡(jiǎn)風(fēng)格的UI Kit，包含了7重不同類型的界面，漸變的背景，總計(jì)10屏。

　　A BUNDLE OF 10 PSD WEB TEMPLATES

　　這組10款網(wǎng)頁(yè)模板，包含了扁平、極簡(jiǎn)等多種不同的風(fēng)格，可用作博客、新聞和產(chǎn)品展示。

　　MOBILE APPLICATION SCREENS MOCKUP

　　這是一組炫酷的視覺稿設(shè)計(jì)，包含了6種不同角度的手機(jī)屏幕角度，擁有微妙而漂亮的陰影。

　　ORANGE MOBILE CHAT UI KIT

　　這個(gè)橘色的聊天用的UI Kit 的靈感來(lái)自于著名的法國(guó)公司 Orange。

　　RUFFLE

　　這是一款風(fēng)味獨(dú)特的手寫英文字體，拙稚而優(yōu)雅有趣。

　　STOKED

　　這是一款獨(dú)特的鏤空英文字體。

　　EDIRNE

　　Edirne 是一款富有質(zhì)感的字體，字體筆畫是如同用筆刷在墻上涂出來(lái)的粗糙細(xì)節(jié)。

　　BASTON

　　Baston 是一款炫酷的字體，和上一款一樣擁有復(fù)古而殘損的效果，這套字體完成度比較高，包含了拉丁和希臘字母。

　　EJIZU

　　Ejizu 是一款藝術(shù)風(fēng)格濃郁的手繪字體，漂亮而風(fēng)格化。

　　SAMFOLIO

　　Samfolio 是一款PSD 模板，擁有漂亮的布局和扁平化的圖標(biāo)。

　　AFRODYTA

　　Afrodyta 是一款干凈的網(wǎng)頁(yè)設(shè)計(jì) 模板，使用的是PSD格式，可用于藝術(shù)類和商業(yè)類的網(wǎng)站。

　　UNIQUE-TECH

　　扁平風(fēng)的Unique-Tech 是一款網(wǎng)頁(yè)UI設(shè)計(jì)模板，模板中包含了兩套配色。

　　EUDORA

　　這是一款清爽的網(wǎng)頁(yè)P(yáng)SD模板，主要用于餐飲類的網(wǎng)站。

　　FLAT FITNESS PSD WEB TEMPLATE

　　這是一個(gè)健身題材的PSD網(wǎng)頁(yè)模板，這個(gè)模板自由度比較高。

　　LECTURA

　　Lecture 是一款Wordpress主題，典型的雙欄布局，風(fēng)格清新，適用于企業(yè)和非政府機(jī)構(gòu)。

　　RETRO THEME

　　這是一款充滿80年代復(fù)古界面風(fēng)格的Wordpress主題，灰色的按鈕和綠色的字體非常有感覺。

　　CLUSTER

　　Cluster 是一款Bootstrap 主題，干凈現(xiàn)代的主題設(shè)計(jì)給人感覺良好，其中提供了視差滾動(dòng)的功能，頗為不錯(cuò)。

　　OUTLINE

　　這是一款極簡(jiǎn)的網(wǎng)頁(yè)模板，水綠色和白色的配色讓整個(gè)網(wǎng)站清爽無(wú)比，配上沉靜的圖片，看起來(lái)非常有范兒。適宜于商業(yè)機(jī)構(gòu)和產(chǎn)品展示。

　　CSS-ONLY COLORFUL CALENDAR CONCEPT

　　這套日歷的概念設(shè)計(jì)是使用CSS來(lái)實(shí)現(xiàn)的，其中漸變的色彩是亮點(diǎn)，你可以根據(jù)需求自行修改。

　　TRIAL FORM

　　這是一款漂亮的CSS表單模板，其中的懸停和點(diǎn)擊特效非常漂亮，色彩褪去，讓文字內(nèi)容脫穎而出。

　　DONATION UI CONCEPT

　　這為捐贈(zèng)而設(shè)計(jì)的概念表單。

　　PURE CSS RADIAL MENU

　　這是一款純CSS的菜單設(shè)計(jì)，當(dāng)你點(diǎn)擊菜單的時(shí)候，不同的選項(xiàng)會(huì)在菜單按鈕旁邊環(huán)繞著呈現(xiàn)出來(lái)。

　　SECRET PROJECT

　　這是一款用CSS和JS 制作的移動(dòng)端菜單設(shè)計(jì)概念稿，擁有有趣的抖動(dòng)和回彈效果。

　　SVG BALLOON SLIDER

　　這是用SVG 和CSS實(shí)現(xiàn)的氣球樣式的滑動(dòng)控件，晃動(dòng)的氣球會(huì)顯示出百分比。

　　NEWSPAPER STYLE DESIGN

　　這是一段 HTML/CSS代碼片段，可以生成響應(yīng)式的平滑的報(bào)紙布局。

　　REALISTIC TEXT

　　這也是一個(gè)HTML/CSS代碼片段，能生成有景深的邊緣模糊的背景。

　　FALLING LEAVES AS PARTICLE ANIMATED BACKGROUND

　　這款工具能幫你生成落葉繽紛的背景，其中的陰影和光效看起來(lái)真實(shí)而炫酷。

　　JQUERY DRAG AND DROP NEWSLETTER BUILDER

　　這是一款用jQuery制作的網(wǎng)頁(yè)APP，可以直觀快速地生成郵件新聞稿。

　　NAVNAV

　　NavNav 是一組實(shí)用的教程合集，其中包含了許多的教程與案例，教你如何設(shè)計(jì)響應(yīng)式導(dǎo)航、菜單之類的UI控件。

　　KEYSTONEJS

　　KeystoneJS 是一款開源的基于 Express 和Mongo DB 的開發(fā)框架。

　　LITTLESNIPPETS

　　LittleSnippets.net 是一個(gè)在線的CSS3和Html 代碼片段合集，每段代碼都能在線演示。

　　HUGO

　　Hugo 是一款全新的網(wǎng)頁(yè)設(shè)計(jì) 引擎，它針對(duì)Linux、Windows 和Mac三大平臺(tái)都做了優(yōu)化，你可以用它來(lái)制作博客、文檔和產(chǎn)品展示等不同類型的網(wǎng)站。

　　ROOTS

　　Roots 是一款靜態(tài)的網(wǎng)站編譯器。

　　CRYOGEN

　　Cryogen 是使用 Clojure和Leiningen搭建的靜態(tài)網(wǎng)站模板，無(wú)需數(shù)據(jù)庫(kù)配置，包含了易于實(shí)現(xiàn)和調(diào)整的CSS和JS代碼。

　　INKPAPER

　　Inkpaper 是一款桌面應(yīng)用程序，可以生成干凈清爽的博客，可以兼容三大主流平臺(tái)，并且最關(guān)鍵的是它不僅兼容英文，還支持中文。簡(jiǎn)體中文。

　　BACKSTOPJS

　　Backstop.js 上一款響應(yīng)式應(yīng)用，可以幫你測(cè)試不同的屏幕尺寸上內(nèi)容顯示的問題，并給予提醒。

　　SCRAPY

　　Scrapy 是一款開源框架，能幫你提取網(wǎng)站的關(guān)鍵數(shù)據(jù)。

　　VIDE

　　Vide是一款 jQuery插件，幫你快速實(shí)現(xiàn)視頻背景。

　　AMOK

　　Amok 是一款基于命令行的編輯器，可用于網(wǎng)站開發(fā)、測(cè)試、Dubug以及工作流。

　　CSSGRAM

　　CSSGram 是一個(gè)模仿 Instagram 濾鏡的CSS濾鏡庫(kù)，非常實(shí)用。

　　IMAGESLOADED

　　ImagesLoaded 是一款 JS庫(kù)，可以幫你檢測(cè)圖片是否已經(jīng)加載，并隨后執(zhí)行一些對(duì)應(yīng)的操作。

　　PHILTER

　　Philter 是一款 jQuery 插件，使用它之后，當(dāng)你將光標(biāo)移動(dòng)到圖片上的時(shí)候，圖片上會(huì)加載CSS濾鏡，可以和上一個(gè)插件搭配使用。

　　MAG.JS

　　Mag.js 是一款輕量、快速、易于使用的JS庫(kù)。

　　SELECT.JS

　　Select.JS 上一款開源的JS和CSS庫(kù)，提供多種不同風(fēng)格的下拉選框，由Tether.js開發(fā)。

　　TREMULAJS

　　TremulaJS 是一款 JS UI控件，主要用于客戶端，并且提供基于Bézier 的內(nèi)容流，主要依靠鼠標(biāo)、觸摸交互。

　　ROLL.JS

　　Roll.js 是一個(gè)自由而輕量級(jí)的JS庫(kù)，讓你跟蹤用戶操作、滾動(dòng)和頁(yè)面行為。