backup/WebStackPage.github.io
1
0
Fork 0
mirror of https://github.com/WebStackPage/WebStackPage.github.io.git synced 2026-02-07 20:33:52 +08:00
Code Issues Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Viggo
2017-12-27 00:00:53 +08:00
parent 0dd66da9c7
commit 6580992d26
108 changed files with 4883 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
cn/about.html Normal file
View File

@@ -0,0 +1,148 @@
<!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.cc - 设计师网址导航</title>
<meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
<meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
<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]-->
<!-- / FB Open Graph -->
<meta property="og:type" content="article">
<meta property="og:url" content="http://www.webstack.cc/">
<meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
<meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
<meta property="og:image" content="http://www.webstack.cc/images/webstack_banner_cn.png">
<meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
<!-- / Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
<meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
<meta name="twitter:image" content="http://www.webstack.cc/images/webstack_banner_cn.png">
</head>
<body class="page-body boxed-container">
<nav class="navbar horizontal-menu navbar-fixed-top">
<div class="navbar-inner">
<div class="navbar-brand">
<a href="index.html" class="logo">
<img src="../assets/images/logo_dark@2x.png" width="100%" alt="" class="hidden-xs">
<img src="../assets/images/logo@2x.png" width="100%" alt="" class="visible-xs">
</a>
</div>
<div class="navbar-mobile-clear"></div>
<ul class="nav nav-userinfo navbar-right">
<li class="dropdown hover-line language-switcher">
<a href="about.html">About</a>
</li>
</ul>
</div>
</nav>
<div class="page-container">
<!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
<div class="main-content" style="">
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<!-- 关于网站 -->
<h4 class="text-gray">关于网站</h4>
<div class="panel-body">
<div class="row">
<div class="col-sm-12">
<blockquote>
<p>WebStack 专注于收集国内外优秀的设计类网站，目的是想让志趣相投的设计师能够很容易地找到有价值的网站！如果你知道更多有趣的设计资源或工具网站，请扫描二维码加入下方的<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip">微信反馈群</span>进行反馈！</p>
</blockquote>
</div>
</div>
<!-- 关于站长 -->
<h4 class="text-gray">关于站长</h4>
<div class="row">
<div class="col-sm-4">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.viggoz.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.viggoz.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/viggoz.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Designer. Viggo.</strong>
</a>
<p class="overflowClip_2"> Full-time UI designer with an enduring interest in Coding.</p>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-sm-12">
<br />
<blockquote>
<p>
WebStack小站中大部分收录的网站是由站长收藏并整理，这是一个公益项目，如果你有更好的想法，可以通过个人网站中的联系方式找到我，欢迎与我交流分享。
</p>
</blockquote>
</div>
</div>
<br>
</div>
</div>
<!-- 特别感谢 -->
<h4 class="text-gray">特别感谢</h4>
<p>
<h5><a href="https://weibo.com/u/2279198540">@Z先生 </a> <a href="https://github.com/PengRui2016">@Mr_PR</a> 两位老铁的技术支持！</h5>
</p>
<br />
<h4 class="text-gray">反馈交流</h4>
<div>
<img src="../assets/images/WechatGroup.jpg" alt="" style="width: 200px">
</div>
</div>
</div>
</div>
</div>
<!-- Main Footer -->
<footer class="main-footer sticky footer-type-1 fixed">
<div class="footer-inner">
<div class="footer-text">
&copy; 2017
<a href="../cn/about.html"><strong>Designstack</strong></a> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
</div>
<div class="go-up">
<a href="#" rel="go-top">
<i class="fa-angle-up"></i>
</a>
</div>
</div>
</footer>
</div>
</div>
<!-- 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>
<textarea tabindex="-1" style="position: absolute; top: -999px; left: 0px; right: auto; bottom: auto; border: 0px; padding: 0px; box-sizing: content-box; word-wrap: break-word; overflow: hidden; transition: none; height: 0px !important; min-height: 0px !important; font-family: Arimo, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 13px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 18.5714px; width: 53px;" class="autosizejs" id="autosizejs"></textarea>
</body>
</html>

502
cn/index.html
View File

