This commit is contained in:
Viggo
2017-12-25 17:19:25 +08:00
parent fd34c87563
commit 3807234d68
59 changed files with 935 additions and 26 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

View File

@@ -129,8 +129,8 @@
</a>
</li>
<li>
<a href="#Mockup" class="smooth">
<span class="title">Mockup</span>
<a href="#Muckup" class="smooth">
<span class="title">Muckup</span>
</a>
</li>
<li>
@@ -152,13 +152,23 @@
</a>
<ul>
<li>
<a href="#图形编辑" class="smooth">
<span class="title">图形编辑</span>
<a href="#图形创意" class="smooth">
<span class="title">图形创意</span>
</a>
</li>
<li>
<a href="#界面工具" class="smooth">
<span class="title">界面工具</span>
<a href="#界面设计" class="smooth">
<span class="title">界面设计</span>
</a>
</li>
<li>
<a href="#交互动效" class="smooth">
<span class="title">交互动效</span>
</a>
</li>
<li>
<a href="#在线配色" class="smooth">
<span class="title">在线配色</span>
</a>
</li>
<li>
@@ -166,21 +176,6 @@
<span class="title">在线工具</span>
</a>
</li>
<li>
<a href="#3D设计" class="smooth">
<span class="title">3D设计</span>
</a>
</li>
<li>
<a href="#标注切图" class="smooth">
<span class="title">标注切图</span>
</a>
</li>
<li>
<a href="#H5制作" class="smooth">
<span class="title">H5制作</span>
</a>
</li>
<li>
<a href="#Sketch插件" class="smooth">
<span class="title">Sketch插件</span>
@@ -192,8 +187,8 @@
</a>
</li>
<li>
<a href="#在线配色" class="smooth">
<span class="title">在线配色</span>
<a href="#H5制作" class="smooth">
<span class="title">H5制作</span>
</a>
</li>
</ul>
@@ -409,7 +404,7 @@
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ui.cn/">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ui.cn/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/uicn.png" class="img-circle" width="40">
@@ -2125,6 +2120,920 @@
</div>
<br />
<!--END 字体资源 -->
<!-- Muckup -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="Muckup"></i>Muckup</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mockup.zone/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mockup.zone/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/MockupZone.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>MockupZone</strong>
</a>
<p class="overflowClip_2">Mockup Zone is an online store where you can find free and premium PSD mockup files to show your designs in a professional way.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://dunnnk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://dunnnk.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/Dunnnk.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Dunnnk</strong>
</a>
<p class="overflowClip_2"> Generate Product Mockups For Free</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.graphberry.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.graphberry.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/graphberry.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Graphberry</strong>
</a>
<p class="overflowClip_2">Free design resources, Mockups, PSD web templates, Icons</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://threed.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://threed.io/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/threed.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Threed</strong>
</a>
<p class="overflowClip_2">Generate 3D Mockups right in your Browser</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://free.lstore.graphics/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://free.lstore.graphics/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/mockupworld.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Mockup World</strong>
</a>
<p class="overflowClip_2">The best free Mockups from the Web</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://free.lstore.graphics/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://free.lstore.graphics/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/lstore.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Lstore</strong>
</a>
<p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pixeden.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pixeden.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/pixeden.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>pixeden</strong>
</a>
<p class="overflowClip_2">free web resources and graphic design templates.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://forgraphictm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://forgraphictm.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/forgraphictm.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>For Graphic TM</strong>
</a>
<p class="overflowClip_2">High Quality PSD Mockups for Graphic Designers.</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END Muckup -->
<!-- 摄影图库 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="摄影图库"></i>摄影图库</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://unsplash.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://unsplash.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/unsplash.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Unsplash</strong>
</a>
<p class="overflowClip_2">Beautiful, free photos.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://visualhunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://visualhunt.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/visualhunt.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>visualhunt</strong>
</a>
<p class="overflowClip_2">100% Free High Quality Photos</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://librestock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://librestock.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/librestock.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>librestock</strong>
</a>
<p class="overflowClip_2">65,084 high quality do-what-ever-you-want stock photos</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pixabay.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pixabay.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/pixabay.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>pixabay</strong>
</a>
<p class="overflowClip_2">可在任何地方使用的免费图片和视频</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.splitshire.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.splitshire.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/SplitShire.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>SplitShire</strong>
</a>
<p class="overflowClip_2">Free Stock Photos and Videos for commercial use.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://stocksnap.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://stocksnap.io/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/StockSnap.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>StockSnap</strong>
</a>
<p class="overflowClip_2">Beautiful free stock photos</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://albumarium.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://albumarium.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/albumarium.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>albumarium</strong>
</a>
<p class="overflowClip_2">The best place to find & share beautiful images</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://myphotopack.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://myphotopack.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/myphotopack.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>myphotopack</strong>
</a>
<p class="overflowClip_2">A free photo pack just for you. Every month.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://notaselfie.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://notaselfie.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/notaselfie.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Notaselfie</strong>
</a>
<p class="overflowClip_2">Photos that happen along the way. You can use the images anyway you like. Have fun!</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://papers.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://papers.co/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/papers.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>papers</strong>
</a>
<p class="overflowClip_2">Wallpapers Every Hour!Hand collected :)</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://stokpic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://stokpic.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/stokpic.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>stokpic</strong>
</a>
<p class="overflowClip_2">Free Stock Photos For Commercial Use</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://55mm.co/visuals', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://55mm.co/visuals">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/55mm.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>55mm</strong>
</a>
<p class="overflowClip_2">Use our FREE photos to tell your story! </p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://thestocks.im/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://thestocks.im/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/thestocks.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>thestocks</strong>
</a>
<p class="overflowClip_2">Use our FREE photos to tell your story! </p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://freenaturestock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://freenaturestock.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/freenaturestock.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>freenaturestock</strong>
</a>
<p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://negativespace.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://negativespace.co/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/negativespace.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>negativespace</strong>
</a>
<p class="overflowClip_2">Beautiful, High-Resolution Free Stock Photos</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gratisography.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gratisography.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/gratisography.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>gratisography</strong>
</a>
<p class="overflowClip_2">Free high-resolution pictures you can use on your personal and commercial projects, free of copyright restrictions. </p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://imcreator.com/free', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://imcreator.com/free">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/imcreator.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>imcreator</strong>
</a>
<p class="overflowClip_2">A curated collection of free web design resources, all for commercial use.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lifeofpix.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lifeofpix.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/lifeofpix.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>lifeofpix</strong>
</a>
<p class="overflowClip_2">Free high resolution photography</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://skitterphoto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://skitterphoto.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/skitterphoto.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>skitterphoto</strong>
</a>
<p class="overflowClip_2">Free Stock Photos for Creative Professionals</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mmtstock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mmtstock.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/mmtstock.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>mmtstock</strong>
</a>
<p class="overflowClip_2">Free photos for commercial use</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://skitterphoto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://skitterphoto.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/skitterphoto.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>skitterphoto</strong>
</a>
<p class="overflowClip_2">a place to find, show and share public domain photos</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://magdeleine.co/browse/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://magdeleine.co/browse/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/magdeleine.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>magdeleine</strong>
</a>
<p class="overflowClip_2">HAND-PICKED FREE PHOTOS FOR YOUR INSPIRATION</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://jeshoots.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://jeshoots.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/jeshoots.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>jeshoots</strong>
</a>
<p class="overflowClip_2">New Free Photos & Mockups in to your Inbox!</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.hdwallpapers.net', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.hdwallpapers.net">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/hdwallpapers.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>hdwallpapers</strong>
</a>
<p class="overflowClip_2">High Definition Wallpapers & Desktop Backgrounds</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://publicdomainarchive.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://publicdomainarchive.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/publicdomainarchive.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>publicdomainarchive</strong>
</a>
<p class="overflowClip_2">New 100% Free Stock Photos. Every. Single. Week.</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END 摄影图库 -->
<!-- PPT资源 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="PPT资源"></i>PPT资源</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.officeplus.cn/Template/Home.shtml', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.officeplus.cn/Template/Home.shtml">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/officeplus.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>OfficePLUS</strong>
</a>
<p class="overflowClip_2">OfficePLUS微软Office官方在线模板网站</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ypppt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ypppt.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/ypppt.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>优品PPT</strong>
</a>
<p class="overflowClip_2">高质量的模版而且还有PPT图表PPT背景图等资源</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pptplus.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pptplus.cn/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/pptplus.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>PPT+</strong>
</a>
<p class="overflowClip_2">PPT加直播、录制和分享—PPT+语音内容分享平台</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pptmind.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pptmind.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/pptmind.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>PPTMind</strong>
</a>
<p class="overflowClip_2">分享高端ppt模板与keynote模板的数字作品交易平台</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.tretars.com/ppt-templates', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.tretars.com/ppt-templates">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/tretars.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>tretars</strong>
</a>
<p class="overflowClip_2">The best free Mockups from the Web</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ppt.500d.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ppt.500d.me/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/500d.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>5百丁</strong>
</a>
<p class="overflowClip_2">中国领先的PPT模板共享平台</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END PPT资源 -->
<!-- 图形创意 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="图形创意"></i>图形创意</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.adobe.com/cn/products/photoshop.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/photoshop.html">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/photoshop.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>photoshop</strong>
</a>
<p class="overflowClip_2">Photoshop不需要解释</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://affinity.serif.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://affinity.serif.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/AffinityDesigner.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Affinity Designer</strong>
</a>
<p class="overflowClip_2">专业创意软件</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.adobe.com/cn/products/illustrator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/illustrator/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/illustrator.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>illustrator</strong>
</a>
<p class="overflowClip_2">矢量图形和插图。</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.adobe.com/cn/products/indesign.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.adobe.com/cn/products/indesign.html">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/INDESIGN .png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>indesign</strong>
</a>
<p class="overflowClip_2">页面设计、布局和出版。</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.maxon.net/en/products/cinema-4d/overview/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.maxon.net/en/products/cinema-4d/overview/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/cinema4d.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>cinema-4d</strong>
</a>
<p class="overflowClip_2">Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.autodesk.com/products/3ds-max/overview', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.autodesk.com/products/3ds-max/overview">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/3dsmax.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>3ds-max</strong>
</a>
<p class="overflowClip_2">3D modeling, animation, and rendering software</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.blender.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.blender.org/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/blender.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Blender</strong>
</a>
<p class="overflowClip_2">Blender is the free and open source 3D creation suite.</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END 图形创意 -->
<!-- 界面设计 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="界面设计"></i>界面设计</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sketchapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sketchapp.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/sketchapp.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Sketch</strong>
</a>
<p class="overflowClip_2">The digital design toolkit</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.adobe.com/products/xd.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.adobe.com/products/xd.html">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/ADOBEXDCC.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Adobe XD</strong>
</a>
<p class="overflowClip_2">Introducing Adobe XD. Design. Prototype. Experience.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.invisionapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.invisionapp.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/invisionapp.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>invisionapp</strong>
</a>
<p class="overflowClip_2">Powerful design prototyping tools</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://marvelapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://marvelapp.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/marvelapp.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>marvelapp</strong>
</a>
<p class="overflowClip_2">Simple design, prototyping and collaboration</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://creative.adobe.com/zh-cn/products/download/muse', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://creative.adobe.com/zh-cn/products/download/muse">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/MuseCC.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Muse CC</strong>
</a>
<p class="overflowClip_2">无需利用编码即可进行网站设计。</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.figma.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.figma.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/figma.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>figma</strong>
</a>
<p class="overflowClip_2">Design, prototype, and gather feedback all in one place with Figma.</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END 界面设计 -->
<!-- 交互动效 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="交互动效"></i>交互动效</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.adobe.com/cn/products/aftereffects/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/aftereffects/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/AdobeAfterEffectsCC.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Adobe After Effects CC</strong>
</a>
<p class="overflowClip_2">电影般的视觉效果和动态图形。</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://principleformac.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://principleformac.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/principle.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>principle</strong>
</a>
<p class="overflowClip_2">Animate Your Ideas, Design Better Apps</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.flinto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.flinto.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/flinto.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>flinto</strong>
</a>
<p class="overflowClip_2">Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://framer.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://framer.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/framer.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>framer</strong>
</a>
<p class="overflowClip_2">Design everything from detailed icons to high-fidelity interactions—all in one place.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.protopie.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.protopie.cn/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/protopie.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>protopie</strong>
</a>
<p class="overflowClip_2">高保真交互原型设计</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END 交互动效 -->
<!-- Main Footer -->
<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
<!-- Add class "sticky" to always stick the footer to the end of page (if page contents is small) -->

View File

@@ -14,7 +14,7 @@
</body>
</html>
<!-- GROUPNAME -->
<!-- 交互动效 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="常用推荐"></i>常用推荐</h4>
<div class="row">
<div class="col-sm-3">
@@ -79,4 +79,4 @@
</div>
</div>
<br />
<!--END GROUPNAME -->
<!--END 交互动效 -->