<!DOCTYPE html>
<html class="">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="content-type" content="text/html">
	<title>构图是网页设计中的六个关键要素之一-行业新闻_网站建设新闻_网站设计制作常见问题-腾虎网站建设公司</title>
	<meta name="keywords" content="广州网站建设 广州建站公司  广州网页制作" />
	<meta name="description" content="构图是设计的六个关键要素之一。如果没有强大而扎实的设计构图，一切都会开始分崩离析。在本文中，我们将为您提供 15 个技巧，帮助您加强构图——无论是摄影、插图还是任何平面设计项目。 1.用引导线引导眼睛 通常，当您查看任何视觉对象时，您的眼睛首先会落在特定的对象上。在这种情况下，这就是汽车，它是海报的焦点。我们将在本文的第二点中多谈一点。但是，如果你的眼睛立即被视觉的某个部分所吸引，接下来你会看哪里？这是一" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<meta name="Copyright" content="www.tenghoo.com 广州腾虎网络科技有限公司" />
	<meta name="author" content="www.tenghoo.com 广州腾虎网络科技有限公司">
	<meta name="generator" content="www.tenghoo.com 广州建站" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link href="/templates/css/banner.css" rel="stylesheet">
	<link href="/templates/css/carousel.css" rel="stylesheet">
	<link href="/templates/css/global.css?v=1" rel="stylesheet">
	<link rel="stylesheet" href="/templates/css/font-awesome.min.css">
	<link rel="stylesheet" href="/templates/css/my.css">
    <script src="//msite.baidu.com/sdk/c.js?appid=1617178698896497"></script>
    <link rel="canonical" href="https://www.tenghoo.com/xinwendongtai/xingyexinwen/4422.html"/>
    <script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "https://www.tenghoo.com/xinwendongtai/xingyexinwen/4422.html",
            "appid": "1617178698896497",
            "title": "构图是网页设计中的六个关键要素之一-行业新闻_网站建设新闻_网站设计制作常见问题-腾虎网站建设公司",
            "images": [
                "https://www.tenghoo.com/upload/image/article/20220826/20220826090448.jpg"
            ],
            "pubDate": "2022-08-26T08:59:46"
        }
    </script>
</head>
<body>
<div class="pc_header">
	<div class="circle"></div>
	<div class="pc_header_content clear">
		<a href="/" class="header_content_logo fl"><p><img src="/upload/image/ann/20190226/20190226512078.png" alt="广州企业网站建设"/></p></a>
		<div class="header_content_right clear fr">
			<div class="menu fl clear">
				<ul>
					<li class="fl "><a href="/" class="menu_title">首页</a></li>

															<li class="fl ">
						<a href="javascript:;" class="menu_title service_items">服务项目</a>
												<div class="DropDown clear">
							<div class="DropDown_content">
																<span class="con-c">
									<a href="/fuwuxiangmu/gaoduanwangzhandingzhi/" class="fl ">
								<dd class="fa fa-tv"></dd>
								<dt>高端网站定制</dt>
								</a>
																	</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/weixindingzhi/" class="fl ">
								<dd class="fa fa-weixin"></dd>
								<dt>微信开发定制</dt>
								</a>
																	</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/xiaochengxukaifa/" class="fl ">
								<dd class="fa fa-code"></dd>
								<dt>小程序开发</dt>
								</a>
																	</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/appkaifafuwu/" class="fl ">
								<dd class="fa fa-apple"></dd>
								<dt>APP开发服务</dt>
								</a>
																	</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/wangluoyingxiaofuwu/" class="fl ">
								<dd class="fa fa-bandcamp"></dd>
								<dt>网络营销服务</dt>
								</a>
																	</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/peitaochanpin/" class="fl ">
								<dd class="fa fa-cubes"></dd>
								<dt>配套产品</dt>
								</a>
																											<ol>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro42">域名注册</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro43">企业邮箱</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro44">虚拟主机</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro45">服务器租用</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro46">400电话</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro47">成品网站</a></li>
																				<li><a href="/fuwuxiangmu/peitaochanpin/#pro48">SSL证书</a></li>
																			</ol>
																										</span>



																<span class="con-c">
									<a href="/fuwuxiangmu/zengzhiyewu/" class="fl ">
								<dd class="fa fa-line-chart"></dd>
								<dt>增值业务</dt>
								</a>
																											<ol>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro49">网站更新维护</a></li>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro50">服务器代维</a></li>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro51">短信验证码</a></li>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro53">软件开发</a></li>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro54">360全景展示</a></li>
																				<li><a href="/fuwuxiangmu/zengzhiyewu/#pro62">OA系统</a></li>
																			</ol>
																										</span>



															</div>
						</div>
											</li>
																				<li class="fl "><a href="/anlizhanshi/" class="menu_title">案例展示</a></li>
																				<li class="fl on"><a href="/xinwendongtai/" class="menu_title">新闻动态</a></li>
																				<li class="fl "><a href="/guanyuwomen/" class="menu_title">关于我们</a></li>
																				<li class="fl "><a href="/lianxiwomen/" class="menu_title">联系我们</a></li>
														</ul>
			</div>
			<div class="header_content_phone fr">
				<span class="fa  fa-phone "></span>020-85201717 / 13725302004
			</div>
		</div>
		<div class="burger fr">
			<div class="x"></div>
			<div class="y"></div>
			<div class="z"></div>
		</div>
	</div>
