整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
PhotoSwipe是一个JavaScript库，没有依赖项。要说唯一的依赖项那就是Vanilla.js（原生js）,因此你可以在你的任何Web项目中使用，包括主流的Vue、React、Angular以及传统jQuery的项目。PhotoSwipe可以被用到各种大中小型项目当中，并且PC和移动端完美支持！
https://github.com/dimsemenov/photoswipe
支持所有基本手势：轻拂到下一个或上一个图像，展开以放大，拖动以平移，缩小或关闭，单机切换，双击以缩放。
PhotoSwipe是第一个支持基于JavaScript的图像缩放的开源画廊。即使已禁用浏览器的本机缩放，图像缩放仍将起作用。
用户放大时，画廊的背景将逐渐淡出。手势完成后，图库将关闭。
之所以添加手势，是因为用一只手握住高大的移动设备可能很难触及右上角的关闭按钮。
即使缩放当前幻灯片，也可以更改图像。过渡期间不会阻止切换。
PhotoSwipe记录浏览器的历史记录，以便用户可以链接到每个图库项目并通过“后退”按钮关闭图库。关闭画廊时，将恢复初始URL。
当画廊打开时，PhotoSwipe会添加一个历史记录，允许用户通过浏览器的“后退”按钮将其关闭。
用户可以共享并链接到每个图像。哈希后缀有两个额外的参数：（gid画廊索引）和pid（图片索引）。此功能作为模块提供。可以将其完全排除在构建之外，也可以对其进行分叉以满足产品URL结构的要求。
PhotoSwipe产生了更快加载的错觉。
照片会在完全加载之前显示。在触摸设备上禁用此功能，因为它可能导致滑动过渡滞后。
将缩略图的源传递到PhotoSwipe，PhotoSwipe将立即显示它，并将完整尺寸的图像加载到顶部。
仅使用拉伸的缩略图或灰色占位符，整个图像逐渐加载到顶部
打开画廊的缩放过渡并不是仅仅出于奇特的效果。图像在动画之前开始加载，因此使用快速连接的用户甚至可能不会注意到正在加载某些内容。
PhotoSwipe会根据用户移动的方向加载相邻图像。可以控制通过API预加载多少张图片。
由于图库中的图像是动态加载的，因此您可以传递适合用户窗口大小和DPI的源。
PhotoSwipe模拟浏览器图像查看器的默认行为
如果图像小于视口，则PhotoSwipe将在图像上方显示缩放光标，并在顶部栏中显示缩放图标。
放大图像时，用户可以通过鼠标滚轮或触控板或通过拖动来平移图像。而且，如果需要扩展此功能，则可以使用该API。
可以通过文档查看详细的使用方法
<!-- Core CSS file -->
<link rel="stylesheet" href="path/to/photoswipe.css">
<!-- Skin CSS file (styling of UI - buttons, caption, etc.)
In the folder of skin CSS file there are also:
- .png and .svg icons sprite,
- preloader.gif (for browsers that do not support CSS animations) -->
<link rel="stylesheet" href="path/to/default-skin/default-skin.css">
<!-- Core JS file -->
<script src="path/to/photoswipe.min.js"></script>
<!-- UI JS file -->
<script src="path/to/photoswipe-ui-default.min.js"></script> Enjoy it！
艺呕心沥血地给大家整理了一份设计干货大合集，里面汇集了许多国内外优秀的设计资源网站，希望可以对大家有帮助。
干货包括五个部分：创意灵感、字体设计、配色、高清图库和一些实用素材。
Behance
全球领先的创意设计类聚合平台站，各创意领域丰富齐全
网址：https://www.behance.net/
一个受世界瞩目的，全球最大的创意灵感图片分享网站
网址：https://www.pinterest.com/
花瓣
采集你喜欢的美好事物，发现新知，启发设计灵感
网址：https://huaban.com/
站酷
国内设计师学习和交流的平台
网址：http://www.zcool.com.cn/
BOOOOOOOM
国外高人气，创造力满满的艺术博客
网址：http://www.booooooom.com/
ArtStation
强烈推荐！一个收录世界顶级插画作品的社区
网址：https://www.artstation.com/
Inspiration Grid
推荐！聚合来自世界各地的创意人才，每天汲取灵感
网址：http://theinspirationgrid.com/
ReDsgn.Co
一个专注分享网站改版心得及经验的网站
网址：http://redsgn.co/
版式设计网
专业提供国内外优秀版式设计源文件
网址：http://banshiart.com/
Logobook
全球最佳Logo设计展示集
网址：http://www.logobook.com/
Lapa
国外优质产品官网、落地页设计欣赏
网址：http://lapa.ninja/
字体之家
国内较全的字体库，提供中英文字体预览、打包下载
网址：http://www.17ziti.com/
Typewolf
可以帮你显示正在浏览的网站所使用的字体，推荐类似的字体和背景信息。
网址：https://www.typewolf.com/
DaFont
漂亮和新颖的英文字体，而且绝大部分是免费的，是设计师最好用的字库网站
网址：http://www.dafont.com/
Abstract Fonts
超过十三万免费字体下载，包括大热的web字体
网址：http://www.abstractfonts.com/
求字体
找字体神器，并提供中文和英文字体库下载
网址：http://www.qiuziti.com/
Typeroom
字体排版设计前沿灵感
网址：http://www.typeroom.eu/
字由
字体排版设计前沿灵感
网址：http://www.hellofont.cn/index.php
字体传奇
字体品牌设计师交流网，字体相关的教程、讲座等
网址：http://www.ziticq.com/
Myfonts
字体设计灵感，搜索下载
网址：http://www.myfonts.com/
VAU Fonts
线生成艺术字体
网址：https://vaufonts.com/
Fonts in Use
字体的美与价值～8000条商用实例
网址：https://fontsinuse.com/
CoolHue
渐层背景网站，提供大约 30 种不同配色的渐层背景
网址：https://webkul.github.io/coolhue/
WebGradients
这个网站包含了180种不同的线性渐变效果
网址：https://webgradients.com/
中国色彩大辞典
中国/日本传统色彩命名，点击色彩可直接吸取色值
网址：http://color.uisdc.com/
日本传统色辞典
网站交互极具特色，在国内经常被拿出来推荐
网址：http://nipponcolors.com/
MaterialUI
帮助设计师们快速选到自己喜爱的配色方案
网址：https://www.materialui.co/
Fashion Trendsetter
帮你关注每年最流行的颜色搭配
网址：http://www.fashiontrendsetter.com/v2/
colour lovers
该网站提高多达3百多万种的免费调色板
网址：http://www.colourlovers.com/
Adobe Color
Adobe官方在线配色工具
网址：https://color.adobe.com/zh/create/color-wheel/
LOL colors
在这里可以找到很多色彩组合，把鼠标移动到水滴上会提示色彩代码的颜色值。
网址：https://www.webdesignrankings.com/resources/lolcolors/
Coolors
实用！成千上万的配色方案
网址：https://coolors.co/browser/latest/1
Pletton
在线主题配色设计工具
网址：http://paletton.com/
CssWinner网页色彩分类
CSS画廊，可根据右侧颜色块展现最流行的网页
网址：http://www.csswinner.com/
Pexels
推荐！提供高清尺寸且品质优良的免费照片网站
网址：https://www.pexels.com/
Pixabay
百万张免费高清图片，高质量可商用
网址：https://pixabay.com/
500px
有着世界上最好的照片分享，你值得拥有
网址：https://500px.com/popular
Paixin 设计师图库
国内人气高品质图片分享与售卖平台，设计必备
网址：http://paixin.com/stock
包图网
日更1000+ 原创可商用图片 免费下载
网址：http://ibaotu.com/
FoodiesFeed
新鲜免费的食物照片素材
网址：https://foodiesfeed.com/
Gratisography
创意脑洞图片站，免费商用
网址：http://www.gratisography.com/#all
Street Will
高清小众美图分享站
网址：http://streetwill.co/
Sketch.im
Sketch资源、视频、素材
网址：http://sketch.im/
365 Web Sources
实用免费网页及平面设计素材
网址：https://365webresources.com/
Graphic Twister
优质免费的PSD素材站
网址：https://graphictwister.com/
Dunnnk
智能设备场景模版应有尽有
网址：http://dunnnk.com/
Sketchfab
在线3D素材库，模型分享网站
网址：https://sketchfab.com/
Freepik
各类平面设计资源免费下载
网址：http://www.freepik.com/
Flat Icon
扁平化优秀矢量图标库
网址：http://www.flaticon.com/
Icon Store
免费商用，高质量图标素材站
网址：http://iconstore.co/
Iconfont
多种格式图标下载 图标可转字体
网址：http://www.iconfont.cn/plus
这么多超实用网站，还不赶紧转发收藏起来！如果大家知道其他的优秀网站欢迎私信我哦，小艺会继续补充、完善。
web设计中，色彩永远都是大学问，好的配色方案让网站大放异彩，如下图两张web设计：
kids tate
Image festival
那么蛇蝎好的配色方案，有哪些参考，在这里，列举12个配色网址，如下：
1.kuler
网页设计配色的最佳之选，网址：https://color.adobe.com/
2.中国色彩大辞典
中国/日本传统色彩命名，点击色彩可直接吸取色彩， 网址：http://color.uisdc.com/
3.COLOURlovers
交流颜色、色彩趋势和配色法案的超人社区，网址：http://www.colourlovers.com/
4.日本颜色大辞典
日本web颜色样品网站，颜色样品大辞典，网址：http://www.birthdaycolors.jp/
5..Color Hunter
实用！图片上传创基配色方案，网址：http://www.colorhunter.com/
6.Visibone
网页设计参考指南，提供免费在线的配色方案实验室，网址：http://www.visibone.com/
7.Color Scheme Designer 3
专业调色板，可在线实时预览网页设计配色的工具，网址：http://paletton.com/
8.即时配色方案
ColorSchemer，有很多网页设计师专业配色软件 网址：http://www.colorschemer.com/
9.CssWinner网页色彩分类
CSS画廊，可根据右侧颜色块展现最流行的网页，网址：http://www.csswinner.com/colorsearch/blue
10.Fashion Trendsetter
帮你关注每年最流行的颜色搭配，网址：http://www.fashiontrendsetter.com/
11.ColRD
可创建及共享配色方案的灵感网站，网址：http://colrd.com/
12.ColorBlender
一款非常有趣的免费在线网页配色工具，网址：http://colorblender.com/
注： 其中有的是工具， 也只好算成网址。
切图网（qietu.com）是一家专门从事web前端开发的公司，专注we前端开发，关注用户体验，欢迎订阅微信公众号：qietuwang
*请认真填写需求信息，我们会在24小时内与您取得联系。
