Files
WebStackPage.github.io/cn/index.html
2017-12-22 16:09:56 +08:00

1747 lines
102 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="DesignStack" />
<meta name="author" content="viggo" />
<title>WebStack</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
<link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
<link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../assets/css/bootstrap.css">
<link rel="stylesheet" href="../assets/css/xenon-core.css">
<link rel="stylesheet" href="../assets/css/xenon-components.css">
<link rel="stylesheet" href="../assets/css/xenon-skins.css">
<link rel="stylesheet" href="../assets/css/nav.css">
<script src="../assets/js/jquery-1.11.1.min.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="page-body"> <!-- skin-white -->
<div class="page-container">
<div class="sidebar-menu toggle-others fixed">
<div class="sidebar-menu-inner">
<header class="logo-env">
<!-- logo -->
<div class="logo">
<a href="index.html" class="logo-expanded">
<img src="../assets/images/logo@2x.png" width="100%" alt="" />
</a>
<a href="index.html" class="logo-collapsed">
<img src="../assets/images/logo-collapsed@2x.png" width="40" alt="" />
</a>
</div>
<div class="mobile-menu-toggle visible-xs">
<a href="#" data-toggle="mobile-menu">
<i class="fa-bars"></i>
</a>
</div>
</header>
<ul id="main-menu" class="main-menu">
<li>
<a href="#常用推荐" class="smooth">
<i class="linecons-cog"></i>
<span class="title">常用推荐</span>
</a>
</li>
<li>
<a href="#社区资讯" class="smooth">
<i class="linecons-cog"></i>
<span class="title">社区资讯</span>
</a>
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<span class="title">灵感采集</span>
</a>
<ul>
<li>
<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>
<span class="label label-pink pull-right hidden-collapsed">Hot</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> -->
</ul>
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<span class="title">素材资源</span>
</a>
<ul>
<li>
<a href="#图标素材" class="smooth">
<span class="title">图标素材</span>
</a>
</li>
<li>
<a href="#LOGO设计" class="smooth">
<span class="title">LOGO设计</span>
</a>
</li>
<li>
<a href="#素材图库" class="smooth">
<span class="title">素材图库</span>
</a>
</li>
<li>
<a href="#sketch资源" class="smooth">
<span class="title">sketch资源</span>
</a>
</li>
<li>
<a href="#PSD资源" class="smooth">
<span class="title">PSD资源</span>
</a>
</li>
<li>
<a href="#字体资源" class="smooth">
<span class="title">字体资源</span>
</a>
</li>
<li>
<a href="#Mockup" class="smooth">
<span class="title">Mockup</span>
</a>
</li>
<li>
<a href="#摄影图库" class="smooth">
<span class="title">摄影图库</span>
</a>
</li>
<li>
<a href="#PPT资源" class="smooth">
<span class="title">PPT资源</span>
</a>
</li>
</ul>
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<span class="title">常用工具</span>
</a>
<ul>
<li>
<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>
<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>
</a>
</li>
<li>
<a href="#Chrome插件" class="smooth">
<span class="title">Chrome插件</span>
</a>
</li>
<li>
<a href="#在线配色" class="smooth">
<span class="title">在线配色</span>
</a>
</li>
</ul>
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<span class="title">学习教程</span>
</a>
<ul>
<li>
<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>
<a href="#设计规范" class="smooth">
<span class="title">设计规范</span>
</a>
</li>
</ul>
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<span class="title">交互设计</span>
</a>
<ul>
<li>
<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>
<a href="#交互简历" class="smooth">
<span class="title">交互简历</span>
</a>
</li>
<li>
<a href="#数据分析" class="smooth">
<span class="title">数据分析</span>
</a>
</li>
</ul>
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<span class="title">团队博客</span>
</a>
<ul>
<li>
<a href="#UED团队" class="smooth">
<span class="title">UED团队</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>
<a href="#培训机构" class="smooth">
<span class="title">培训机构</span>
</a>
</li>
</ul>
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<span class="title">其他设计</span>
</a>
<ul>
<li>
<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>
<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>
<a href="#经典艺术" class="smooth">
<span class="title">经典艺术</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="main-content">
<nav class="navbar user-info-navbar" role="navigation">
<!-- User Info, Notifications and Menu Bar -->
<!-- Left links for user info navbar -->
<ul class="user-info-menu left-links list-inline list-unstyled">
<li class="hidden-sm hidden-xs">
<a href="#" data-toggle="sidebar">
<i class="fa-bars"></i>
</a>
</li>
</ul>
<!-- Right links for user info navbar -->
<ul class="user-info-menu right-links list-inline list-unstyled">
<li class="search-form">
<!-- You can add "always-visible" to show make the search input visible -->
<form name="userinfo_search_form" method="get" action="#">
<input type="text" name="s" class="form-control search-field" placeholder="Type to search..." />
<button type="submit" class="btn btn-link">
<i class="linecons-search"></i>
</button>
</form>
</li>
<!-- Added in v1.2 -->
<li class="dropdown hover-line language-switcher">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
</a>
<ul class="dropdown-menu languages">
<li>
<a href="#">
<img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
</a>
</li>
<li class="active">
<a href="#">
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
</a>
</li>
</ul>
</li>
</ul>
</nav>
<!-- 常用推荐 -->
<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://dribbble.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dribbble.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Dribbble</strong>
</a>
<p class="overflowClip_2">全球UI设计师作品分享平台。</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://behance.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://behance.net/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/behance.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>behance</strong>
</a>
<p class="overflowClip_2">Adobe旗下的设计师交流平台来自世界各地的设计师在这里分享自己的作品。</p>
</div>
</div>
</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-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/uicn.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>UI中国</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.zcool.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.zcool.com.cn/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/zcool.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>站酷</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.pinterest.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pinterest.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/pinterest.png" class="img-circle" width="40">
</a>
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Pinterest</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://huaban.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://huaban.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/huaban.png" class="img-circle" width="40">
</a>
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>花瓣</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://medium.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://medium.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/medium.png" class="img-circle" width="40">
</a>
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Medium</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.uisdc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/uisdc.png" class="img-circle" width="40">
</a>
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>优设</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.producthunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.producthunt.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/producthunt.png" class="img-circle" width="40">
</a>
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Producthunt</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.youtube.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.youtube.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/youtube.png" class="img-circle" width="40">
</a>
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Youtube</strong>
</a>
<p class="overflowClip_2">全球最大的UI学习分享平台</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.leiphone.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.leiphone.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/leiphone.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>雷锋网</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://36kr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://36kr.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/36kr.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>36kr</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.digitaling.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.digitaling.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/digitaling.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>数英网</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.lieyunwang.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lieyunwang.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/lieyunwang.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>猎云网</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('http://www.woshipm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.woshipm.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/woshipm.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>人人都是产品经理</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.zaodula.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.zaodula.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/zaodula.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>互联网早读课</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.chanpin100.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.chanpin100.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/chanpin100.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>产品壹佰</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.pmcaff.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pmcaff.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/pmcaff.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>PMCAFF</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('http://www.iyunying.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iyunying.org/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/iyunying.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>爱运营</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.niaogebiji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.niaogebiji.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/niaogebiji.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>鸟哥笔记</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.gtn9.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.gtn9.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/gtn9.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>古田路9号</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.uigreat.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uigreat.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/uigreat.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>优阁网</strong>
</a>
<p class="overflowClip_2">UI设计师学习交流社区</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.producthunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.producthunt.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/producthunt.png" class="img-circle" width="40">
</a>
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Producthunt</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://next.36kr.com/posts', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://next.36kr.com/posts">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/NEXT.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>NEXT</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://sspai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sspai.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/sspai.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>少数派</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://liqi.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://liqi.io/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/liqi.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>利器</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('http://today.itjuzi.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://today.itjuzi.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/today.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Today</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://faxian.appinn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://faxian.appinn.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/appinn.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>小众软件</strong>
</a>
<p class="overflowClip_2">在这里发现更多有趣的应用</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.pttrns.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pttrns.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/Pttrns.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Pttrns</strong>
</a>
<p class="overflowClip_2">Check out the finest collection of design patterns, resources, mobile apps and inspiration</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://collectui.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://collectui.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/CollectUI.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Collect UI</strong>
</a>
<p class="overflowClip_2">Daily inspiration collected from daily ui archive and beyond.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ui.uigreat.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ui.uigreat.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/uiuigreat.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>UI uigreat</strong>
</a>
<p class="overflowClip_2">APP界面截图参考</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://androidniceties.tumblr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://androidniceties.tumblr.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/AndroidNiceties.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Android Niceties</strong>
</a>
<p class="overflowClip_2">A collection of screenshots encompassing some of the most beautiful looking Android apps.</p>
</div>
</div>
</div>
</div>
</div>
<!--END 界面灵感 -->
<br />
<!-- 网页灵感 -->
<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.awwwards.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.awwwards.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/awwwards.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Awwwards</strong>
</a>
<p class="overflowClip_2">Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.cssdesignawards.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.cssdesignawards.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/CSSDesignAwards.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>CSS Design Awards</strong>
</a>
<p class="overflowClip_2">Website Awards & Inspiration - CSS Gallery</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://thefwa.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://thefwa.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/fwa.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>The FWA</strong>
</a>
<p class="overflowClip_2">FWA - showcasing innovation every day since 2000</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ecommercefolio.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ecommercefolio.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/Ecommercefolio.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Ecommercefolio</strong>
</a>
<p class="overflowClip_2">Only the Best Ecommerce Design Inspiration</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.lapa.ninja/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lapa.ninja/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/Lapa.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Lapa</strong>
</a>
<p class="overflowClip_2">The best landing page design inspiration from around 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://reeoo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://reeoo.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/reeoo.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Reeoo</strong>
</a>
<p class="overflowClip_2">web design inspiration and website gallery</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://designmunk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://designmunk.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/designmunk.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Designmunk</strong>
</a>
<p class="overflowClip_2">Best Homepage Design Inspiration</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://bestwebsite.gallery/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://bestwebsite.gallery/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/BWG.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Best Websites Gallery</strong>
</a>
<p class="overflowClip_2">Website Showcase Inspiration | Best Websites Gallery</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.pages.xyz/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pages.xyz/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/pages.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Pages</strong>
</a>
<p class="overflowClip_2">Curated directory of the best Pages</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sitesee.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sitesee.co/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/SiteSee.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>SiteSee</strong>
</a>
<p class="overflowClip_2">SiteSee is a curated gallery of beautiful, modern websites collections.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.siteinspire.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.siteinspire.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/siteInspire.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Site Inspire</strong>
</a>
<p class="overflowClip_2">A CSS gallery and showcase of the best web design inspiration.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://web.uedna.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://web.uedna.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/WebInspiration.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>WebInspiration</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('http://navnav.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://navnav.co/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/navnav.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>navnav</strong>
</a>
<p class="overflowClip_2">A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over 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://www.reallygoodux.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.reallygoodux.io/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/ReallyGoodUX.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Really Good UX</strong>
</a>
<p class="overflowClip_2">A library of screenshots and examples of really good UX. Brought to you by
<Appcues class=""></Appcues>
</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.iconfinder.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.iconfinder.com">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/Iconfinder.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Iconfinder</strong>
</a>
<p class="overflowClip_2">2,100,000+ free and premium vector icons.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconfont.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iconfont.cn/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/iconfont.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>iconfont</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://iconmonstr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://iconmonstr.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/iconmonstr.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>iconmonstr</strong>
</a>
<p class="overflowClip_2">Free simple icons for your next project</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconarchive.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iconarchive.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/iconarchive.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Icon Archive</strong>
</a>
<p class="overflowClip_2">Search 590,912 free icons</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://findicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://findicons.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/FindIcons.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>FindIcons</strong>
</a>
<p class="overflowClip_2">Search through 300,000 free icons</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://icomoon.io/app/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://icomoon.io/app/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/IcoMoonApp.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>IcoMoonApp</strong>
</a>
<p class="overflowClip_2">Icon Font, SVG, PDF &amp; PNG Generator</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.easyicon.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.easyicon.net/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/easyicon.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>easyicon</strong>
</a>
<p class="overflowClip_2">PNG、ICO、ICNS格式图标搜索、图标下载服务</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.flaticon.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.flaticon.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/flaticon.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>flaticon</strong>
</a>
<p class="overflowClip_2">634,000+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.</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://ui-cloud.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ui-cloud.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/UICloud.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>UICloud</strong>
</a>
<p class="overflowClip_2">The largest user interface design database in the world.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://material.io/icons/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://material.io/icons/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/Materialicons.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Material icons</strong>
</a>
<p class="overflowClip_2">Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('fontawesomeicon', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="fontawesomeicon">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/fontawesomeicon.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Font Awesome Icon</strong>
</a>
<p class="overflowClip_2">The complete set of 675 icons in Font Awesome</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ionicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ionicons.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/ionicons.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>ion icons</strong>
</a>
<p class="overflowClip_2">The premium icon font for Ionic Framework.</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://simplelineicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://simplelineicons.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/simplelineicons.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Simpleline Icons</strong>
</a>
<p class="overflowClip_2">Simple line Icons pack</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END 图标素材 -->
<!-- LOGO设计 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="LOGO素材"></i>LOGO设计</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconsfeed.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iconsfeed.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/iconsfeed.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Iconsfeed</strong>
</a>
<p class="overflowClip_2">iOS icons gallery</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://iosicongallery.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://iosicongallery.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/iosicongallery.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>iOS Icon Gallery</strong>
</a>
<p class="overflowClip_2">Showcasing beautiful icon designs from the iOS App Store</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://worldvectorlogo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://worldvectorlogo.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/worldvectorlogo.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>World Vector Logo</strong>
</a>
<p class="overflowClip_2">Brand logos free to download</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://instantlogosearch.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://instantlogosearch.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/InstantLogoSearch.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Instant Logo Search</strong>
</a>
<p class="overflowClip_2">Search & download thousands of logos instantly</p>
</div>
</div>
</div>
</div>
</div>
<!--END LOGO设计 -->
<br />
<!-- 素材图库 -->
<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.freepik.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.freepik.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/freepik.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>freepik</strong>
</a>
<p class="overflowClip_2">More than a million free vectors, PSD, photos and free icons.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://wallhalla.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://wallhalla.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/wallhalla.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>wallhalla</strong>
</a>
<p class="overflowClip_2">Find awesome high quality wallpapers for desktop and mobile in one place.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://365psd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://365psd.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/365PSD.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>365PSD</strong>
</a>
<p class="overflowClip_2">Free PSD &amp; Graphics, Illustrations</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://medialoot.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://medialoot.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/Medialoot.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Medialoot</strong>
</a>
<p class="overflowClip_2">Free &amp; Premium Design Resources &mdash; Medialoot</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.58pic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.58pic.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/qiantu.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>千图网</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://588ku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://588ku.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/qianku.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>千库网</strong>
</a>
<p class="overflowClip_2">免费png图片背景素材下载</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ooopic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ooopic.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/wotu.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>我图网</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://90sheji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://90sheji.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/90sheji.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>90设计</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('http://www.nipic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.nipic.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/nipic.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>昵图网</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.lanrentuku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lanrentuku.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/lanrentuku.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>懒人图库</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://so.ui001.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://so.ui001.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/sousucai.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>素材搜索</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://psefan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://psefan.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/psefan.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>PS饭团网</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('http://www.sccnn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.sccnn.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/sccnn.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>素材中国</strong>
</a>
<p class="overflowClip_2">免费素材共享平台</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END 素材图库 -->
<!-- sketch资源 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="sketch资源"></i>sketch资源</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('websiteUrl', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="websiteUrl">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/default.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>websiteNameHere</strong>
</a>
<p class="overflowClip_2">websiteInfoHere</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('websiteUrl', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="websiteUrl">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/default.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>websiteNameHere</strong>
</a>
<p class="overflowClip_2">websiteInfoHere</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('websiteUrl', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="websiteUrl">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/default.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>websiteNameHere</strong>
</a>
<p class="overflowClip_2">websiteInfoHere</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('websiteUrl', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="websiteUrl">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/default.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>websiteNameHere</strong>
</a>
<p class="overflowClip_2">websiteInfoHere</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END GROUPNAME -->
<!-- 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) -->
<!-- Or class "fixed" to always fix the footer to the end of page -->
<footer class="main-footer sticky footer-type-1">
<div class="footer-inner">
<!-- Add your copyright text here -->
<div class="footer-text">
&copy; 2017
<strong>Designstack</strong> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
<!-- - Purchase for only <strong>23$</strong> -->
</div>
<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
<div class="go-up">
<a href="#" rel="go-top">
<i class="fa-angle-up"></i>
</a>
</div>
</div>
</footer>
</div>
</div>
<!-- 锚点平滑移动 -->
<script type="text/javascript">
// $(document).ready(function() {
// $("#main-menu li ul li").click(function() {
// $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
// $(this).addClass('active'); // 添加当前元素的样式
// });
// $("a.smooth").click(function() {
// $("html, body").animate({
// scrollTop: $($(this).attr("href")).offset().top - 30
// }, {
// duration: 500,
// easing: "swing"
// });
// });
// return false;
// });
var href = "";
var pos = 0;
$("a.smooth").click(function(e) {
$("#main-menu li").each(function() {
$(this).removeClass("active");
});
$(this).parent("li").addClass("active");
e.preventDefault();
href = $(this).attr("href");
pos = $(href).position().top - 30;
$("html,body").animate({
scrollTop: pos
}, 500);
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111463289-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-111463289-1');
</script>
<!-- Bottom Scripts -->
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/TweenMax.min.js"></script>
<script src="../assets/js/resizeable.js"></script>
<script src="../assets/js/joinable.js"></script>
<script src="../assets/js/xenon-api.js"></script>
<script src="../assets/js/xenon-toggles.js"></script>
<!-- JavaScripts initializations and stuff -->
<script src="../assets/js/xenon-custom.js"></script>
</body>
</html>