</div>


<!--右侧客服-->
<div class="FloatingWindow clear">
	<a href="https://affim.baidu.com/cps/chat?siteId=492342&userId=2707982&siteToken=50c657a45732c703f9b5f5c90c0a43d0"  class="FloatingWindow_list fr" target="_blank">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-github-alt"></dd>
			<dt>在线咨询</dt>
		</div>
	</a>
	<a href="tencent://message/?uin=306612108&Site=tendata.cn&Menu=yes" class="FloatingWindow_list fr" target="_blank">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-qq"></dd>
			<dt>QQ咨询</dt>
		</div>
	</a>
<!-- 	<a href="tencent://message/?uin=1400966465&Site=tendata.cn&Menu=yes" class="FloatingWindow_list fr" target="_blank">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-qq"></dd>
			<dt>QQ咨询</dt>
		</div>
	</a> -->
	<a href="javascript:;" class="FloatingWindow_list fr">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-phone"></dd>
			<dt>服务热线</dt>
		</div>

		<div class="FloatingWindow_list_down bounceInRight animated r-phone">
						<p>020-85201717 </p>
						<p> 13725302004</p>
					</div>

	</a>
	<a href="javascript:;" class="FloatingWindow_list fr right-ewm-p" target="_blank">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-wechat"></dd>
			<dt>业务微信</dt>
		</div>
		<div class="right-ewm">
			<p><img src="/upload/image/ann/20190304/20190304802499.jpg" alt="微信开发"/></p>
		</div>
	</a>
	<a href="javascript:;" class="FloatingWindow_list fr" id="top">
		<div class="FloatingWindow_list_title">
			<dd class="fa fa-arrow-up"></dd>
			<dt>TOP</dt>
		</div>
	</a>
</div>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?50c657a45732c703f9b5f5c90c0a43d0";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>



<!--右侧客服-->


