<!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="首先，网页的色彩设计要遵从人的视觉习惯，在色彩搭配时应时刻注意眼睛的舒适性，不要用亮度太高或太低的色彩，以在特定的时间段内注视后不疲劳为宜。其次，在色彩设计的时候要尽量满足用户对色彩审美的需求，尽可能地为用户呈现出美观，符合用户需求的色彩配置。再次，网页的色彩设计是为传递网页信息服务的，即尽管色彩在网页中地位非常重要，但其终究还是一个配角，不能“抢了主要信息的风头”，因此，设计师在色彩选择和搭配的" />
		<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/jianzhanxuetang/2747.html"/>
    <script type="application/ld+json">
        {
            "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
            "@id": "https://www.tenghoo.com/xinwendongtai/jianzhanxuetang/2747.html",
            "appid": "1617178698896497",
            "title": "网页设计色彩设计的含义-建站学堂_网站建设新闻_网站设计制作常见问题-腾虎网站建设公司",
            "images": [
                "https://www.tenghoo.com/upload/image/article/20200801/20200801100039.jpg"
            ],
            "pubDate": "2020-08-01T09:51:56"
        }
    </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=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="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">发布时间：2020-08-01</span>
				<span class="fl">浏览：<script src="/post.php?id=2747&type=getclick"></script></span>
			</div>
		</div>
		<div class="NewsDetails_content">
			<div class="NewsDetails_content_top">
				<p><span style="font-size: 14px;">首先，网页的色彩设计要遵从人的视觉习惯，在色彩搭配时应时刻注意眼睛的舒适性，不要用亮度太高或太低的色彩，以在特定的时间段内注视后不疲劳为宜。其次，在色彩设计的时候要尽量满足用户对色彩审美的需求，尽可能地为用户呈现出美观，符合用户需求的色彩配置。再次，网页的色彩设计是为传递网页信息服务的，即尽管色彩在网页中地位非常重要，但其终究还是一个配角，不能“抢了主要信息的风头”，因此，设计师在色彩选择和搭配的时候时刻要牢记色彩的配角地位。此外，色彩的选择与搭配仍然要注重关注主体用户对色彩的相关喜好。</span></p><p><br/></p><p>（一)网页色彩设计的含义</p><p><br/></p><p>网页的色彩设计是将两种或两种以上的色彩同时并置在同一网页的界面内、并置的色彩相互作用、相互影响，从而形成网页的整体环境的色彩关系与色彩印象的创意性审美活动。</p><p>&nbsp;</p><p>(二)网页色彩设计的特征</p><p><br/></p><p>从色彩感官刺激角度来说，网页的色彩设计主要在于色相的并置过程。但色彩的并置并不是那么简单的过程，而是需要色彩设计师从色彩学、色彩心理学以及计算机色彩形成的基本原理等请多方面进行理性地分析，然后制定出合理的设计方案。网页的色彩并不是简单的色彩合成，网页的色彩设计也不是仅仅为用户提供视觉刺激，而因为不同的人有不同的色彩审美观念，会因用户的年龄、性别、受教育水平等请多因素而影响到色彩的设计布局，设计师要充分考虑到这一点。网页的色彩设计不但是一门科学，而且是一门艺术，因而必须遵守其特定的设计规律。</p><p>&nbsp;</p><p><br/></p><p>二、色彩设计的基本原则</p><p><br/></p><p>色彩对网页的设计而言，完全可以用一个中国的成语来概括赏心说目，这一词语从总体上就可以很好地概括出出网页色彩设计的一个基本原则:“赏心”和“悦目”，“说目”是网页色彩设计的初级层次，即网页色彩的设计首先应该适应和满足人的生理视觉系统的要求，这是设计的基础，只有在满足了视觉上的和谐、舒适，才能满足用户的“赏心”这一高级层次的需求，即在满足了生理视觉系统要求的基础上，方能进一步去探究色彩带给用户的心理感受。如何做到既“悦目”，又“赏心”呢?下面介绍一些能满足这两个基本的原则网页色彩设计策略。</p><p>&nbsp;</p><p>(一)统一与变化相结合的原则</p><p><br/></p><p>在网页的色彩设计中，统一与变化相结合的原则是指在具体设计的过程中，首先要注重整个页面的统一，没有统一就不能很好地体现出秩序感，没有秩序的网页就谈不上美，所以，要实现网页色彩的美，就首先要注重整个页面色彩的统一、协调。但需要注意的是，在一个页面中并不是越统一越好，如果过分统一，则可能会使得整个页面的色彩组合显得过分单调、枯燥和乏味，缺乏新鲜感。因此，在网页的设计中，在保障统一的前提下，注重色彩的变化，但这种变化在整个色彩的组合中应处于次要的地位，起到调节和点缀的作用，如果变化过多，往往会使得整个页面看起来杂乱，反而干扰了主题的表达。在页面的色彩设计中，统一与变化具体是通过色彩的色相、明度和纯度等的变化来实现的。但在具体的色彩设计过程中统一与变化的原则并不是一成不变的，而是在统一的大前提下，在局部的设计上做出适当的调整，从而使得一些设计体现出古典的韵味，有的设计显现出传统的风格，而有的则更多地展现出现代化的韵味与气息。因此，只要掌握统一与变化之间的比例关系，就能达到统一中有变化，变化中显现出秩序感。</p><p><br/></p><p>(二)色彩的平衡原则</p><p><br/></p><p>网页的色彩在设计的过程中，特别要注重色彩间的平衡，即具体参与构成色彩组合的各种色彩、图形以及其他诸多的要素，在画面结构中力争达到一种力的均衡状态时所形成的色彩关系。色彩的平衡主要可分对称式平衡和均衡式平衡两种。</p><p>&nbsp;</p><p>1.对称式平衡。</p><p><br/></p><p>对称式色彩平衡是指以网页的轴线为中心，通过两侧色彩要素的并列重复处理，以达到和谐统一的效果，同时显现出静态特征的色彩关系。对称式平衡有相对对称和相对对称之分。相对对称指的是在中轴线两侧的色使得画面显得拘谨呆板、生硬机械，因此，恰当的处理是极其重要的。相 彩要素要完全一致，具有大方、安定的艺术情趣，但如果处理不当，则会对对称式平衡则是指在中轴线两侧的色彩要素基本一致即可，即只要在小部分的位置略作变化的对称平衡方法，利用对称的构图格式，采取变换内容的方式，来实现整个页面的相对对称。其实，不但在页面色彩的设计中相对对称的平衡设计非非常重要，而且在实际的生活中，这种设计也是经常用到的，例如，中国传统文化中的对联的设计，采用的就是这种对称模式，即上下联无论是字数、字体，还是字义都是相似或相对的。这样的处理模式体现了大统一、小变化的相对对称的色彩搭配原则。</p><p><br/></p><p>2、均衡式平衡</p><p><br/></p><p>均衡式平衡是指在网页色彩的设计上尽管没有采用中轴式的左右或上下的对称式平衡模式，但是在色彩的搭配上却能做到视觉和心理上的平衡关系，即通过对色彩各个造型要素的有机组合，以达到视重稳定的平衡表现形式。均衡式平衡相对于对称式平衡而言更加活泼，富有变化性，也更具运动感。设计师在做的过程中往往会借助色彩的色相、明度以及纯度的变化，尤其是借助设计师自身对色彩的心理感知，体验色彩本身的轻重、前进与后退、冷与曖等，通过合理的搭配实现色彩间的平衡。例如，在具体的设计过程中，即使是同样大小的黑白两个图形，黑色就显得重，而白色则显得轻，前者所占面积小，后者则所占的面积相对较大，因此，要平衡二者的视觉重力关系，就要缩小黑色或者放大白色，而要平衡二者的视觉大小关系，则要放大黑色或缩小白色。</p><p><br/></p><p>&nbsp;</p><p>(三)地纹色与图形色的有效搭配原则</p><p><br/></p><p>地纹色与图形色间的搭配主要在平面的视觉环境中使用，图形是指面的视觉环境中，所描绘的画面形象，又称为正形。而除去正形以外的那些形象则被称为负形，俗称地纹。二者所拥有的色彩，分别称为图形色和地纹色。图形与地纹是对象与背景的关系，即二者是同时并置的关系一图形和地纹是会同时出现在网页中的，图形色和背景色同样如此。图形色与地纹色搭配是否合理与整个页面是否具有整体感，是否主题明确有着密切的关系。在具体设计的过程中，有一些需要注意的:例如，在要求图形感强烈的画面中，就应该将图形色和地纹色之间的对比要明显，可借助调节明度的中调和长调、色相的补色和对比关系、纯度的强对比关系等来实现。而一般在主题形态要求多变的色彩构成中，图形色就需要尽可能丰富一些，而地纹色则相对要单一一些。另外，在处理图形色的面积和地纹色的面积时，二者间的差距尽量要大，要么将图形色的面积放大，这样主色出现后就会显得层次分明；要么，将图形色放小，但可通过鲜艳的颜色来烘托，而将地纹色的亮度可相应降低一些，拉开二者间的差距。如果图形色和地纹色间的面积相当，或者色彩的亮度等方面旗鼓相当的话，很容易在二者间造成色彩的抗衡，这样会对主题的表达造成干扰。</p><p><br/></p><p>(四)色彩的节奏与韵律有效结合的原则</p><p><br/></p><p>节奏和韵律是运动过程中有秩序的连续。原本是指音乐表演中所采用的有规律的强弱、长短现象；而韵律则原指诗词中的平仄格式和押韵规则；在色彩的设计中节奏和韵律则用来描述色彩组合的状态，色彩间交替出现的有规律的强弱、长短现象，以及色彩间的对比与协调关系。节奏侧重于指同一因素的反复交替，是同一色彩要素连续重复时所产生的运动感；韵律则变化较多，犹如诗歌的押韵。节奏和韵律你中有我，我中有你，简单地说，节奏是一种简洁、鲜明的韵律，而韵律则是一种复杂、含蓄的节奏。在色彩设计中，节奏和韵律是通过色彩的光源、色相、明度、纯度以及利用人们对色彩的心理感觉(如色彩的冷暖、色彩的轻重以及色彩的前进和后退等)等的有机结合，使其呈现出一定的条理感和秩序感。</p><p>&nbsp;</p><p>色彩的节奏</p><p><br/></p><p>在进行色彩设计时，色彩的节奏大致可以分为三种类型:重复的节奏、渐变的节奏以及多元的节奏。</p><p>&nbsp;</p><p>(一)重复的节奏</p><p><br/></p><p>重复的节奏是指在色彩的设计中将某一个或者多个要素的变化与对比设计成一种固定的形式，并使得这种形式在网页的画面中重复出现，这样就形成了色彩不断重复出现的节奏感，从而给人一种丰富而有序、稳定而有规律的视觉效果。一般而言，重复的节奏可以分为两种:连续的重复和交替的重复。连续的重复是利用同一色相、明度或纯度的色彩，或者利用同一种颜色的形状、同一种颜色的面积以及同一种色肌理等色要素，根据需要连续呈现多次之后所获得的节奏感。这种反复可以是一个色彩要素，也可以是几个小的色彩要素组成的色彩单元，这种连续的重复会带给人们一种极富规律的秩序美。交替的重复和连续的重复相比，是将两个或两个以上独立的色彩要素依据方向、位置以及色调等交替重复出现所形成的节奏，相对复杂一些，并且其变化也要遵循一定的格式和规律，其变化更具多样性。重复的节奏有利于加强重复色彩在用户心目中的印象。</p><p><br/></p><p>(二)渐渐变的节奏</p><p><br/></p><p>新变的节奏的色彩设计是将色彩中的色相、明度、纯度以及色块的形状、面积等要素按照一定的秩序进行变化，例如按照等差或等级级数进进行变化，这种变化可以是从大到小、或从小到大，也可以是从强到弱，或从弱到强，更可以是由浅到深，或由深到浅……?从而形成一种逐渐过渡的节奏感。按等差级数变化所形成的节奏感一般缓慢而平滑，而按等级级数变化所形成的节奏感则一般跳跃性较强，渐变的意也更加浓烈，但比较容易让人产生单调之感。因此，在网页的设计中如果需要借用渐变的节奏来体现某一主题，可以根据需要灵活选择这两种渐变模式。</p><p>&nbsp;</p><p>(三)多元的节奏</p><p><br/></p><p>多元的节奏是指在色彩的设计中利用多种重复或渐变节奏组合而形成的节奏感。例如，有效利用色彩的冷暖、明明暗、形状等的起伏、方向强弱等的变化，这种变化会带给用户视觉上的较强的节奏感。这种节奏的变化相对比较复杂，是多种色彩要素共同作用的结果，不但层次丰富，而且形式复杂，色彩间的相百影向和配合更为明导。多元的节春的更大特点在于运动感强，给人生机勃勃之感，充满着个性。</p><p><br/></p><p>(四)色彩的韵律</p><p><br/></p><p>色彩的韵律是在节奏感之上获得的一种比节奏境界更高的、重复体现色彩设计师情感和思想的一种设计模式，这种韵律感一般会贯穿整个页面，通过设计师的精心设计，让用户明确体会到设计师的创作意图以及感受到设计师所要传到给自己的信息。因此，节奏是细节、是局部，而韵律则是整体、是全局。节奏为韵律服务，韵律引导节奏的表达。</p><p>&nbsp;</p><p>(五)色彩的简单化原则</p><p><br/></p><p>在有限的网页页面如果色彩太过于丰富，用户会感到一种无形的压力，感觉到纷乱无序，让人应接不暇，以至于有厌倦之感。因此，与其将众多的色彩色块组合起来，如果每个组成色块的质量，还还不如将这些色块加以简单化、统一化，反而会给用户更加强的视觉冲击力，也会留给用户更深的印象。在一个页面中，色彩尽管在给用户第一印象的传递中具有非常重要的作用，但是色彩终究是配角，因此，简单的色彩反而更具感染力，能使效果更集中、更强烈、更醒目，也更容易让人记忆。色彩的简单化可以通过尽量色彩的使用，以更单纯的色彩设计关系来体现色彩效果。</p><p><br/></p><p>(六)色彩的凸显原则</p><p><br/></p><p>如果说色彩的简单化是对色彩选择中过分选用色彩的限制的话，那么，色彩的凸显原则就是对色彩选择中过分单一化的一种限制，因此，是为了避免色彩过分单一，而采取某种色彩刺激手段，从而吸引用户的 色彩的简单化与凸显二者是相互制约的关系。具体来讲，色彩的凸显就关注和兴趣。例如，在网页的色彩设计中往往会采用黑与白、冷与暖、大与小、比例、形状以及面积之间的对比关系，以实现在整个页面中对这一部分的凸显，即可以在明亮的背景上用暗色的对作为凸显和强调在暖色的背景上选用冷色的对象作为凸显，在大面积的背景上用小面积的对象作为凸显和强调等。</p><p><br/></p><p>(七)色彩的系统化原则</p><p><br/></p><p>网站建设色彩设计应该遵循系统化的原则，色彩的系统化追求的是色间关联性，即页面多种色彩间如何做到相互呼应，做到“你中有我，我中有你”，要做到这一点的关键点在于色彩间要有共性。这样，页面总体的风格就很容易被用户感受到，用户也能感受到一种整体感，即便是页面中的某一色彩单元也能给人留下深刻的印象。</p><p><br/></p><p><span style="font-size: 14px;">总而言之，页面色彩设计的平衡是不能单纯依靠数字的计算就能解决或完成的，关键在于设计师的个人感受以及艺术修养，更主要的是设计师能否在自身的感受与用户的感受之间架起沟通的桥梁，即设计师所感受到的正是用户所感受到的，这样色彩设计的意图才算达到了。</span></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/jianzhanxuetang/2747.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>
													</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=2747&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/jianzhanxuetang/2748.html">高端网页设计公司4个简单的网页技巧</a>
				</div>
				<div class="page_left_list clear">
					<dd class="fl">下一篇： <a href="/xinwendongtai/jianzhanxuetang/2746.html">颜色搭配在网站设计中占领相当重要的位置</a></dd>
					<a href="/xinwendongtai/jianzhanxuetang/">返回列表</a>
				</div>
			</div>
			<a href="/xinwendongtai/jianzhanxuetang/" 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>