53个新鲜的在线设计资源

浏览:531,571 次+ 分享至: 微信 QQ好友 新浪微博 邮件 更多


最近怎么样?设计还有灵感吗?素材还够吗?

我们从网络上搜集整理了这个月不错的设计资源,包括图标、矢量图形、插图、用户界面工具包、字体、模板、酷炫的工具等等。相信你定能满足你的胃口~

1.12月份的矢量图标

https://www.smashingmagazine.com/2016/01/months-of-the-year-icon-set/

非常棒的12月份矢量设计图,有很多格式可用:Ai、、EPS、PDF、SVG以及3种尺寸的PDF图片。不过这个资源需要在CCA3.0协议许可的环境下使用。

50 新鲜的在线设计资源,快快收下~ | March 201

2.矢量动物iphone图标

http://www.iconshock.com/iphone-icons/animals-icons/

这套动物图标是PSD格式的,它的数量超过5000个!我猜你可以找到任何你想要的动物。

50 新鲜的在线设计资源,快快收下~ | March 201

3.6种风格的移动图标包

http://www.iconshock.com/mobile-icons/

超过26000个移动设计矢量图标,还有风格可选。另外图标的样图可以免费下载。

50 新鲜的在线设计资源,快快收下~ | March 201

4.应用程序和产品功能图标集

http://www.graphicsfuel.com/2016/02/apps-and-products-features-free-icon-set/

这套应用程序图标集包含40个子图标,如地图、设置、保存等等,有AI、PNG和SVG格式。而且是免费的哟。

50 新鲜的在线设计资源,快快收下~ | March 201

5.UI工具包(PS、Sketch适用)

http://www.invisionapp.com/chat

这套免费工具包可直接发送至你的邮箱,其中包含手势原型、转换效果、动画等等,都是PSD或Sketch的工程文件格式!

50 新鲜的在线设计资源,快快收下~ | March 201

6.T恤和帽衫的PSD模型集

http://www.graphicsfuel.com/2016/02/t-shirt-templates-pack-psd-vector-files/

各种服装的PSD格式模型,包括帽衫、毛衣、背心……你可以对这些原型进行修改,加上你的品牌设计。

50 新鲜的在线设计资源,快快收下~ | March 201

7.可爱人物/头像生成器

Cute Cartoon Avatars and Characters Generator 2

这套资源包含1800个小部件,身体部位、衣物、饰品面部表情和发型等等。可以生成AI或PSD格式。

50 新鲜的在线设计资源,快快收下~ | March 201

8.Noir:发票模板PSD & Ai

Noir Invoice

Noir是一个打印发票模板,PSD和AI格式都可用~

50 新鲜的在线设计资源,快快收下~ | March 201

9.Corner:品牌形象模板(免费)

Corner – Free Branding/Identity Mockup

这是一个风格很清爽的品牌形象展示模板,包括信纸、信封和名片。呈现格式是PSD文件。

50 新鲜的在线设计资源,快快收下~ | March 201

10.品牌形象展示模板

http://www.graphicsfuel.com/2016/02/free-branding-and-identity-mockup/

和上边那个比起来,这个品牌形象模板内容更加丰富,包含智能对象图层,可在Web和移动应用程序、图书封面、名片、杯子……等等更多物品上进行展示。

50 新鲜的在线设计资源,快快收下~ | March 201