<div class="details_banner" style="background: url(/upload/image/category/20190228/20190228120034.jpg) 50% center / cover no-repeat; height: 520px;"></div>
<div class="IndexService NewsDetails">
	<div class="IndexService_content all">
		<div class="NewsDetails_title">
			<h1>构图是网页设计中的六个关键要素之一</h1>
			<div class="NewsDetails_title_sort clear vertical">
				<span class="fl">发布时间：2022-08-26</span>
				<span class="fl">浏览：<script src="/post.php?id=4422&type=getclick"></script></span>
			</div>
		</div>
		<div class="NewsDetails_content">
			<div class="NewsDetails_content_top">
				<p>构图是设计的六个关键要素之一。如果没有强大而扎实的设计构图，一切都会开始分崩离析。在本文中，我们将为您提供 15 个技巧，帮助您加强构图——无论是摄影、插图还是任何平面设计项目。</p><p><br/></p><p><img src="/upload/image/article/20220826/20220826211789.jpg" title="" alt=""/></p><p>&nbsp;</p><p>1.用引导线引导眼睛</p><p>通常，当您查看任何视觉对象时，您的眼睛首先会落在特定的对象上。在这种情况下，这就是汽车，它是海报的焦点。我们将在本文的第二点中多谈一点。但是，如果你的眼睛立即被视觉的某个部分所吸引，接下来你会看哪里？这是一个很难开始的问题，但一个简单的答案是——你看你的眼睛引导你的地方。你的眼睛会引导你，设计师使用引导线引导你完成布局。在这种情况下，引导线是一种方法。它还可以很好地框住左侧的文本，并将您的视线引导回海报的焦点。</p><p>通常线条比这里更明显，直接使用箭头和流程图，是解释信息和序列的非常有用的方法。</p><p><br/></p><p>2. 在你的设计构图中创造焦点</p><p><br/></p><p>设计构图的一个关键要素是有一个强大的焦点。无论你的设计中有多少元素，你都必须强调并展示给观众，这是你作品中最重要的部分。在这种情况下，艺术家使用颜色、对比度和比例来组织空间并创造一个焦点。请记住，设计最重要的作用是沟通。因此，您的焦点也是您向听众传达的最重要的声明和信息！</p><p><br/></p><p><img src="/upload/image/article/20220826/20220826462022.jpg" title="" alt=""/></p><p><br/></p><p>3.使用层次结构</p><p>创建焦点后，您必须弄清楚如何处理设计构图的其余元素。当然，您还必须构建这些元素，并为它们设置优先级。在此示例中，焦点是图片中的人。然后，我们必须寻找事件的名称，即整个事件的内容。只有在那之后，我们才能继续寻找附加信息，例如副标题、日期、数字等。</p><p><br/></p><p>借助大小、颜色和重量对信息的所有这些组织称为层次结构。</p><p><br/></p><p>4.使用互补元素</p><p>始终寻求在整个设计中创建统一的外观。混合和匹配来自不同来源的图像并不是一个好主意，它们之间的风格没有相似之处。这只会使观看者的眼睛感到疲倦并使他/她感到困惑。</p><p>这个网站设计是图像之间凝聚力的一个很好的例子——它们都有一个简单的单色背景，并且对象被放置在中心。当然，您的设计解决方案将取决于具体的项目需求。</p><p>在这种情况下，您希望观众能够轻松识别并专注于要购买的商品，而不会分心。顶部图像和配色方案的整体感觉也在产品的背景中重复，所以这是设计不同部分之间更好的连接！</p><p><br/></p><p>5.重复元素</p><p>通常，您的项目将包含不止一页。如果您将设计的一个部分的特定元素重复到另一个部分，您将帮助观众更容易地在整个设计中定位自己。</p><p>重复元素通常也用于创建某个主题，并一次又一次地帮助设计构图“粘在一起”。</p><p>您可以使用的一些重复元素是 在项目的不同页面/部分中重复使用的图形主题、类型和某些布局。</p><p><br/></p><p><img src="/upload/image/article/20220826/20220826185034.jpg" title="" alt=""/></p><p><br/></p><p>6.平衡要素</p><p>设计构图有两种类型的平衡——对称和不对称。第一个使用相似的元素，在轴的两侧（可见或不可见线）镜像（均匀分布）。对称平衡非常干净优雅，但有时会有点无聊，所以设计师更喜欢不对称平衡。显然，在这种情况下，我们不会以类似的方式放置大小相等的元素。</p><p><br/></p><p>在这里，我们看看元素的不同大小、纹理等等。考虑设计元素会有所帮助，因为它们具有“重量” 。更大的元素会“更重”。例如，如果您有一个大的、“重”、垂直指向的南瓜，您可以通过在“重”对象的另一侧使用几条水平线和较小的对象来“平衡”它。</p><p><br/></p><p>7.对齐元素</p><p>对齐是用于设计组合和组织元素的另一个重要工具。当您有很多类型、颜色、图像、标题和副标题时，它通常会派上用场。网络上有许多工具，可以帮助您将元素相互对齐和对齐，不会为浮动部分和凌乱的设计留下空间。对齐为设计带来优雅的氛围。即使是最不对称的设计也会对相似的内容块进行某种对齐和结构化。</p><p><br/></p><p>一般规则是，当您有较长的文本块时，左对齐将有助于眼睛更容易地阅读内容。这张海报很好地体现了这一概念。</p><p><br/></p><p>8. 使用对比</p><p>对比度用于吸引注意力。如果你提高一个元素的对比度，这将使它流行。相反，使用对比度较低的元素会使它们褪色和“消失”。</p><p>在这里，对比强调了强烈、几何、大胆的建筑形式和光影的游戏。不是最后一个，与其他元素相比，小人物的对比度可能较低，但它仍然可见，并且很好地平衡了对面左上角的大而暗的形状。</p><p><br/></p><p><img src="/upload/image/article/20220826/20220826785670.jpg" title="" alt=""/></p><p><br/></p><p>9.使用空白</p><p>留白是一种不可替代的工具，可以使您的设计构图更加清晰。白色空间不是“空白空间”，而是必要的元素，让您的设计能够呼吸。它还有助于强调 感兴趣的主题。</p><p>例如，在这张照片中，所有的空白空间（未被其他元素占据）有助于将所有注意力集中在女性身材和她的姿势上。如果图像中加入许多其他元素，你认为你会关注这个女人吗？为了帮助您了解空白的重要性，请考虑您自己的房间。如果你从门到床只有一条小通道，而且所有东西都堆满了东西，你会有什么感觉？如果你的床没有填满整个房间，而且周围没有任何东西，你会有什么感觉？是的，你明白了——我们都需要空间，甚至设计也需要。</p><p><br/></p><p>10.布局类型的使用</p><p>我们要看的第一个被称为大照片 或单一视觉布局，近年来在网页设计师中非常流行。它给人一种优雅、干净的外观，并且 通常在一张高质量、引人入胜的照片的帮助下突出产品或服务。这种布局给人一种空间感。正如您所建议的那样，它不常用于新闻网站，那里有很多信息要呈现。在这里，关键词是质量胜于数量。</p><p><br/></p><p>这种布局的关键元素是空白和简单的错别字。</p><p><br/></p><p>11.创造运动</p><p>运动是 地点或位置的改变，是一种努力。它可以是实际的运动，也可以是隐含的——安排图像的各个部分，以便观看者通过使用线条、形状、形式、纹理等来获得运动感。</p><p>自古以来，我们的眼睛比静止的物体更容易被移动的物体所吸引，这对于一个人的生存很重要——狩猎和保护自己免受动物伤害。这就是为什么人们对描绘运动的图像非常感兴趣，并且相应地，具有良好“流动”元素的构图更有趣。</p><p><br/></p><p>12. 人们喜欢三角形</p><p>三角形的形状会产生兴趣，设定方向并产生运动。 当然，这是一个非常强大的形状。设计师和艺术家也使用它来组织他们的布局，而不仅仅是作为视觉元素。近年来，它在多边形设计中变得非常流行。</p><p><br/></p><p>13. 简化</p><p>化是将构图仅简化为支持视觉陈述的最基本元素的技术。</p><p>如果每个部分都同样重要，那么每个部分都同样不重要。</p><p>眼睛看细节是很自然的，但很难看到整个设计以及所有元素如何协同工作。如有疑问，最好从您的设计作品中删除元素，而不是添加并尝试为它们寻找位置。我们知道这是陈词滥调，但它仍然是合法的“少即是多”！</p><p><br/></p><p>14.查看你的元素相对于边缘的位置</p><p>通常，您会看到设计师在布局边缘周围使用空白空间，让设计空间得以呼吸。再次看到元素在边缘后退和淡出是很自然的。如果它在您的设计中拥挤在边缘，整体感觉将是沉重而大的。结果，它将远离中心元素的注意力。</p><p>在这种情况下，设计师使用了大而抽象的形状来强调错字——年份和名字。因为形状引导眼睛，厚度变化，并且有运动感，所以它不会压倒观众。恰恰相反——它为他们提供了审美乐趣和简单性。</p><p><br/></p><p>15.注意过渡</p><p>设计组合的过渡有点难以定义。我们已经讨论过重复，相比之下，过渡处理从一种形状到另一种形状的自然流动，将眼睛从一个点引导到另一个点。通常，设计师使用曲线和形状来平滑从更多角度形状和内容块的过渡。过渡有助于放松眼睛并“软化”设计。</p><p><br/></p>
			</div>
			<div class="NewsDetails_content_bottom clear">
				<div class="content_bottom_left fl">
					<div class="bottom_left_copyright">
												广州腾虎网络科技<a href="https://www.tenghoo.com">网站建设</a>
						https://www.tenghoo.com/xinwendongtai/xingyexinwen/4422.html文章内容来源于网络！
											</div>
										<div class="bottom_left_TAG clear">
						<dd class="fl">TAG</dd>
						<dt class="fl clear">
														<a href="/sear.php?q=广州网站建设" target="_blank">广州网站建设</a>
														<a href="/sear.php?q=广州建站公司" target="_blank">广州建站公司</a>
														<a href="/sear.php?q=广州网页制作" target="_blank">广州网页制作</a>
													</dt>
					</div>
									</div>
				<div class="content_bottom_help fl">
					<!--<a href="javascript:;">-->
						<!--<dd class="fa fa-thumbs-o-up "></dd>-->
						<!--<dt><script src="/post.php?id=4422&type=getclick"></script></dt>-->
					<!--</a>-->
					<!--<div class="bottom_help_content">该内容对我有帮助</div>-->
				</div>
			</div>
		</div>
		<div class="NewsDetails_page clear">
			<div class="NewsDetails_page_left fl">
				<div class="page_left_list clear">
					<dd class="fl">上一篇：</dd>
					<a href="/xinwendongtai/xingyexinwen/4429.html">浅谈外贸网站建设的五点不足</a>
				</div>
				<div class="page_left_list clear">
					<dd class="fl">下一篇： <a href="/xinwendongtai/xingyexinwen/4421.html">网站开发的不易，你知道几点?</a></dd>
					<a href="/xinwendongtai/xingyexinwen/">返回列表</a>
				</div>
			</div>
			<a href="/xinwendongtai/xingyexinwen/" onclick="javascript:history.back(-1);" class="NewsDetails_page_back fr">返回列表</a>
		</div>
	</div>