@@ -7,7 +7,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="DesignStack" />
<meta name="author" content="viggo" />
<title>WebStack</title>
<title>WebStack.cc - 设计师网址导航</title>
<meta name="keywords" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
<meta name="description" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
<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">
@@ -22,6 +24,18 @@
<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]-->
<!-- / FB Open Graph -->
<meta property="og:type" content="article">
<meta property="og:url" content="http://www.webstack.cc/">
<meta property="og:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
<meta property="og:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
<meta property="og:image" content="http://www.webstack.cc/images/webstack_banner_cn.png">
<meta property="og:site_name" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
<!-- / Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="WebStack - 收集国内外优秀设计网站、UI设计资源网站、灵感创意网站、素材资源网站，定时更新分享优质产品设计书签。www.webstack.cc">
<meta name="twitter:description" content="UI设计,UI设计素材,设计导航,网址导航,设计资源,创意导航,创意网站导航,设计师网址大全,设计素材大全,设计师导航,UI设计资源,优秀UI设计欣赏,设计师导航,设计师网址大全,设计师网址导航,产品经理网址导航,交互设计师网址导航,www.webstack.cc">
<meta name="twitter:image" content="http://www.webstack.cc/images/webstack_banner_cn.png">
</head>
<body class="page-body">
@@ -40,6 +54,9 @@
</a>
</div>
<div class="mobile-menu-toggle visible-xs">
<a href="#" data-toggle="user-info-menu">
<i class="linecons-cog"></i>
</a>
<a href="#" data-toggle="mobile-menu">
<i class="fa-bars"></i>
</a>
@@ -48,19 +65,19 @@
<ul id="main-menu" class="main-menu">
<li>
<a href="#常用推荐" class="smooth">
<i class="linecons-cog"></i>
<i class="linecons-star"></i>
<span class="title">常用推荐</span>
</a>
</li>
<li>
<a href="#社区资讯" class="smooth">
<i class="linecons-cog"></i>
<i class="linecons-doc"></i>
<span class="title">社区资讯</span>
</a>
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<i class="linecons-lightbulb"></i>
<span class="title">灵感采集</span>
</a>
<ul>
@@ -94,7 +111,7 @@
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<i class="linecons-thumbs-up"></i>
<span class="title">素材资源</span>
</a>
<ul>
@@ -147,7 +164,7 @@
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<i class="linecons-diamond"></i>
<span class="title">常用工具</span>
</a>
<ul>
@@ -195,7 +212,7 @@
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<i class="linecons-pencil"></i>
<span class="title">学习教程</span>
</a>
<ul>
@@ -219,47 +236,20 @@
<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 href="#交互设计" class="smooth">
<span class="title">交互设计</span>
<span class="label label-pink pull-right hidden-collapsed">Hot</span>
</a>
</li>
</ul>
</li>
<li>
<a>
<i class="linecons-desktop"></i>
<span class="title">团队博客</span>
<a href="#UED团队" class="smooth">
<i class="linecons-user"></i>
<span class="title">UED团队</span>
</a>
<ul>
<!-- <ul>
<li>
<a href="#UED团队" class="smooth">
<span class="title">UED团队</span>
@@ -275,14 +265,9 @@
<span class="title">设计师</span>
</a>
</li>
<li>
<a href="#培训机构" class="smooth">
<span class="title">培训机构</span>
</a>
</li>
</ul>
</ul> -->
</li>
<li>
<!-- <li>
<a>
<i class="linecons-desktop"></i>
<span class="title">其他设计</span>
@@ -324,7 +309,7 @@
</a>
</li>
</ul>
</li>
</li> -->
</ul>
</div>
</div>
@@ -341,28 +326,21 @@
</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">
<a href="about.html">About</a>
</li>
<li class="dropdown hover-line language-switcher">
<a href="../cn/index.html" 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="#">
<a href="../en/index.html">
<img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
</a>
</li>
<li class="active">
<a href="#">
<a href="../cn/index.html">
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
</a>
</li>
@@ -371,7 +349,7 @@
</ul>
</nav>
<!-- 常用推荐 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="常用推荐"></i>常用推荐</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -537,7 +515,7 @@
<br />
<!-- END 常用推荐 -->
<!-- 社区资讯 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="社区资讯"></i>社区资讯</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -727,7 +705,7 @@
<br />
<!--END 社区资讯 -->
<!-- 发现产品 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="发现产品"></i>发现产品</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -826,7 +804,7 @@
<br />
<!--END 发现产品 -->
<!-- 界面灵感 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="界面灵感"></i>界面灵感</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -892,7 +870,7 @@
<!--END 界面灵感 -->
<br />
<!-- 网页灵感 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="网页灵感"></i>网页灵感</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -1116,7 +1094,7 @@
<br />
<!--END 网页灵感 -->
<!-- 图标素材 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="图标素材"></i>图标素材</h4>
<h4 class="text-gray"><i class="linecons-tag" 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">
@@ -1323,7 +1301,7 @@
<br />
<!--END 图标素材 -->
<!-- LOGO设计 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="LOGO设计"></i>LOGO设计</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -1389,7 +1367,7 @@
<br />
<!--END LOGO设计 -->
<!-- 平面素材 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="平面素材"></i>平面素材</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -1596,7 +1574,7 @@
<br />
<!--END 素材图库 -->
<!-- UI资源 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="UI资源"></i>UI资源</h4>
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UI资源"></i>UI资源</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freebiesbug.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://freebiesbug.com/">
@@ -1756,7 +1734,7 @@
<br />
<!--END UI资源 -->
<!-- Sketch资源 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="Sketch资源"></i>Sketch资源</h4>
<h4 class="text-gray"><i class="linecons-tag" 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('https://sketchapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sketchapp.com/">
@@ -1884,7 +1862,7 @@
<br />
<!--END Sketch资源 -->
<!-- 字体资源 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="字体资源"></i>字体资源</h4>
<h4 class="text-gray"><i class="linecons-tag" 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://fonts.google.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fonts.google.com/">
@@ -2121,7 +2099,7 @@
<br />
<!--END 字体资源 -->
<!-- Muckup -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="Muckup"></i>Muckup</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -2249,7 +2227,7 @@
<br />
<!--END Muckup -->
<!-- 摄影图库 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="摄影图库"></i>摄影图库</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -2642,7 +2620,7 @@
<br />
<!--END 摄影图库 -->
<!-- PPT资源 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="PPT资源"></i>PPT资源</h4>
<h4 class="text-gray"><i class="linecons-tag" 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">
@@ -2740,7 +2718,7 @@
<br />
<!--END PPT资源 -->
<!-- 图形创意 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="图形创意"></i>图形创意</h4>
<h4 class="text-gray"><i class="linecons-tag" 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">
@@ -2853,7 +2831,7 @@
<br />
<!--END 图形创意 -->
<!-- 界面设计 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="界面设计"></i>界面设计</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -2951,7 +2929,7 @@
<br />
<!--END 界面设计 -->
<!-- 交互动效 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="交互动效"></i>交互动效</h4>
<h4 class="text-gray"><i class="linecons-tag" 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/">
@@ -3034,7 +3012,7 @@
<br />
<!--END 交互动效 -->
<!-- 在线配色 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="在线配色"></i>在线配色</h4>
<h4 class="text-gray"><i class="linecons-tag" 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('http://khroma.co/generator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://khroma.co/generator/">
@@ -3271,7 +3249,7 @@
<br />
<!--END 在线配色 -->
<!-- 在线工具 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="在线工具"></i>在线工具</h4>
<h4 class="text-gray"><i class="linecons-tag" 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://tinypng.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tinypng.com/">
@@ -3354,7 +3332,7 @@
<br />
<!--END 在线工具 -->
<!-- Chrome插件 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="Chrome插件"></i>Chrome插件</h4>
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="Chrome插件"></i>Chrome插件</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.wappalyzer.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.wappalyzer.com/">
@@ -3452,7 +3430,7 @@
<br />
<!--END Chrome插件 -->
<!-- 设计规范 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="设计规范"></i>设计规范</h4>
<h4 class="text-gray"><i class="linecons-tag" 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('http://designguidelines.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://designguidelines.co/">
@@ -3535,7 +3513,7 @@
<br />
<!--END 设计规范 -->
<!-- 视频教程 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="视频教程"></i>视频教程</h4>
<h4 class="text-gray"><i class="linecons-tag" 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('http://www.photoshoplady.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.photoshoplady.com/">
@@ -3601,7 +3579,7 @@
<br />
<!--END 视频教程 -->
<!-- 设计文章 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="设计文章"></i>设计文章</h4>
<h4 class="text-gray"><i class="linecons-tag" 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('http://www.uisdc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
@@ -3652,7 +3630,7 @@
<br />
<!--END 设计文章 -->
<!-- 设计电台 -->
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="设计电台"></i>设计电台</h4>
<h4 class="text-gray"><i class="linecons-tag" 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('http://uxcoffee.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uxcoffee.co/">
@@ -3702,6 +3680,356 @@
</div>
<br />
<!--END 设计电台 -->
<!-- 交互设计 -->
<h4 class="text-gray"><i class="linecons-tag" 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('http://littlebigdetails.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://littlebigdetails.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/littlebigdetails.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Little Big Details</strong>
</a>
<p class="overflowClip_2">Little Big Details is a curated collection of the finer details of design, updated every day. </p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.smashingmagazine.com/category/user-experience', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.smashingmagazine.com/category/user-experience">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/smashingmagazine.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Smashing Magazine</strong>
</a>
<p class="overflowClip_2">Below you’ll find the best tips to take not only your UX design process but also the experiences you craft to the next level.</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.nngroup.com/articles/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.nngroup.com/articles/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/nngroup.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>nngroup</strong>
</a>
<p class="overflowClip_2">Evidence-Based User Experience Research, Training, and Consulting</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://boxesandarrows.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://boxesandarrows.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/boxesandarrows.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Boxes and Arrows</strong>
</a>
<p class="overflowClip_2">Boxes and Arrows is devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business. </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://uxdesignweekly.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uxdesignweekly.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/uxdesignweekly.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>UX Design Weekly</strong>
</a>
<p class="overflowClip_2"> get a hand picked list of the best user experience design links every week. </p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://uxren.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uxren.cn/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/uxren.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>UX Ren</strong>
</a>
<p class="overflowClip_2">用户体验人的专业社区</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END 交互设计 -->
<!-- UED团队 -->
<h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UED团队"></i>UED团队</h4>
<div class="row">
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://airbnb.design', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://airbnb.design">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/AirbnbDesign.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Airbnb Design</strong>
</a>
<p class="overflowClip_2">Airbnb Design</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://facebook.design/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://facebook.design/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/FacebookDesign.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Facebook Design</strong>
</a>
<p class="overflowClip_2">Facebook Design</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://design.google/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://design.google/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/GoogleDesign.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Google Design</strong>
</a>
<p class="overflowClip_2">Google Design</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://eicodesign.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://eicodesign.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/eico.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>eico design</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.niceui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.niceui.cn/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/niceui.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>nice design</strong>
</a>
<p class="overflowClip_2">nicedesign奈思设计是领先的用户体验设计与互联网品牌建设公司</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://cdc.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://cdc.tencent.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/cdc.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>腾讯CDC</strong>
</a>
<p class="overflowClip_2">腾讯CDC关注于互联网视觉设计、交互设计、用户研究、前端开发。</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://tgideas.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://tgideas.qq.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/tgideas.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>TGideas</strong>
</a>
<p class="overflowClip_2">TGideas隶属于腾讯公司互动娱乐业务系统的专业推广类设计团队</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://isux.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://isux.tencent.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/isux.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>ISUX</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://mxd.tencent.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://mxd.tencent.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/mxd.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>MXD</strong>
</a>
<p class="overflowClip_2">腾讯MIG无线互联网事业群设计团队</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.aliued.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.aliued.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/aliued.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>Aliued</strong>
</a>
<p class="overflowClip_2">阿里巴巴国际UED团队</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.aliued.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.aliued.cn/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/aliuedcn.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>U一点</strong>
</a>
<p class="overflowClip_2">阿里巴巴（中国站）用户体验设计部博客U一点设计 UED团队</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://uedc.163.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://uedc.163.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/uedc.png" class="img-circle" width="40">
</a>
<div class="xe-comment">
<a href="#" class="xe-user-name overflowClip_1">
<strong>网易uedc</strong>
</a>
<p class="overflowClip_2">网易用户体验设计中心（User Experience Design Center）</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://ued.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ued.baidu.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/uedbaidu.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://jdc.jd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://jdc.jd.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/jdc.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://eux.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://eux.baidu.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/euxbaidu.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://ued.ctrip.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ued.ctrip.com/">
<div class="xe-comment-entry">
<a class="xe-user-img">
<img src="../assets/images/logos/ctrip.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">携程设计委员会-Ctrip Design Committee</p>
</div>
</div>
</div>
</div>
</div>
<br />
<!--END UED团队 -->
<!-- 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) -->
@@ -3711,7 +4039,7 @@
<!-- 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>
<a href="../cn/about.html"><strong>Designstack</strong></a> 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 -->