11.Granite:办公用品模型集(PSD

https://www.behance.net/gallery/34075772/Free-Granite-Stationary-Bundle-PSD

Granite是一套PSD格式的办公用品模型集,拥有智能图层,你可以在上面随心所欲做设计。另外,无论是商业还是个人使用都免费哦。

50 新鲜的在线设计资源,快快收下~ | March 201

12.Tatukada:扁平化餐厅网页设计模板

https://www.behance.net/gallery/31033665/Tatukada-FREEBIE

专为餐厅设计的网页模板,简洁、紧凑,是个不错的扁平化设计。

50 新鲜的在线设计资源,快快收下~ | March 201

13.Blueprint: 微型移动UI设计包

https://dribbble.com/shots/1679085-Mobile-UI-Blueprint-freebie

这套UI包以蓝色为设计理念,包含很多微小的细节设计。

50 新鲜的在线设计资源,快快收下~ | March 201

14.Ventas: 移动应用UI工具包(PSD)

https://symu.co/freebies/mobile-apps/ventas-mobile-app-psd/

Ventas是一套很棒的移动端U工具包,包括加载界面、新闻栏、适合屏幕尺寸的图片、收件箱等等,界面简洁,直接获得PSD格式文件。

50 新鲜的在线设计资源,快快收下~ | March 201

15.Moon: 线框设计包

https://dribbble.com/shots/2513307-Moon-wireframe-kit

Moon是一个风格简洁的设计包,包括50套线框式的移动端设计。简洁流畅的线条设计适用很多应用程序。

50 新鲜的在线设计资源,快快收下~ | March 201

16.简洁&轻量的线框设计包(Sketch)

https://dribbble.com/shots/2497127-Wireframe-Kit-for-Sketch

这是一套Sketch格式的线条设计模板,用有简洁的造型和轻量化的设计,主色调为浅灰色。

50 新鲜的在线设计资源,快快收下~ | March 201

17.Summer(PSD)

https://visualhierarchy.co/shop/product/summer-ui-kit-free/

这是一个很新的UI工具包,包含各式按钮和UI控制元素:输入、切换、登录、聊天、位置、社交媒体按钮等等。

50 新鲜的在线设计资源,快快收下~ | March 201

下面是一些好看的字体~

18.Cornerstone

https://www.behance.net/gallery/29835665/Cornerstone-Free-Font

这个字体拐角处理很特别,圆角和直角共存,相互对比,突出特征。(大小写、数字和常用符号都有)

50 新鲜的在线设计资源,快快收下~ | March 201

19.Paralines

https://www.behance.net/gallery/28060847/Paralines-Free-Font

这个字体的名字叫平行线,字如其名。只有大写和数字。

50 新鲜的在线设计资源,快快收下~ | March 201

20.Tulia

http://www.fontsquirrel.com/fonts/tulia

Tulia是一种常规的衬线字体,有三种粗细可选,圆滑的曲线和一致的线宽,简约但不简单。

50 新鲜的在线设计资源,快快收下~ | March 201

21.Caja:花哨的字体

https://www.behance.net/gallery/33613443/Caja-Free-Font

这种字体造型很奇特,在每个字母中部都有若干尖锐的菱形,好像镶嵌了钻石。

50 新鲜的在线设计资源,快快收下~ | March 201

22.KUST: 雪地上的字

https://www.behance.net/gallery/33481677/KUST-Free-Brush-Font

Kust的意思是融化,这种字体的风格也较为随性,有大写字母和数字。

50 新鲜的在线设计资源,快快收下~ | March 201

23.Coves:圆润的字体

https://www.behance.net/gallery/32715299/Coves-Free-Font

这个字体的名字叫“海湾”,风格简洁一笔成字,拥有粗细两种格式,大小写都有。

50 新鲜的在线设计资源,快快收下~ | March 201

24.Pacha: 紧密排列的字体

https://www.behance.net/gallery/33231631/Pacha-Free-font

这种字体很有特色,排列紧密,乍一看好像前哥伦比亚图案装。自动连字的样式以及质朴的边缘,让它看起来就像泥土做的。

50 新鲜的在线设计资源,快快收下~ | March 201

25.ELIXIA: 轻量的六角

https://www.behance.net/gallery/32544505/ELIXIA-Free-Font

这个字体设计十分简洁,每个字母都是由细线条组成的六边形样式,拥有大小写、数字和象形文字。

50 新鲜的在线设计资源,快快收下~ | March 201

下面是一些网页主题设计

26.创意PSD网页模板

https://www.behance.net/gallery/33887836/Creative-agency-PSD-FREE

这是一个PSD创意设计网站,有六种设计好的模板可选,风格简洁,由合适尺寸的背景图片、柔和的半透明覆盖和干净的大号文字组成。

50 新鲜的在线设计资源,快快收下~ | March 201

27.QUOTES: 通用PSD网页模板

http://www.graphicsfuel.com/2016/02/quotes-free-psd-website-template/

QUOTES也是一个PSD格式的网页设计模板,漂亮和干净的布局是它最大的特点。

50 新鲜的在线设计资源,快快收下~ | March 201

28.创意平面组合PSD模板

Creative Portfolio PSD Template

这是一个为组合网站设计的创意模板,包括很多常规的元素:导航页、404错误页、与地图功能联系的页面等等。

50 新鲜的在线设计资源,快快收下~ | March 201

29.Beauty-Line:超美的登录页

http://webfactor.cz/free_beauty-line.html

这是为美容行业设计的登录页,主要的设计点是时尚的倾斜部分背景、扁平化的图标元素和圆形布局图像。包括杂志目录和地图页尾等部分。

50 新鲜的在线设计资源,快快收下~ | March 201

30.Craft Lance:现代&简洁的网页模板

https://www.behance.net/gallery/33194591/FREE-Landing-Website-Craft-Lance-theme

这个模板拥有现代感和干净的页面布局,包含两种不同的主页,以及一些小型的风格元素,可以获取PSD格式文件。

50 新鲜的在线设计资源,快快收下~ | March 201

31.Aqueduct:专业杂志主题设计

https://wordpress.org/themes/aqueduct/

这个网站包含很多特色专业杂志的主题,可通过拖放进行网页排版设计。

50 新鲜的在线设计资源,快快收下~ | March 201

32.Business Elite: 简洁视差主题

https://wordpress.org/themes/business-elite/

这是一个非常干净的主题,每一屏都适合屏幕大小,滑动过度平稳,不需上下拖动。

50 新鲜的在线设计资源,快快收下~ | March 201

33.Refur: 干净&现代的博客主题

http://www.tefox.net/product/refur/

这是一个拥有现代感的网页设计,只需设置一些元素:自定义设置、平稳悬停等,就可直接使用。

50 新鲜的在线设计资源,快快收下~ | March 201

34.Maglev: 扁平化可定制的HTML模板

http://boag.online/playground/maglev/

它可以适用CSS3和jQuery,包含动画效果的标题背景、表格、联系方式等模块。

50 新鲜的在线设计资源,快快收下~ | March 201

35.Color: H5网页模板

Color HTML5 OnePage Template

单网页组合布局,内置H5、CSS和JavaScript的创意模块,简洁、明确,又很吸引人。

50 新鲜的在线设计资源,快快收下~ | March 201

36.多角度移动端框架结构

这是一个很棒的移动端设计模块,可以在3个不同的角度展示你的作品,而且可以更改尺寸适配你的屏幕尺寸。

50 新鲜的在线设计资源,快快收下~ | March 201

37.CSS悬停动画效果

这是一个原型容器设计,当你的鼠标悬停在上面的时候,它就会显示可爱的动画效果。

50 新鲜的在线设计资源,快快收下~ | March 201

38.信用卡式设计模型

这个表单设计成信用卡的样式,可以用于卡片信息校验类的互动表单。

50 新鲜的在线设计资源,快快收下~ | March 201

39.侧栏滑动菜单设计模板

这是一个菜单栏的设计,悬浮于右栏,鼠标悬停会有动画效果。

50 新鲜的在线设计资源,快快收下~ | March 201

40.制作一个机器人

这是一个很酷的代码实验,可以让你从几个不同的机器人中挑选零件,然后再拼接到一起。

50 新鲜的在线设计资源,快快收下~ | March 201

41.社交媒体按钮

这是一种风格很酷的按钮设计,点击后扩大为一个巨大的白色圆圈,体现了良好的社交分享的概念。

50 新鲜的在线设计资源,快快收下~ | March 201

42.MERN

http://mern.io/

MERN可以通过Mongo、Express、React或NodeJS帮助你建构JavaScript应用程序,减少安装时间,让你的项目更成熟。

50 新鲜的在线设计资源,快快收下~ | March 201

43.CSS ProTips: CSS技巧锦集

https://github.com/AllThingsSmitty/css-protips

这是一个GitHub库,可以实时更新,并不断提醒你,帮助你提高CSS技巧。

50 新鲜的在线设计资源,快快收下~ | March 201

44.Responsive View

http://responsiv.eu/

这是一个在线工具,帮助你在苹果的各种设备上进行网站测试。

50 新鲜的在线设计资源,快快收下~ | March 201

45.Modular: 前端Sass&jQuery框架

https://github.com/esr360/Modular

这是一个很棒的前端工具,允许你建立可扩展、可配置的模块化项目。适用CSS(SASS)和JavaScript(jQuery)。

50 新鲜的在线设计资源,快快收下~ | March 201

46.Rikulo: 移动端框架

http://rikulo.org/

Rikulo是一个移动用户界面框架,它可以提供结构化的UI模型、响应式UX、MVC架构…能够灵活精确地控制布局。

50 新鲜的在线设计资源,快快收下~ | March 201

47.Phoenix

http://www.phoenixframework.org/

Phoenix是一个很厉害的Web框架,能够快速构建API、H5以及一些混合技术的网页。

50 新鲜的在线设计资源,快快收下~ | March 201

48.GitHub Importer: 代码的搬运工

https://github.com/blog/2110-migrate-your-code-with-the-github-importer

GitHub可以帮助你从多种地方导入:Subversion,Mercurial, Team Foundation Server等等代码库。导入完成时,可以通过电子邮件通知你。

50 新鲜的在线设计资源,快快收下~ | March 201

49.Bricks.js

http://callmecavs.com/bricks.js/

如果你要做固定宽度的模块堆砌样式,那就来这里吧~

50 新鲜的在线设计资源,快快收下~ | March 201

50.SigmaJS: 图形绘制的JS库

http://sigmajs.org/

SigmaJS可以帮助你绘制和创建各种好看的图形~

50 新鲜的在线设计资源,快快收下~ | March 201

51.Sticky Elements:UI/UX设计的JavaScript图书馆

http://design.iamvdo.me/stickyElements/

Sticky Elements可以帮助你添加网站粘性元素,根据设置可以随着悬停的鼠标移动。

50 新鲜的在线设计资源,快快收下~ | March 201

52.Microscope: 原子设计系统样板

https://github.com/afonsopacifer/microscope

Microscope是一个快速简便的设计模板,可以通过创建和组织从原子、分子到模块和页面,帮助你开发设计系统。

50 新鲜的在线设计资源,快快收下~ | March 201

53.SpiritJS: 简单的网页动画

https://spiritjs.io/

在这个网站上,你可以快速地创建一个简单的网页动画,包括时间轴控制、JSON输入输出、动画检查、直观的用户界面、实时反馈等等。

50 新鲜的在线设计资源,快快收下~ | March 201