</div>

<div class="footer">
	<div id="mydiv" style="height:465px;"></div>
	<div class="footer_content">
		<div class="footer_content_top clear">
			<div class="content_top_share fl">
				<div><p><img src="/upload/image/ann/20190226/20190226512078.png" alt="广州企业网站建设"/></p></div>
				<div class="top_share_content">
					<dd>分享至：</dd>
					<div class="bdsharebuttonbox2">
						<div class="bdsharebuttonbox">
							<a href="#" class="bds_more" data-cmd="more" style="width: 0;height: 0"></a>
							<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
							<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							<a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
							<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
							<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
							<i class="fa fa-weibo"></i>
							<i class="fa fa-qq"></i>
							<i class="fa fa-wechat"></i>
							<i class="fa fa-pinterest"></i>
						</div>
						<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
					</div>


				</div>
			</div>
			<div class="content_top_left fl clear">
												<div class="top_left_list fl">
					<dd><a href="/fuwuxiangmu/">服务项目</a></dd>
										<dt>
																								<a href="/fuwuxiangmu/gaoduanwangzhandingzhi/">高端网站定制</a>
						
																		<a href="/fuwuxiangmu/weixindingzhi/">微信开发定制</a>
						
																		<a href="/fuwuxiangmu/xiaochengxukaifa/">小程序开发</a>
						
																		<a href="/fuwuxiangmu/appkaifafuwu/">APP开发服务</a>
						
																		<a href="/fuwuxiangmu/wangluoyingxiaofuwu/">网络营销服务</a>
						
																		<a href="/fuwuxiangmu/peitaochanpin/">配套产品</a>
						
																		<a href="/fuwuxiangmu/zengzhiyewu/">增值业务</a>
						
																	</dt>
														</div>
																								<div class="top_left_list fl">
					<dd><a href="/xinwendongtai/">新闻动态</a></dd>
										<dt>
																								<a href="/xinwendongtai/xingyexinwen/">行业新闻</a>
						
																		<a href="/xinwendongtai/jianzhanxuetang/">建站学堂</a>
						
																		<a href="/xinwendongtai/changjianwenti/">常见问题</a>
						
																		<a href="/xinwendongtai/jinqiqianyue/">近期签约</a>
						
																		<a href="/xinwendongtai/jiejuefangan/">解决方案</a>
						
																		<a href="/xinwendongtai/gongsixinwen/">公司新闻</a>
						
																	</dt>
														</div>
																<div class="top_left_list fl">
					<dd><a href="/guanyuwomen/">关于我们</a></dd>
										<dt>
																								<a href="/guanyuwomen/#qywh">团队文化</a>
						
																		<a href="/guanyuwomen/#zongzhi">服务宗旨</a>
						
																		<a href="/guanyuwomen/#zzry">资质荣誉</a>
						
																	</dt>
														</div>
																<div class="top_left_list fl">
					<dd><a href="/lianxiwomen/">联系我们</a></dd>
															<dt class="f-ewm"><p><img src="/upload/image/ann/20220703/20220703158886.jpg" title="微信公众号开发" alt="微信二维码"/></p></dt>
									</div>
											</div>
			<div class="content_top_right fr">
				<div class="top_right_title">联系方式</div>
				<div class="top_right_content">
					<div class="right_content_list clear">
						<dd class="fl "><i class="fa fa-mobile-phone"></i></dd>
						<dt class="fl">手机：13725302004(微信同号)</dt>
					</div>
					<div class="right_content_list clear">
						<dd class="fl "><i class="fa fa-phone"></i></dd>
						<dt class="fl">电话：020-85201717 / 13725302004</dt>
					</div>
					<div class="right_content_list clear">
						<dd class="fl "><i class="fa fa-qq"></i></dd>
						<dt class="fl">QQ：306612108/1400966465</dt>
					</div>
					<div class="right_content_list clear">
						<dd class="fl "><i class="fa fa-envelope"></i></dd>
						<dt class="fl">邮箱：3152238253@qq.com</dt>
					</div>
					<div class="right_content_list clear">
						<dd class="fl"><i class="fa fa-flag-o"></i></dd>
						<dt class="fl">地址：广州市天河区福元南路4号达维商务中心2305</dt>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer_content_copyright clear"><p>版权所有：广州腾虎网络科技有限公司<br style="color: rgb(255, 255, 255); font-family: 微软雅黑, arial, verdana, Helvetica; font-size: 12px; text-align: right; white-space: normal; background-color: rgb(21, 21, 21);"/><a rel="nofollow" href="https://beian.miit.gov.cn" target="_blank">粤ICP备13073147号</a>&nbsp;&nbsp;<a target="_blank" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010602001101"><img src="/upload/image/20190226/1551161904128746.png" style="border: 0px;"/></a></p><p><a target="_blank" rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010602001101">粤公网安备 44010602001101号</a>
 &nbsp; &nbsp; &nbsp;<a rel="nofollow" href="http://tongji.baidu.com/hm-web/welcome/ico?s=50c657a45732c703f9b5f5c90c0a43d0" target="_blank"><img border="0" src="/upload/image/20190226/1551161905484236.gif" width="20" height="20" style="border: 0px;"/></a></p></div>
