您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計欣賞 >> 瀏覽設(shè)計教程

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

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

  趁雙12打折,買個硬盤屯資源吧!

  SIMPLE ICONS

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

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

  GOOGLE’S MATERIAL ICONS FOR SKETCH

googles-material-minimal-sketch-icons

  這是一組漂亮的Sketch 格式的極簡圖標(biāo)合集,總計超過100款,托管于Github。

  A SET OF OVER 5800 FILLED SPORT ICONS

a-set-of-over-5800-filled-sport-icons

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

  CUTE CARTOON BODY PARTS FOR CHARACTER GENERATOR

cute-cartoon-body-parts-for-character-generator

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

  PHOTOSHOP ICON TEMPLATES

photoshop-icon-templates

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

  A MASSIVE BUNDLE OF FLAT ICONS

a-massive-bundle-of-several-flat-icons-over-56k-in-total

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

  FREE RESUME & BUSINESS CARD TEMPLATE

free-resume-business-card-template

  這是一組PSD格式的簡歷和名片模板,干凈而極簡。

  GEOMETRIC BROCHURE TRIFOLD TEMPLATE

geometric-brochure-trifold-template

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

  AMAZING SET OF 40 MATERIAL DESIGN BACKGROUNDS

amazing-set-of-40-material-design-backgrounds

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

  110 VINTAGE ENGRAVING STYLE BRUSHES PACK

110-vintage-engraving-style-brushes-pack-

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

  3 POLO T-SHIRT PSD MOCKUPS

3-polo-t-shirt-psd-mockups-set

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

  6 IPHONE PSD MOCKUPS

6-iphone-psd-mockups

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

  MAYSSAM

mayssam-minimal-style-web-ui-kit

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

  PERFECT KIT

perfect-kit-modern-dark-light-ui-kit

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

  CHAMELEON UI KIT

chameleon-ui-kit

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

  A BUNDLE OF 10 PSD WEB TEMPLATES

a-bundle-of-10-psd-web-templates

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

  MOBILE APPLICATION SCREENS MOCKUP

mobile-application-screens-mockup

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

  ORANGE MOBILE CHAT UI KIT

orange-mobile-chat-ui-kit

  這個橘色的聊天用的UI Kit 的靈感來自于著名的法國公司 Orange。

  RUFFLE

ruffle-thin-line-handwritten-font

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

  STOKED

stoked-side-offset-featured-typeface

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

  EDIRNE

edirne-noised-brush-painted-font

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

  BASTON

baston-cool-worn-away-font

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

  EJIZU

ejizu-hand-written-stylish-typeface

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

  SAMFOLIO

samfolio-personal-one-page-web-psd-on-behance

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

  AFRODYTA

afrodyta-clean-creative-psd-template

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

  UNIQUE-TECH

unique-tech-website-flat-style-ui

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

  EUDORA

eudora-food-related-psd-web-template

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

  FLAT FITNESS PSD WEB TEMPLATE

flat-fitness-psd-web-template

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

  LECTURA

lectura-lite-corporate-wordpress-theme

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

  RETRO THEME

retro-theme-classic-videogame-inspired-wordpress-themes

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

  CLUSTER

cluster-creative-portfolio-bootstrap-template

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

  OUTLINE

outline-html5-portfolio-bootstrap-template

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

  CSS-ONLY COLORFUL CALENDAR CONCEPT

css-only-colorful-calendar-concept

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

  TRIAL FORM

trial-form-nice-css-form-template

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

  DONATION UI CONCEPT

donation-ui-concept

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

  PURE CSS RADIAL MENU

pure-css-radial-menu

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

  SECRET PROJECT

secret-project-mobile-menu-design-concept

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

  SVG BALLOON SLIDER

svg-balloon-slider

  這是用SVG 和CSS實現(xiàn)的氣球樣式的滑動控件,晃動的氣球會顯示出百分比。

  NEWSPAPER STYLE DESIGN

newspaper-style-design

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

  REALISTIC TEXT

realistic-text

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

  FALLING LEAVES AS PARTICLE ANIMATED BACKGROUND

falling-leafs-as-particle-animated-background

  這款工具能幫你生成落葉繽紛的背景,其中的陰影和光效看起來真實而炫酷。

  JQUERY DRAG AND DROP NEWSLETTER BUILDER

jquery-drag-and-drop-newsletter-builder

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

  NAVNAV

navnav-responsive-navigation-bar-menu-resources

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

  KEYSTONEJS

keystonejs-nodejs-cms-and-web-application-platform

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

  LITTLESNIPPETS

littlesnippets-a-free-collection-of-css3html-snippets-

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

  HUGO

hugo-a-fast-and-modern-static-website-engine

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

  ROOTS

roots-static-front-end-sites-generator

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

  CRYOGEN

cryogen-simple-static-sites

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

  INKPAPER

inkpaper-desktop-static-blog-generator

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

  BACKSTOPJS

backstopjs-config-driven-screenshot-test-application

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

  SCRAPY

scrapy-powerful-scraping-and-web-crawling-framework

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

  VIDE

vide-video-background-jquery-plugin-

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

  AMOK

amok-develop-your-web-application-without-reloading

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

  CSSGRAM

cssgram-instagram-inspired-css-filters

  CSSGram 是一個模仿 Instagram 濾鏡的CSS濾鏡庫,非常實用。

  IMAGESLOADED

imagesloaded-javascript-image-load-consultor-library

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

  PHILTER

philter-jquery-plugin-for-css-image-filters

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

  MAG.JS

magjs-intuitive-javascript-to-html-component-templating-library

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

  SELECT.JS

selectjs-styleable-select-elements

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

  TREMULAJS

tremulajs-image-momentum-engine-streaming-layouts

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

  ROLL.JS

rolljs-scroll-pagination-tracker

  Roll.js 是一個自由而輕量級的JS庫,讓你跟蹤用戶操作、滾動和頁面行為。

[教程作者:@陳子木]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/de3003.html
網(wǎng)頁設(shè)計新趨勢——滾屏動畫網(wǎng)站欣賞
6個可以免費(fèi)創(chuàng)建圖標(biāo)字體的國外網(wǎng)站
圖趣網(wǎng)微信
建議反饋
×