首页 >web前端 >html教程 >开工福利!2016年二月设计圈实用干货大合集_html/css_WEB-ITnose

开工福利!2016年二月设计圈实用干货大合集_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:26:552506浏览

新年假期结束,咱们这就要开工啦,先给大家推一发 干货 助助兴。这次的 干货 合集延续以往的传统,精致的线性图标,Material Design 设计 素材 ,手势图标,APP展示套件,各种设计模板,视觉稿,插画,UI Kit,PSD模板,Wordpress 和 Bootstrap 模板以及各种开发工具。虽然这些 素材 种类分散,但是基本都实用可靠,总会有几个能帮到你。

OUTLINE & FILLED VECTOR ICONS COLLECTION

这是一个超大的图标合集,其中包含了超过15400个图标,包含了AI、SVG和PNG多种格式类型。

MULTI-TOUCH GESTURE VECTOR ICONS SET

这是一套为多点触摸设计的免费手势图标合集,总计有58个,这套图标使用的是AI格式,并且向下兼容到CS4。

FACEBOOK’S DEVICES DESIGN RESOURCES

这组Facebook 原创视觉稿套件包含了手机端的界面和可穿戴设备的界面,包含了 iPhone、三星 Galaxy、Sony智能手表等多平台多尺寸的界面。

VALENTINE’S WATERCOLOR PACK

这是一组漂亮的情人节贺卡视觉元素合集,包含41种不同的元素,格式为PNG,带有透明背景。

50 BRANDING MOCKUP TEMPLATES

这个视觉稿合集中包含50款不一样的设计作品,扁平风,PSD格式。

PICNIC

Picnic 是一款炫酷的餐厅菜单设计模板,整体配色采用的是漂亮的薰衣草紫,整体视觉搭配也颇为平衡。

MERKURY

Merkury 是一款PSD格式的控制面板模板,它是为内容管理系统所设计的,包含六屏不同的界面。

PSD UI PRESENTATION KIT

这是一组PSD格式套件,主要是借助预制的视觉元素和基于不同场景的来展示你的APP和网站。

MINIMAL ECOMMERCE PSD UI KIT

这是一组极简风格的UI Kit,主要是针对电商类的网站而设计的,采用了6种色彩作为基本配色,包含了多种常用的UI控件。

EVENTPRO

EventPro是一款跨设备的UI Kit,使用的是PSD格式,并且整体风格现代而扁平,包含了聊天、分析、计数、时间线等多种专业的控件。

COLORADO

Colorado 是一款清爽的UI控件包,极简的设计近乎线框图,整体配色复古,所用格式是PSD和AI。

GOODBARBER

GoodBarber 是一款以暗色调为主的的UI Kit,主要是针对iOS平台,包含了导航、注册/登录、菜单、文章、图片、视频等多种界面元素。

WINTER INSPIRED MOBILE UI KIT

这套 UI Kit 中包含30种视觉元素,整体采用的是Material Design 的设计风格,蓝白冬季限定配色~

QUENDA

Quenda 是一款非衬线字体,包含6种不同的粗细,相关的字符、标点符号包含的非常全面。

ARABELLA

Arabella 是一款漂亮的手写风格字体,字体格式为TTF,非常适合用作标题、签名、徽章以及各种装饰性的场合。

QANELAS

Qanelas 是一款整齐得令人着迷的字体,作为一款非衬线体,字体拥有恰到好处的柔和边角,拥有20种不同的粗细变化。

POSTE

Poste 是一款带有明显装饰性的衬线字体,最大的特色是它形同阴影的装饰性衬线。

BROTHERHOOD

Brotherhood 是一款装饰性极强的手写字体。

PIXTURE

Pixture 是一款网站PSD模板,它的设计理念源自于某个Dribbble 设计作品。这套模板设定了两套宽度,一种是给桌面端的,宽度为1600px,另外一个是给iPhone的,750px。

SERTIN

Sertin 是一个基于Bootstrap 的单页网站PSD模板,可以用作单页网站、产品页面、作品展示、着陆页等多种用途。

ABDULLAH

Abdullah 是一个PSD 格式的暗色调网站模板,可以用作个人作品展示,布局自由,并搭配有自适应的栅格。

KRAKATAU

Krakatau 是一款现代的 WordPress 主题,整体风格干净清爽,兼容Google Fonts服务,跨设备跨屏幕的响应式设计,可深度定制,拥有SEO优化。

SPACIOUS

Spacious 是一款干净的Wordpress 主题,全响应式设计,为多种功能而设计,所以内置多种布局模式,可自定义菜单。

LHANDER

Lhander 是一款HTML 模板,拥有现代风的设计和极简的图标,平滑的滚动效果,悬停的导航栏,视频模块等多种功能。

FLAT PORTFOLIO PSD & HTML TEMPLATE

这是一款为扁平风的响应式网站所准备的模板,模板分PSD和HTML两种。

EXPANDING MATERIAL DESIGN CONTACT FORM

这是一个Material Design 风格的可展开式的联系人表单,鼠标悬停其上就会展开表单。

MULTI-DEVICE SCROLLING MENU

这是一款精心开发的水平滚动菜单,你不仅可以轻松探索所有的选项,还能随之调整背景色彩。

CSS 3D SOLAR SYSTEM

这是一款可调整参数的3D太阳系模型,你可以调整参数查看运转状况。

SVG CLIP-PATH HOVER EFFECT SNIPPET