</div>
<script>
(function(){
var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?8febe1ca36c2b1373739a8f700f12f99":"https://jspassport.ssl.qhimg.com/11.0.1.js?8febe1ca36c2b1373739a8f700f12f99";
document.write('<script src="' + src + '" id="sozz"><\/script>');
})();
</script>
<div class="phone-show">
	<div id="fix-footer">
		<ul class="fix-footer-list">
			<li><a href="/"><div class="list-dep"><img src="/templates/images/index.svg"><p>首页</p></div></a></li>
			<li><a href="/anlizhanshi/"><div class="list-dep"><img src="/templates/images/fenlei.svg"><p>案例</p></div></a></li>
			<li class="footer-more"><a rel="nofollow" href="javascript:;" onclick=" return model_msg()"><div><img src="/templates/images/more.svg"></div></a></li>
			<li><a rel="nofollow" target="_blank" href="http://p.qiao.baidu.com/cps/chat?siteId=492342&userId=2707982"><div class="list-dep"><img src="/templates/images/kefu.svg"><p>客服</p></div></a></li>
			<li><a href="javascript:;" onclick=" return model_tel()"><div class="list-dep"><img src="/templates/images/phone.svg"><p>电话</p></div></a></li>
			<div class="clear"></div></ul></div>
</div>
<script type="text/javascript" src="/templates/js/jquery-1.8.3.min.js"></script>
<script src="/templates/js/banner.js"></script>
<script src="/templates/js/global.js"></script>
<script src="/templates/js/iconfont.js"></script>
<script src="/templates/js/digital.js"></script>
<script src="/templates/js/wow.js"></script>
<script src="/templates/js/canvas.js"></script>
<script src="/templates/js/carousel.js"></script>
<script src="/data/layer/layer.js" type="text/javascript"></script>
<script>
    function model_tel(){
        layer.open({
            closeBtn:0,
			title:'选择电话',
            skin:'my-c',
            content: '<p><a href="tel:020-85201717 ">020-85201717 </a></p><p><a href="tel: 13725302004"> 13725302004</a></p><p><a href="tel:13725302004(微信同号)">13725302004(微信同号)</a></p>'
            ,btn: ['取消']
            ,yes: function(index, layero){
                layer.closeAll();
            }
        });
	}
    function model_msg(){
        layer.open({
            closeBtn:1,
            title:'您好，欢迎来到腾虎网络',
            skin:'my-msg',
            content: '<p class="t-msg">很高兴可以为您服务！留下您的联系方式，我们会及时联系您</p><form id="f-form"><p id="f_tips"></p><input type="text" required value="" placeholder="请填写称呼" id="f-name" name="info[username]" class="username"><input type="text" required value="" placeholder="请留下您的联系方式" id="f-phone" name="info[phone]" class="phone"><input type="hidden" name="type" value="message"></form>'
			,yes: function(index, layero){
                var phone = $('#f-phone').val();
                var name = $('#f-name').val();
                if(name == ''){
                    $('#f_tips').text('请输入称呼');
                    return false;
				}
                if(phone == ''){
                    $('#f_tips').text('请输入联系方式');
                    return false;
                }
                if(!isTelCode(phone)){
                    $('#f_tips').text('请填检查手机');
                    return false;
                }
                var showbutton = $('.layui-layer-btn0').val();
                if(showbutton == '提交中...'){
                    return false;
                }
                $.post('/post.php',$('#f-form').serialize(),function (data) {
                    $('.layui-layer-btn0').val('确定');
                    if(data == undefined){
                        $('#f_tips').text('稍后再试');
                        return false;
                    }
                    if(data.status == 'y'){
                        $('#f-phone').val('');
                        $('#f_tips').text('留言成功，我们会尽快联系您！');
                        setTimeout(function () {
                            layer.closeAll();
                        },1500)
                    }else{
                        $('#f_tips').text(data.msg);
                        return false;
                    }
                },'json');
                return false;
            }
        });
    }
    /*校验电话码格式 */
    function isTelCode(str) {
        var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
        return reg.test(str);
    }
</script>



<script>
    $(document).ready(function($) {
        $('.carousel').owlCarousel({
            loop:false,
            margin:90,
            nav:true,
            lazyLoad:true,
            autoplay:false,//是否开启自动播放
            autoplayTimeout:1000,//控制自动播放的速度
            merge: true,
            video: true,
            responsive:{
                120:{items:1},//当屏幕大小缩小到480的时候变2个
                480:{items:1},//当屏幕大小缩小到480的时候变2个
                678:{items:2},//当屏幕大小缩小到678的时候变3个
                960:{items:3},//当屏幕大小缩小到960的时候变5个
                1200:{items:4},
            }
        });
    });
</script>

</body>
</html>