通过这个代码片段,你可以借助CSS和SVG来控制鼠标悬停时候一些元素的显示效果。

ABSOLUTE CENTERING SNIPPET

这是一个纯CSS代码片段,借此你可以控制元素对齐,你甚至可以控制元素的长宽来实现这一点。

FABRIC

Fabric 是一款响应式、移动端优先的前端框架。

GITLO

Gitlo 可以让你在Trello上管理 Github ,更加高效,也更便于解决各种问题。

CLIMATE

Climate 以输入彩色文本的方式,让你的终端更便于调试,优化你的开发过程。

FABRICATOR

你可以使用Fabricator 来构建你自己的UI Kit。Fabricator 是一款基于Node.js 的平台,用于快速构建、可拓展的网络应用。这款工具为各个平台准备了安装包,你也可以自己编译安装。

CODEPAD

Coded 是一款为开发者准备的社会化的代码片段网站排名,你可以在这里收藏、分享哪些最好的代码,这些代码类型包括CoffeeScript, Ajax, Angular, Apache, Ruby, SASS, Swift, XSLT等。

IMBA

Imba 是一种全新的编程语言,旨在建立更加强大的Web应用,它包括了定义、扩展、集成、说明等语言层面的支持。

HACKMYRESUME

在 HackMyResume 的帮助下,你可以使用命令行来设计自己的简历。你可以使用Markdown和JSON来编写,并且输出为Word、HTML、PDF、LaTeX、纯文本等多种格式。HackMyResume 是基于Node.JS 来构建的,并且兼容OSX、Windows和Linux三大主流平台。

SLIM

Slim 是一个PHP微框架,可以帮你简单快速地编写强大的网页APP、API。它包括了HTTP路由功能、PSR-7支持等等。

PHAP

PHAP 可以让你使用PHP来编写本地的移动端APP。它使用PHP来实现功能,借助HTML/CSS来实现UI,让应用可以流畅地运行于Android、iOS和Windows Phone。

MILLIGRAM

Milligram 是一款CSS框架,只有2KB的大小,但是只需要进行少量的属性设定,就能提供小而快速的初始化设定。

PHILTER

Philter 是一款开源的JS插件,能帮你通过记录悬停事件和HTML属性来控制CSS过滤器。

NEUTRON

Neutron 是一款 Sass 框架,帮你创造灵活、清晰的布局。

PLACEMAT

Placemat 是一个图片占位符插件,其中图片主要是人物、场景等内容,简单自由。

HANDWRITING.IO

这是一款强大的API,能帮你生成超级拟真的手写字体。

CHARTICO

Chartico 是一款强交互型的在线工具,帮你制作柱状图,允许自定义标题、色彩和内容。

ABITO

ABITO 是一款Wordpress主题,主题包含了许多流行、现代的特效,比如淡入淡出、模糊特效,等等。

SMOKE

Smoke 是为Bootstrap 所开发的一套组件,包括信息提醒、进度条、全屏以及控制面板等。

PRESSURE.JS

Pressure 是一款JS库,通过一个Safari 浏览器内置的一个简单API帮助开发者控制Force Touch和3D Touch。

CMS.JS

CMS.js 是一个纯客户端的JS网站生成器,基于Jekyll,使用普通的HTML/CSS/JS来制作网站。

LOUD LINKS

Loud Links 是一个小型JS库,它可以帮你在网站中添加可交互的音频媒体,主要通过HTML5的音频元素来播放MP3和OGG格式文件。

APPOLO

Applol 是一组Jekyll 的插件和主题合集,主要是用来制作诸如产品和作品展示类型的网站。

STICKYSTACK.JS: STACKING EFFECT JQUERY PLUGIN

StickyStacks 是一款jQuery 插件,它可以帮你创造粘滞特效,让特定的面板维持在特定的位置。

COLOFILTER.CSS

Colorfilter 是一款CSS库,可以通过调整色彩、饱和度、亮度和混合模式来帮你实现双色滤镜。

WP SECURE FORMS

WP Secure Forms 是一款表单编辑器,可以帮你生成符合Wordpress 主题 PHP、HTML、JS和CSS表单。

MEDIUMEDITOR

MediumEditor 是一款纯JS插件内编辑器,这个编辑器的外观和功能都是参考Medium的那种所见即所得的编辑器。

【过去一年的 干货 】

一月干货合集: 《干货驾到!2015年一月设计圈干货大合集》

二月干货合集: 《来收最新干货!二月份免费设计资源+实用工具大合集!》

三月干货合集: 《月底福利!三月设计圈干货大合集第一波》

四月干货合集: 《四月福利!30+酷炫实用的免费APP设计模板》

五月干货合集: 《有好货!五月必收的优质设计资源干货大合集》

六月干货合集: 《假期福利!六月设计圈高品质干货大合集》

七月干货合集: 《七月干货!帮你发掘高素质图标的50个优质网站》

八月干货合集: 《不要错过!姗姗来迟的八月设计圈干货大合集》

九月干货合集: 《再来一发!九月不容错过的高素质设计圈干货大合集》

十月干货合集: 《长假福利!新鲜出炉的十月设计圈干货大合集》

十一月干货合集: 《双11福利!不容错过的十一月设计圈干货素材大合集》

十二月干货合集: 《年底干货!不容错过的十二月设计圈干货素材大合集》

原文地址: webdesignerdepot

原文作者: JUAN PABLO SARMIENTO

优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn