网页源码在线查看
✅ 源码获取成功
网页源码
<!--1 -->
<!DOCTYPE html>
<html style="font-size: 0;">
<!--
引入 wow.min.js 和 animate.css
对应板块添加class wow(必须) 效果(fadeInDown、fadeInUp、bounceInUp) Down可改为上下左右
延时 可选 data-wow-delay="0.2s"
-->
<head>
<meta charset="UTF-8"/>
<!--首页TDK -->
<title>深圳品牌IP设计-蓝橙视觉|深圳PPT定制设计|深圳食品包装设计|深圳包装插画设计</title>
<meta name="keywords" content="深圳品牌IP设计,深圳PPT定制设计,深圳食品包装设计,深圳包装插画设计,深圳H5课件设计,深圳微信SVG长图设计,深圳微信红包封面设计,深圳短视频剪辑处理,深圳VI设计公司,深圳表情包定制设计,深圳产品UI设计,深圳长图海报设计,深圳DM单设计,深圳网店装修设,深圳海报定制设计">
<meta name="description" content="深圳食品包装设计-蓝橙视觉|深圳包装插画设计|深圳H5课件设计|深圳微信SVG长图设计,秉承“设计改变生活”的理念,蓝橙视觉致力于用设计改善人们的视觉体验。">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_8common.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_8sidebar.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_8common.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_8index.css?v1.0">
<script src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/js/24_8common.js"></script>
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10public_container.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10common.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10sidebar.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10common.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10swiper-bundle.min.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10index.css?v1.0">
<script src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/js/24_10jquery.min.js"></script>
<script src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/js/24_10jquery-ias.min.js"></script>
<script src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/js/24_10swiper-bundle.min.js"></script>
<script src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/js/24_10jquery.qrcode.min.js"></script>
<script src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/js/24_10lib-flexible.js"></script>
<link rel="shortcut icon" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/favicon.ico">
<script src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/js/24_10wow.min.js"></script>
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10animate.css?v1.0">
<script src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/js/24_10common.js"></script>
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11case.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11public_container.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11common.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11sidebar.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11index.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11case.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11case_all.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11_process.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11goods.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11news.css?v1.0">
<!--header-->
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10header1.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10header2.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11header1.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11header2.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_8header1.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_8header2.css?v1.0">
<!--footer-->
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_8footer1.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_8footer2.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10footer1.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10footer2.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11footer1.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11footer2.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/fix.css?v1.0">
<!--关于我们-->
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11about3.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11about4.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11about5.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11about6.css?v1.0">
<!--新闻内页-->
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_8news.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10new1.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10new2.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11new1.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_11new2.css?v1.0">
<!--案例内页-->
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10index.css?v1.0">
<link rel="stylesheet" href="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/css/24_10case3.css?v1.0">
</head>
<body>
<div class="container24-8"> <!-- 头-6 start -->
<!-- 头6的一二三板块-->
<div class="new-heaer-6">
<div class="header-2" id="header">
<div class="header wrap">
<div class="bar">
<div class="box">
<span>蓝橙视觉以商业原则为核心的设计理念,为品牌提供长期稳定的设计服务支持!</span>
<span>电话咨询:<a class="tel" style="width: unset;display: inline" href="tel:18140119082" target="_blank">181 4011 9082</a></span>
</div>
</div>
<div class="box">
<div class="logo-box">
<div class="logo">
<a href="./index.html" class="">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/sjlogo.png" class="response-img" alt="深圳包装插画设计" />
</a>
</div>
<div class="text">
<!-- <a>专业 + 快速 + 稳定</a>-->
<span>品牌专属设计部门</span>
</div>
</div>
<!--header2-->
<div class="nav-box">
<ul class="nav nav4">
<li data-title="首页" class="active"><a href="/index.html">首页</a></li>
<li data-title="H5"><a href="/24a/index.html">推文设计</a></li>
<li data-title="H5"><a href="/24b/index.html">VI识别设计</a></li>
<li data-title="H5"><a href="/24c/index.html">IP设计</a></li>
<li data-title="H5"><a href="/24d/index.html">插画设计</a></li>
<li data-title="图片设计" class="to_24e select_center"> <a href="javascript:;">图片设计</a>
<ul class="sub">
<li>
<div></div>
<a href="/24e/24e1/index.html">图片设计</a>
</li>
<li>
<div></div>
<a href="/24e/24e3/index.html">宣传海报</a>
</li>
<li>
<div></div>
<a href="/24e/24e7/index.html">MG动画</a>
</li>
<li>
<div></div>
<a href="/24e/24e4/index.html">SVG交互设计</a>
</li>
<li>
<div></div>
<a href="/24e/24e5/index.html">电商运营设计</a>
</li>
<li>
<div></div>
<a href="/24e/24e6/index.html">教学课件制作</a>
</li>
<li>
<div></div>
<a href="/24e/24e2/index.html">PPT排版优化</a>
</li>
<li>
<div></div>
<a href="/24e/24e8/index.html">长图海报设计</a>
</li>
</ul>
</li>
<li data-title="形象设计" class="to_24f select_center"> <a href="javascript:;">形象设计</a>
<ul class="sub">
<li>
<div></div>
<a href="/24f/24f2/index.html">表情包</a>
</li>
<li>
<div></div>
<a href="/24f/24f1/index.html">形象设计</a>
</li>
<li>
<div></div>
<a href="/24f/24f3/index.html">画册设计</a>
</li>
<li>
<div></div>
<a href="/24f/24f5/index.html">包装盒设计</a>
</li>
<li>
<div></div>
<a href="/24f/24f6/index.html">UI交互设计</a>
</li>
</ul>
</li>
<li data-title="H5"><a href="/24case/index.html">案例赏析</a></li>
<li data-title="H5"><a href="/news/index.html">新闻动态</a></li>
<li data-title="H5"><a href="/24us/index.html">关于我们</a></li>
</ul>
<a class="btn" href="tencent://message/?uin=3173654378&Site=qq&Menu=yes" target="_blank">
<span><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_10header_icon.png" class="response-img" alt="深圳品牌IP设计"/></span>
<span>工期报价</span>
</a>
</div>
</div>
</div>
</div>
<div class="header-container24-8-2-1 header-container24-8" id="header">
<div class="banner-box2-24-8 banner-box2-24-8-1 wrap">
<div class="swiper banner-IndexSwiper24-8_1">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/caifuhaocdlchdcomindexbanner1.jpg" alt="深圳H5课件设计"></div>
<div class="swiper-slide"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/caifuhaocdlchdcomindexbanner2.jpg" alt="深圳网店装修设"></div>
<div class="swiper-slide"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/caifuhaocdlchdcomindexbanner3.jpg" alt="深圳产品UI设计"></div>
</div>
<div class="box">
<div class="swiper-button swiper-button-prev">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_10index_icon2.png" alt="深圳PPT定制设计">
</div>
<div class="swiper-button swiper-button-next">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_10index_icon1.png" alt="深圳网店装修设">
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
<div class="header-container24-8 header-container24-8-2-3 clearfix" id="header">
<div class="box">
<div>
<span>设计行业标杆</span>
<p>客户满意度高达百分百</p>
</div>
<div>
<span>丰富设计案例</span>
<p>助力更多品牌营销增长</p>
</div>
<div>
<span>50多位精英</span>
<p>为你的品牌保驾护航</p>
</div>
</div>
</div>
<script>
$(function () {
let bannerSwiper2 = new Swiper(".banner-IndexSwiper24-8_1", {
loop: true,
autoplay: {
delay: 3000 // 自动播放间隔时间,单位为毫秒
},
navigation: {
nextEl: ".swiper-button-prev",
prevEl: ".swiper-button-next"
},
pagination: {
el: ".swiper-pagination",
clickable: true,
}
});
});
</script>
</div>
<!-- 头-6 end --><div class="wrap model-2 pubic_container">
<div class="box-list">
<div class="item item-1 wow fadeInLeft">
<div class="bg"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model2_img1.png" alt="深圳长图海报设计" /></div>
<div class="list">
<div class="item item-1">形象<span>独特品牌</span><span>辨识度</span><span>影响力</span></div>
<div class="item item-2">推广<span>吸引目光</span><span>知名度</span><span>吸引力</span></div>
<div class="item item-3">宣传<span>品牌故事</span><span>产品信息</span></div>
</div>
</div>
<div class="item item-2 wow fadeInRight">
<div class="title">蓝橙视觉 - 品牌设计</div>
<div class="desc">蓝橙视觉品牌设计,通过创意理念与精湛技艺,深度挖掘品牌内核,以多元设计形式塑造独特视觉语言,构建个性鲜明且极具感染力的品牌形象</div>
<h4>服务说明:</h4>
<div class="desc beBlue">插画设计:<a class="bhh" href="http://wq.cdlchd.com" target="_blank">广告插画设计</a>、人物插画设计、国潮插画设计、手绘插画设计、漫画插画设计<br>
表情包:<a class="bhh" href="http://wechat.cdlchd.com" target="_blank">品牌表情包设计</a>、微信表情包定制、IP表情包、动态表情包定制、动漫表情包设计<br>
IP设计:<a class="bhh" href="http://100.cdlchd.com" target="_blank">文创IP设计</a>、品牌IP设计、吉祥物设计、动漫IP设计、IP角色设计、卡通形象设计</div>
<h4>服务内容:</h4>
<ol class="desc">
<li class="beBlue">VI/UI设计:挖掘品牌内涵,塑造独特有故事且具商业价值的VI/UI设计。</li>
<li class="beBlue">包装设计:融合创意与技巧,打造多元风格且富情感的包装设计。</li>
<li class="beBlue">画册设计:紧扣热点,创作有趣贴合品牌、助力社交传播的画册。</li>
</ol>
<ul class="tags">
<li><span>插画</span>裹藏创意,妆点品牌</li>
<li><span>表情包</span>表达生情,生动形象</li>
<li><span>IP设计</span>规范视觉,灵动交互</li>
</ul>
</div>
</div>
</div>
<!-- 单业务模块4.1 -->
<div class="wrap white model-1">
<div class="pubic_container">
<div class="public_title">
<div class="public_title_first beBlue wow fadeInDown">
蓝橙视觉 - 营销设计
</div>
<div class="public_title_desc beBlue wow fadeInUp">
涵盖海报、SVG、长图、微信、PPT、剪辑、课件、电商等领域,以创意视觉策略助力<a class="bhh" href="http://sj.cdxthd.com/" target="_blank">品牌营销推广</a>
</div>
</div>
<div class="box-list">
<div class="item item-1 wow fadeInLeft">
<div class="desc beBlue">蓝橙视觉的营销设计业务丰富多样,涵盖海报、SVG、长图、微信、PPT、剪辑、课件、电商等领域,基于对市场趋势与品牌需求的精准洞察,以极具创意的设计构思、精湛专业的制作工艺及全方位的策略考量,打造从线上到线下、从视觉呈现到互动体验的一体化营销设计方案,深度激活品牌传播力与营销力,助力品牌在激烈的商业竞争中脱颖而出。</div>
<div class="btn hover-btn"><a href="tencent://message/?uin=3173654378&Site=qq&Menu=yes" target="_blank">联系我们</a></div>
<div class="icons">
<div class="icon hover-scale wow fadeInUp" data-wow-delay="0.3s"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model1_img1.png" alt="深圳微信SVG长图设计" /></div>
<div class="icon hover-scale wow fadeInUp" data-wow-delay="0.4s"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model1_img2.png" alt="深圳产品UI设计" /></div>
<div class="icon hover-scale wow fadeInUp" data-wow-delay="0.5s"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model1_img3.png" alt="深圳微信SVG长图设计" /></div>
<div class="icon hover-scale wow fadeInUp" data-wow-delay="0.6s"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model1_img4.png" alt="深圳长图海报设计" /></div>
<div class="icon hover-scale wow fadeInUp" data-wow-delay="0.7s"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model1_img5.png" alt="深圳食品包装设计" /></div>
</div>
</div>
<div class="item item-2 wow fadeInRight">
<div class="img hover-scale"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model1_img6.png" alt="深圳长图海报设计" /></div>
</div>
</div>
</div>
</div><div class="wrap index-content-24-10-2-4" id="X16">
<div class="pubic_container">
<div class="public_title">
<div class="public_title_first beBlue wow fadeInDown">
商业插画设计
</div>
<div class="public_title_desc beBlue wow fadeInUp">
我们提供运营插画、品牌插画、文创插画等全方位插画设计服务,增强品牌影响力
</div>
</div>
<ul class="box-list item-1 wow fadeInUp">
<li class="active">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon1.png" alt="深圳H5课件设计">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon1.png" alt="深圳短视频剪辑处理">
运营宣传插画
</li>
<li>
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon2.png" alt="深圳包装插画设计">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon2.png" alt="深圳产品UI设计">
文创产品插画
</li>
<li>
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon3.png" alt="深圳品牌IP设计">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon3.png" alt="深圳PPT定制设计">
品牌宣传插画
</li>
</ul>
<ul class="box-list item-2 wow fadeInUp">
<li class="active">
<div class="text">
<div class="title beOrange">运营宣传插画</div>
<div class="desc beBlue">
我们擅长各类<a class="bhh" href="http://sjgs.zhumafang.cn" target="_blank">宣传插画</a>,包括海报插画、SVG长图插画、UI界面插画、H5插画等,根据运营目标、产品特点以及受众需求,来进行插画创作。
</div>
<div class="div3 beOrange">
<div>
<div></div>
<span class="beOrange">海报插画设计</span>
</div>
<div>
<div></div>
<span class="beOrange">长图插画设计</span>
</div>
<div>
<div></div>
<span class="beOrange">UI界面插画设计</span>
</div>
</div>
<div class="btn hover-btn"><a href="tencent://message/?uin=3173654378&Site=qq&Menu=yes"
target="_blank">获取同款方案</a></div>
</div>
<div class="img ">
<img class="scaleEl" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-img1.png" alt="深圳表情包定制设计">
</div>
</li>
<li class="">
<div class="text">
<div class="title beOrange"><a class="bhh" href="http://sj.cdlchd.com" target="_blank">文创产品插画</a></div>
<div class="desc beBlue">
我们涉及绘本插画、包装插画、文创插画、产品插画等,根据不同应用场景和需求进行插画创作,让插画作品发挥其独特表现力,提高商业价值。
</div>
<div class="div3 beOrange">
<div>
<div></div>
<span class="beOrange">绘本插画设计</span>
</div>
<div>
<div></div>
<span class="beOrange">包装插画设计</span>
</div>
<div>
<div></div>
<span class="beOrange">文创插画设计</span>
</div>
</div>
<div class="btn hover-btn"><a href="tencent://message/?uin=3173654378&Site=qq&Menu=yes"
target="_blank">获取同款方案</a></div>
</div>
<div class="img ">
<img class="scaleEl" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-img1.png" alt="深圳食品包装设计">
</div>
</li>
<li class="">
<div class="text">
<div class="title beOrange"><a class="bhh" href="http://shsj.cdlchd.com" target="_blank">品牌宣传插画</a></div>
<div class="desc beBlue">
我们专注于产品推广插画、IP表情包插画、品牌故事插画等业务,结合品牌特色,创作富有创意品牌插画内容,增强品牌影响力和市场竞争力。
</div>
<div class="div3 beOrange">
<div>
<div></div>
<span class="beOrange">产品推广插画设计</span>
</div>
<div>
<div></div>
<span class="beOrange">IP表情包插画设计</span>
</div>
<div>
<div></div>
<span class="beOrange">品牌故事插画设计</span>
</div>
</div>
<div class="btn hover-btn"><a href="tencent://message/?uin=3173654378&Site=qq&Menu=yes"
target="_blank">获取同款方案</a></div>
</div>
<div class="img ">
<img class="scaleEl" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-img1.png" alt="深圳长图海报设计">
</div>
</li>
</ul>
</div>
<script>
$(function () {
$("#X16 .item-1 li").mouseenter(function () {
$("#X16 .item-1 li").removeClass("active");
$("#X16 .item-2 li").removeClass("active");
$("#X16 .item-1 li").eq($(this).index()).addClass("active");
$("#X16 .item-2 li").eq($(this).index()).addClass("active");
});
});
</script>
</div><div class="wrap model-10">
<div class="bg"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model10_img1.png" alt="深圳食品包装设计" /></div>
<div class="pubic_container box-list">
<div class="item item-1 wow fadeInLeft">
<div class="bg"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model10_img2.png" alt="深圳网店装修设" /></div>
<div class="text"><a class="bhh" href="http://ip.zhumafang.cn" target="_blank">表情包设计</a><span>注重情感传递和定制化</span></div>
<div class="text"><a class="bhh" href="http://logo.zhumafang.cn" target="_blank">创意表情包</a><span>侧重表达创新和原创性</span></div>
<div class="text">表情包升级<span>对现有表情包改进更新</span></div>
</div>
<div class="item item-2 wow fadeInRight">
<div class="title">蓝橙视觉 · <a class="bhh" href="http://kj.cdlchd.com" target="_blank">专属表情包设计</a></br>表情包设计和表情包升级</div>
<div class="arrow"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model10_img3.png" alt="深圳长图海报设计" /></div>
<div class="desc">我们是一家综合性的IP创意设计服务公司,提供IP表情包一站式解决方案。包含IP定制设计、表情包设计、表情包升级、表情包动画制作、表情包上架服务、表情包延展设计等服务,致力于帮助客户在数字媒体时代建立强大的品牌形象。</div>
<div class="btn hover-btn"><a href="tencent://message/?uin=3173654378&Site=qq&Menu=yes" target="_blank">点击咨询</a></div>
</div>
</div>
</div><div class="wrap model-2 pubic_container">
<div class="box-list">
<div class="item item-1 wow fadeInLeft">
<div class="bg"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model2_img1.png" alt="深圳海报定制设计" /></div>
<div class="list">
<div class="item item-1">文化<span>文化背景</span><span>文化底蕴</span><span>文化价值</span></div>
<div class="item item-2">持续<span>品牌故事</span><span>形象迭代</span><span>保持活力</span></div>
<div class="item item-3">包容<span>跨越年龄</span><span>跨越地域</span></div>
</div>
</div>
<div class="item item-2 wow fadeInRight">
<div class="title">蓝橙视觉 · <a class="bhh" href="http://vi.zhumafang.cn" target="_blank">IP形象设计服务</a></div>
<div class="desc">致力于为企业打造高端IP形象设计、<a class="bhh" href="http://ui.zhumafang.cn" target="_blank">企业吉祥物设计</a>、表情包设计等</div>
<h4>服务说明:</h4>
<div class="desc beBlue">我们提供从IP形象设计、IP动画制作、IP建模渲染等全方位IP形象设计服务,赋予品牌与这些超级IP形象完美相结合,帮助消费者快速认知品牌,强化品牌对外展示效果。</div>
<h4>服务内容:</h4>
<ol class="desc">
<li class="beBlue">IP形象设计:塑造独特视觉形象,赋予IP文化与价值</li>
<li class="beBlue">IP动画制作:让IP形象生动起来,生动演绎角色故事</li>
<li class="beBlue">IP建模渲染:三维呈现IP的魅力,打造逼真视觉效果</li>
</ol>
<ul class="tags">
<li><span>形象</span>建立品牌专属形象</li>
<li><span>动画</span>创造生动动画体验</li>
<li><span>建模</span>精准塑造真实效果</li>
</ul>
</div>
</div>
</div><div class="wrap index-content-24-10-2">
<div class="box">
<div>
<div class="right-box">
<h3 class="wow fadeInLeft beOrange"><p style="line-height:0.6rem" >蓝橙视觉<br>VI设计服务说明</p></h3>
<p class="beOrange p1 wow fadeInLeft" data-wow-delay="0.1s">
我们VI设计服务包括UI设计、<a class="bhh" href="http://xasj.cdlchd.com" target="_blank">画册设计</a>和<a class="bhh" href="http://wuhansj.z-mf.cn" target="_blank">包装设计</a>等,提供丰富的VI设计实例,实现品牌形象统一、传播和强化的设计服务。
</p>
<h5 class="beOrange wow fadeInLeft" data-wow-delay="0.2s">定制说明:</h5>
<p class="p2 beOrange wow fadeInLeft" data-wow-delay="0.3s">
蓝橙视觉拥有一支经验丰富且专业的团队,他们在行业中深耕多年,具备扎实的设计功底和广泛的知识领域。
我们有着秉持求同存异的理念,深入了解每个客户的独特需求,为您带来高水准的优质服务。</p>
<ul class="wow fadeInUp" data-wow-delay="0.4s">
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>SVG设计</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>画册设计</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>包装设计</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>电商设计</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>长图设计</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>品牌设计</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>海报设计</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>插画设计</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>定制设计</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>形象设计</span>
</li>
</ul>
</div>
<div class="left-box wow fadeInRight">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24-10-index-content-bg2.png" alt="深圳微信SVG长图设计">
</div>
</div>
</div>
</div><div class="wrap index-content-24-10-2-4" id="X18">
<div class="pubic_container">
<div class="public_title">
<div style="line-height:0.6rem" class="public_title_first beBlue wow fadeInDown">
蓝橙视觉<br><a class="bhh" href="http://wechat.cdlchd.com" target="_blank">高端商业海报设计</a>
</div>
<div class="public_title_desc beBlue wow fadeInUp">
我们提供品牌宣传类、产品推广类、运营活动类的<a class="bhh" href="http://100.cdlchd.com" target="_blank">海报设计服务</a>,满足不同商业场景的需求
</div>
</div>
<ul class="box-list item-1 wow fadeInUp">
<li class="active">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon1.png" alt="深圳H5课件设计">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon1.png" alt="深圳品牌IP设计">
品牌宣传海报
</li>
<li>
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon2.png" alt="深圳长图海报设计">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon2.png" alt="深圳微信SVG长图设计">
运营活动海报
</li>
<li>
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon3.png" alt="深圳食品包装设计">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-icon3.png" alt="深圳品牌IP设计">
产品推广海报
</li>
</ul>
<ul class="box-list item-2 wow fadeInUp">
<li class="active">
<div class="text">
<div class="title beOrange">品牌宣传海报</div>
<div class="desc beBlue">
作为专业的海报设计公司,我们专注于打造品牌宣传海报,这些海报旨在强化品牌形象,传递品牌价值。我们通过深入理解您的品牌故事和目标受众,创作出既具有视觉冲击力又能深刻表达品牌精神的海报。
</div>
<div class="div3 beOrange">
<div>
<div></div>
<span class="beOrange">祝福问候</span>
</div>
<div>
<div></div>
<span class="beOrange">企业宣传</span>
</div>
<div>
<div></div>
<span class="beOrange">客户关怀</span>
</div>
</div>
<div class="btn hover-btn"><a href="tencent://message/?uin=3173654378&Site=qq&Menu=yes"
target="_blank">获取同款方案</a></div>
</div>
<div class="img ">
<img class="scaleEl" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-img1.png" alt="深圳VI设计公司">
</div>
</li>
<li class="">
<div class="text">
<div class="title beOrange">运营活动海报</div>
<div class="desc beBlue">
在运营活动海报设计方面,我们致力于通过海报设计激发受众的兴趣和参与热情。我们的服务包括从概念构思到最终成品的全过程,确保每一张海报都能准确反映活动的主题和氛围,确保您的活动信息迅速传播。
</div>
<div class="div3 beOrange">
<div>
<div></div>
<span class="beOrange">活动介绍</span>
</div>
<div>
<div></div>
<span class="beOrange">宣传推广</span>
</div>
<div>
<div></div>
<span class="beOrange">科普攻略</span>
</div>
</div>
<div class="btn hover-btn"><a href="tencent://message/?uin=3173654378&Site=qq&Menu=yes"
target="_blank">获取同款方案</a></div>
</div>
<div class="img ">
<img class="scaleEl" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-img1.png" alt="深圳H5课件设计">
</div>
</li>
<li class="">
<div class="text">
<div class="title beOrange">产品推广海报</div>
<div class="desc beBlue">
我们提供的产品推广海报设计服务,专注于通过视觉艺术提升产品的市场吸引力。我们的设计师会根据您的产品特点和市场定位,设计出既吸引眼球又能准确传达产品卖点的海报,帮助您的产品在市场中脱颖而出。
</div>
<div class="div3 beOrange">
<div>
<div></div>
<span class="beOrange">预告海报</span>
</div>
<div>
<div></div>
<span class="beOrange">产品优势</span>
</div>
<div>
<div></div>
<span class="beOrange">使用指南</span>
</div>
</div>
<div class="btn hover-btn"><a href="tencent://message/?uin=3173654378&Site=qq&Menu=yes"
target="_blank">获取同款方案</a></div>
</div>
<div class="img ">
<img class="scaleEl" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-4-img1.png" alt="深圳PPT定制设计">
</div>
</li>
</ul>
</div>
<script>
$(function () {
$("#X18 .item-1 li").mouseenter(function () {
$("#X18 .item-1 li").removeClass("active");
$("#X18 .item-2 li").removeClass("active");
$("#X18 .item-1 li").eq($(this).index()).addClass("active");
$("#X18 .item-2 li").eq($(this).index()).addClass("active");
});
});
</script>
</div><div class="wrap index-content-24-10-2-3">
<div class="box">
<div class="public-title">
<div class="title-text wow fadeInDown beOrange">
<a class="bhh" href="http://huace.z-mf.cn" target="_blank">微信SVG图片设计</a>
</div>
<div class="title-desc wow fadeInUp beOrange">
为您打造布局规划、动效创意与视觉格调等多元微信SVG设计,使您的微信呈现新颖、精致,为形象增光添辉
</div>
</div>
<div class="content">
<div class="wow fadeInLeft hover-style" data-wow-delay="0.5s">
<div class="inner-border">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-3-icon1.png" alt="深圳网店装修设">
<h3>微信SVG构图方式</h3>
<span>构建动态且具交互性的微信视觉呈现</span>
<p>
采用独特的构图方式,使图片更具吸引力和表现力。运用夸张、比喻、象征等手法,将品牌理念、产品特点等信息以富有创意的方式呈现出来。</p>
<a class="btn" href="tencent://message/?uin=3173654378&Site=qq&Menu=yes" target="_blank">
<div></div>
<span>点击获取方案 ></span>
</a>
</div>
</div>
<div class="wow fadeInLeft hover-style" data-wow-delay="0.25s">
<div class="inner-border">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-3-icon2.png" alt="深圳H5课件设计">
<h3>微信SVG动画特性</h3>
<span>实现多种动态效果,让图文更生动有趣</span>
<p>
利用SVG的动画特性,可以为图片添加动态效果,增强图片的吸引力和趣味性。设置图片的淡入淡出、旋转、缩放等动画效果,让图片更加生动活泼。</p>
<a class="btn" href="tencent://message/?uin=3173654378&Site=qq&Menu=yes" target="_blank">
<div></div>
<span>点击获取方案 ></span>
</a>
</div>
</div>
<div class="wow fadeInLeft hover-style">
<div class="inner-border">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-3-icon3.png" alt="深圳品牌IP设计">
<h3>微信SVG风格类型</h3>
<span>微信SVG风格类型多样,适配不同需求</span>
<p>
插图的内容和风格应与微信SVG的主题相契合,为整体设计增添色彩和情感。设计与主题相关的插图元素,能够更好地传达信息,增强与用户的共鸣。</p>
<a class="btn" href="tencent://message/?uin=3173654378&Site=qq&Menu=yes" target="_blank">
<div></div>
<span>点击获取方案 ></span>
</a>
</div>
</div>
</div>
</div>
</div><div class="wrap index-content-24-10-1">
<div class="box">
<div>
<div class="left-box wow fadeInLeft">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24-10-index-content-bg1.png" alt="深圳PPT定制设计">
</div>
<div class="right-box">
<h3 class="wow fadeInRight beOrange">蓝橙视觉 - 营销活动长图设计</h3>
<p class="beOrange p1 wow fadeInRight" data-wow-delay="0.1s">
提供<a class="bhh" href="http://chengdsj.cdlchd.com" target="_blank">微信推文长图</a>、<a class="bhh" href="http://sz.cdweiju.com" target="_blank">品牌宣传长图</a>、<a class="bhh" href="http://shsj.cdweiju.com" target="_blank">数据可视化长图</a>等,助您实现营销效果最大化
</p>
<h5 class="beOrange wow fadeInRight" data-wow-delay="0.2s">长图服务概述:</h5>
<p class="p2 beOrange wow fadeInRight" data-wow-delay="0.3s">
专注于打造具有强烈视觉冲击力和信息传达力的长图内容,确保您的营销信息在社交媒体和数字营销平台上脱颖而出,
同时,我们拥有经验丰富的设计团队、提供定制化解决方案、保持高效沟通以及快速响应客户需求,帮助您在预算内实现最大的营销效果。
</p>
<ul class="wow fadeInUp" data-wow-delay="0.4s">
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>微信推文长图</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>品牌宣传长图</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>学习指南长图</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>政策解读长图</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>微信SVG长图</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>活动介绍长图</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>课程介绍长图</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>品牌故事长图</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>活动推广长图</span>
</li>
<li>
<div class="yuan"></div>
<div class="hengxian"></div>
<span>数据可视化长图</span>
</li>
</ul>
</div>
</div>
</div>
</div><div class="wrap index-content-24-10-2-6">
<div class="box">
<div class="public-title">
<div class="title-text wow fadeInDown beOrange">
蓝橙视觉 · 微信长图设计类型
</div>
<div class="title-desc wow fadeInUp beOrange">
蓝橙视觉微信长图设计类型丰富,通过视觉叙事巧妙增强信息的吸引力,有效提升传播力
</div>
</div>
<div class="content">
<div class="wow fadeInRight " data-wow-delay="0.01s">
<img class="cardimg1" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-card1.png" alt="深圳网店装修设">
<img class="cardimg1_" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-card1_.png" alt="深圳表情包定制设计">
<img class="iconImg" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-icon1.png" alt="深圳短视频剪辑处理">
<h3><a class="bhh" href="http://www.cdwjyx.cn" target="_blank">活动推广长图</a></h3>
<div></div>
<p>
我们的活动推广长图设计旨在激发用户的参与热情。通过突出活动亮点和参与价值,我们的设计能够快速吸引目标受众的注意,确保长图都能有效地传播。
</p>
</div>
<div class="wow fadeInRight " data-wow-delay="0.5s">
<img class="cardimg1" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-card2.png" alt="深圳表情包定制设计">
<img class="cardimg1_" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-card2_.png" alt="深圳网店装修设">
<img class="iconImg" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-icon2.png" alt="深圳微信SVG长图设计">
<h3><a class="bhh" href="http://video.zhumafang.cn" target="_blank">品牌宣传长图</a></h3>
<div></div>
<p>
在品牌宣传长图设计中,我们专注于强化品牌的视觉识别度。通过统一的色彩方案、标志性的图案和一致的字体选择,加深用户对品牌的记忆。
</p>
</div>
<div class="wow fadeInRight " data-wow-delay="0.75s">
<img class="cardimg1" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-card3.png" alt="深圳产品UI设计">
<img class="cardimg1_" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-card3_.png" alt="深圳微信红包封面设计">
<img class="iconImg" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-icon3.png" alt="深圳微信红包封面设计">
<h3><a class="bhh" href="http://www.lc-ideas.cn" target="_blank">广告宣传长图</a></h3>
<div></div>
<p>
我们的广告宣传长图设计专注于捕捉用户的注意力。我们结合品牌元素和营销信息,创造出引人注目的广告长图,确保都能有效地传递广告信息。
</p>
</div>
<div class="wow fadeInRight " data-wow-delay="1s">
<img class="cardimg1" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-card4.png" alt="深圳VI设计公司">
<img class="cardimg1_" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-card4_.png" alt="深圳DM单设计">
<img class="iconImg" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index24-10-2-6-icon4.png" alt="深圳DM单设计">
<h3>信息传播长图</h3>
<div></div>
<p>
我们采用数据可视化技巧,将枯燥的信息转化为吸引人的视觉故事。通过精心挑选的图标、图表和色彩,确保信息传播的有效性和广泛性。
</p>
</div>
</div>
</div>
</div><!--caselist3_design首页-->
<div class="index-content-24-10-2-23_design">
<div class="box">
<div class="public-title">
<div class="title-text wow fadeInDown beOrange">
案例赏析
</div>
<div class="title-desc wow fadeInUp beOrange">
我们的案例库不断更新,每一份新作品都是客户对于我们的信任和满意
</div>
</div>
<div class="content-box-23">
<div class="select-group">
</div>
<ul class="nav">
<li class="active">
<span data-id="28,33,45,46,39,40,42,27,30,34,32,36,37,41,43,44,8">全部</span>
</li>
<li>
<span data-id="28">表情包设计</span>
</li>
<li>
<span data-id="33">手绘插画</span>
</li>
<li>
<span data-id="45">画册设计</span>
</li>
<li>
<span data-id="46">IP设计</span>
</li>
<li>
<span data-id="39">品牌设计</span>
</li>
<li>
<span data-id="40">包装设计</span>
</li>
<li>
<span data-id="42">UI设计</span>
</li>
</ul>
<ul class="nav">
<li >
<span data-id="27,30">微信设计</span>
</li>
<li>
<span data-id="34">海报设计</span>
</li>
<li>
<span data-id="32,37">长图设计</span>
</li>
<li>
<span data-id="36">svg制作</span>
</li>
<li>
<span data-id="41">PPT设计</span>
</li>
<li>
<span data-id="43">电商设计</span>
</li>
<li>
<span data-id="44">课件设计</span>
</li>
<li>
<span data-id="8">视频剪辑</span>
</li>
</ul>
<div class="list"></div>
<div class="btn hover-btn"><a href="/24case/index.html" target="_blank">没看够?点击看看更多案例吧 ></a></div>
</div>
</div>
<script>
$(function () {
const fullUrl = window.location.href; // 完整 URL
const htmls = fullUrl.split("/"); // URL 分割
const baseUrl = fullUrl.split(htmls[htmls.length - 1])[0]; // URL 去除文件名
const caseState = 'article'; //5:样式一,6:样式二。
let ias = null;
function loadData1() {
if (ias) ias.unbind();
let size = 12;
$(".index-content-24-10-2-23_design >.box > .content-box-23 > .list").html("");
ias = new window.InfiniteAjaxScroll('.index-content-24-10-2-23_design > .box > .content-box-23 > .list', {
item: '.index-content-24-10-2-23_design > .box > .content-box-23 > .list > a',
pagination: false,
next: function (page) {
var dataId = $(".index-content-24-10-2-23_design > .box > .content-box-23 > .nav > li.active").find("span").data("id");
return getCaseBySearchDesign({ typeId: dataId }, page + 1, size).then(res => {
if (res.code == 0) {
let array = [];
res.data.data.forEach(item => {
let dom = document.createElement("a");
dom.href = "#";
dom.target = '_blank';
$(dom).attr("href",
`/24case/${caseState}.html?id=${item.id}&type=${item.type ? item.type : 'design'}`
);
$(dom).append(`
<div class="img"><img src="${item.thum}" class="response-img" /></div>
<div class="qr">
<img class="qr2" src="#" alt="深圳短视频剪辑处理">
</div>
<p>${item.title}</p>
`)
// <ul>
// <li>原创作品</li>
// <li>原创作品</li>
// <li>原创作品</li>
// <img src="${(baseUrl + 'image/index-content-24-10-2-23-bottomIcon2.png')}" alt="深圳PPT定制设计">
// </ul>
console.log(baseUrl, "baseUrl")
<!-- $(dom).find(".qr2").attr("src", baseUrl + 'image/typeId' + item.type_id + '.png') -->
$(dom).find(".qr2").attr("src", "https://o.cdlchd.cn/case2023/uploads/design_code/typeId" + item.type_id + ".png");
document.querySelector(".index-content-24-10-2-23_design>.box> .content-box-23 > .list").append(dom)
array.push(dom);
})
<!-- ias.append(array); -->
<!-- return ias.append(array).then(() => array.length >= size); -->
}
})
}
})
}
$(".index-content-24-10-2-23_design>.box> .content-box-23 > .nav > li").click(function () {
if ($(this).hasClass("active")) return;
$(".index-content-24-10-2-23_design>.box> .content-box-23 > .nav > li").removeClass("active");
$(this).addClass("active");
loadData1();
})
loadData1();
});
</script>
</div><!-- 数据展示11.1 15-->
<div class="wrap index-content-24-10-2-15">
<div class="box clearfix">
<div class="public-title">
<div class="title-text wow fadeInDown beOrange">
提供一站式设计服务
</div>
<div class="title-desc wow fadeInUp beOrange">
深入了解企业文化、市场定位及目标受众,为企业提供一站式<a class="bhh" href="http://VI.z-mf.cn" target="_blank">品牌设计</a>与<a class="bhh" href="http://dianshang.z-mf.cn" target="_blank">营销设计</a>服务
</div>
</div>
<div class="content">
<div class="item item-1">
<div class="title1 "><span class="count-serve">10</span>年</div>
<div class="title2 ">行业经验</div>
</div>
<div class="item item-2">
<div class="title1 "><span class="member-count">30</span>+</div>
<div class="title2 ">服务行业</div>
</div>
<div class="item item-3">
<div class="title1 "><span class="satisfact-count">98</span>%</div>
<div class="title2 ">客户满意</div>
</div>
<div class="item item-4">
<div class="title1 "><span class="year-count">3000</span>+</div>
<div class="title2 ">成功案例</div>
</div>
</div>
</div>
</div>
<!-- 客户logo展示12.2 25-->
<div class="white wrap model-18">
<div class="pubic_container">
<div class="public_title">
<div class="public_title_first beBlue wow fadeInDown">
感激你们选择并信任我们
</div>
<div class="public_title_desc beBlue wow fadeInUp">
蓝橙视觉每一次合作,都竭尽全力为您策划<a class="bhh" href="http://njsj.cdlchd.com" target="_blank">包装设计</a>方案<br>助力客户在激烈的市场竞争中脱颖而出,实现商业价值的最大化
</div>
</div>
<div class="box-list">
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img1_1.png" alt="深圳PPT定制设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img1_2.png" alt="深圳网店装修设" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img2_1.png" alt="深圳微信红包封面设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img2_2.png" alt="深圳品牌IP设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img3_1.png" alt="深圳包装插画设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img3_2.png" alt="深圳包装插画设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img4_1.png" alt="深圳微信SVG长图设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img4_2.png" alt="深圳PPT定制设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img5_1.png" alt="深圳海报定制设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img5_2.png" alt="深圳包装插画设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img6_1.png" alt="深圳微信SVG长图设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img6_2.png" alt="深圳短视频剪辑处理" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img7_1.png" alt="深圳食品包装设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img7_2.png" alt="深圳表情包定制设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img8_1.png" alt="深圳H5课件设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img8_2.png" alt="深圳网店装修设" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img9_1.png" alt="深圳网店装修设" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img9_2.png" alt="深圳网店装修设" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img10_1.png" alt="深圳品牌IP设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img10_2.png" alt="深圳包装插画设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img11_1.png" alt="深圳海报定制设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img11_2.png" alt="深圳食品包装设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img12_1.png" alt="深圳微信SVG长图设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img12_2.png" alt="深圳短视频剪辑处理" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img13_1.png" alt="深圳DM单设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img13_2.png" alt="深圳品牌IP设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img14_1.png" alt="深圳产品UI设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img14_2.png" alt="深圳产品UI设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img15_1.png" alt="深圳短视频剪辑处理" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img15_2.png" alt="深圳H5课件设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img16_1.png" alt="深圳包装插画设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img16_2.png" alt="深圳食品包装设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img17_1.png" alt="深圳包装插画设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img17_2.png" alt="深圳微信SVG长图设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img18_1.png" alt="深圳品牌IP设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img18_2.png" alt="深圳食品包装设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img19_1.png" alt="深圳品牌IP设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img19_2.png" alt="深圳长图海报设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img20_1.png" alt="深圳短视频剪辑处理" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img20_2.png" alt="深圳长图海报设计" /></div>
<div class="item"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img21_1.png" alt="深圳表情包定制设计" /><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model18_img21_2.png" alt="深圳PPT定制设计" /></div>
</div>
</div>
</div><div class="wrap index-content-24-10-26">
<div class="box">
<div class="public-title">
<div class="title-text wow fadeInDown beOrange">
合作流程
</div>
<div class="title-desc wow fadeInUp beOrange">
从需求分析到项目交付,我们有明确的<a class="bhh" href="http://tgsj.cdlchd.com" target="_blank">画册设计流程</a>规划,从而确保合作高效、顺利进行
</div>
</div>
<div class="content-box1">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-26-topIcon1.png" alt="深圳食品包装设计">
<div></div>
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-26-topIcon1.png" alt="深圳食品包装设计">
<div></div>
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-26-topIcon1.png" alt="深圳产品UI设计">
<div></div>
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-26-topIcon1.png" alt="深圳网店装修设">
<div></div>
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-26-topIcon1.png" alt="深圳短视频剪辑处理">
<div></div>
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-26-topIcon1.png" alt="深圳包装插画设计">
<div></div>
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-26-topIcon1.png" alt="深圳品牌IP设计">
</div>
<div class="content-box2">
<div class="wow fadeInRight hover-style">
<div class="inner-border">
<h3>需求分析</h3>
<p></p>
<ul>
<li>
<div></div>
<span>了解客户需求</span></li>
<li>
<div></div>
<span>设计目标确认</span></li>
<li>
<div></div>
<span>明确设计方案</span></li>
</ul>
</div>
</div>
<div data-wow-delay="0.2s" class="wow fadeInRight hover-style">
<div class="inner-border">
<h3>项目启动</h3>
<p></p>
<ul>
<li>
<div></div>
<span>组建项目小组</span></li>
<li>
<div></div>
<span>收集资料参考</span></li>
<li>
<div></div>
<span>拟定时间计划</span></li>
</ul>
</div>
</div>
<div data-wow-delay="0.4s" class="wow fadeInRight hover-style">
<div class="inner-border">
<h3>创意概念</h3>
<p></p>
<ul>
<li>
<div></div>
<span>定位风格方向</span></li>
<li>
<div></div>
<span>构思创意草图</span></li>
<li>
<div></div>
<span>设计想法阐述</span></li>
</ul>
</div>
</div>
<div data-wow-delay="0.6s" class="wow fadeInRight hover-style">
<div class="inner-border">
<h3><a class="bhh" href="http://Caifuhao.cdlchd.com" target="_blank">视觉设计</a></h3>
<p></p>
<ul>
<li>
<div></div>
<span>初步确认方案</span></li>
<li>
<div></div>
<span>画面元素设计</span></li>
<li>
<div></div>
<span>完善整体视觉</span></li>
</ul>
</div>
</div>
<div data-wow-delay="0.8s" class="wow fadeInRight hover-style">
<div class="inner-border">
<h3>设计审核</h3>
<p></p>
<ul>
<li>
<div></div>
<span>内部审核优化</span></li>
<li>
<div></div>
<span>客户审核修改</span></li>
<li>
<div></div>
<span>深入优化调整</span></li>
</ul>
</div>
</div>
<div data-wow-delay="1s" class="wow fadeInRight hover-style">
<div class="inner-border">
<h3>项目交付</h3>
<p></p>
<ul>
<li>
<div></div>
<span>客户验收确认</span></li>
<li>
<div></div>
<span>交付最终文件</span></li>
<li>
<div></div>
<span>服务评价反馈</span></li>
</ul>
</div>
</div>
</div>
<div class="content-box3">
<div class="left wow fadeInLeft scaleEl">
<span>合作的三个核心流程</span>
<p>合作的三个<a class="bhh" href="http://sjtg.cdlchd.com" target="_blank">核心设计流程</a>包括需求明确与规划、专业设计与执行以及专业设计与执行。这些流程相互关联、相互支持,共同构成了合作项目的完整体系。</p>
</div>
<div class="right wow fadeInRight">
<div>
<div>
<h5 class="beOrange">需求明确与规划</h5>
<p class="beOrange">明确项目需求,共同制定详细的项目规划</p>
</div>
<p class="beOrange">
合作初期,充分沟通,明确项目需求、目标及预期成果,共同制定详细的项目规划,确保后续工作有章可循。
</p>
</div>
<div>
<div>
<h5 class="beOrange">专业设计与执行</h5>
<p class="beOrange">我们的专业团队进行创意设计,并高效执行</p>
</div>
<p class="beOrange">
基于明确的需求与规划,我们的专业团队进行创意设计,并高效执行,确保设计方案的高质量实现,同时保持与客户的紧密沟通,及时调整优化。
</p>
</div>
<div>
<div>
<h5 class="beOrange">验收与后期服务</h5>
<p class="beOrange">客户验收,并提供全面后期服务</p>
</div>
<p class="beOrange">
项目完成后,客户验收,确保成果满足要求。同时,提供全面后期服务,包括维护、培训和技术支持等,确保项目长期稳定运行,深化合作关系。
</p>
</div>
</div>
</div>
</div>
</div><!--68-->
<div class="wrap index-content-24-10-27">
<div class="box">
<div class="public-title">
<div class="title-text wow fadeInDown beOrange">
设计模板 VS <a class="bhh" href="http://sj.cdlchd.com" target="_blank">设计定制</a>
</div>
<div class="title-desc wow fadeInUp beOrange">
我们凭借对客户需求和市场动态的深刻洞察,为顾客量身定制具有市场竞争力和独特卖点的设计服务
</div>
</div>
<div class="wow content-box1">
<div class="left">
<span>设计定制</span>
<div>
<p>我们强调个性化和独特性、根据品牌个性量身打造的设计方案,有效确保品牌在视觉传达上取得更好的效果。
</p>
</div>
<div>
<p>我们定制设计致力于满足品牌独特性需求,增强品牌的市场竞争力,使品牌在众多竞争者中更加耀眼夺目。
</p>
</div>
<div>
<p>我们专注于构建长期品牌价值,通过独特的视觉语言增强品牌识别度,为品牌资产积累提供坚实的基础。
</p>
</div>
</div>
<div class="right">
<span>设计模板</span>
<div>
<p>使用模版难以精准且生动地传达品牌独有的价值与动人故事,往往导致品牌间同质化现象愈发频繁地出现。
</p>
</div>
<div>
<p>缺乏个性化的品牌表达难以在竞争激烈的市场中获得突出地位,影响品牌的识别度和消费者的品牌忠诚度。
</p>
</div>
<div>
<p>模板套用往往削弱了品牌的独特性,限制了品牌在市场中的长期发展潜力和价值积累,难以构建品牌影响力。
</p>
</div>
</div>
</div>
<div class="wow content-box2">
<span>VS</span>
<div>
<span>差异特征</span>
</div>
<div>
<span>专业服务</span>
</div>
<div>
<span>长期价值</span>
</div>
</div>
</div>
</div> <!-- 优势对比19.2 79-->
<div class="wrap model-31">
<div class="pubic_container">
<div class="public_title">
<div class="public_title_first beBlue wow fadeInDown">
蓝橙视觉 · 服务六大优势
</div>
<div class="public_title_desc beBlue wow fadeInUp">
我们拥有丰富设计经验、专业设计团队、高效服务流程、全面设计服务、先进设计理念以及优质客户服务等六大优势
</div>
</div>
<div class="box-list">
<div class="bg"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model31_img7.png" alt="深圳VI设计公司" /></div>
<div class="item wow fadeInLeft">
<div class="text">
<div class="title">丰富设计经验</div>
<div class="desc">蓝橙视觉专注于营销物料和品牌设计,积累了丰富的设计经验,使得我们能够应对各种复杂、高要求的设计项目。</div>
</div>
<div class="icon"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model31_img1.png" alt="深圳VI设计公司" /></div>
</div>
<div class="item wow fadeInRight">
<div class="icon"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model31_img2.png" alt="深圳短视频剪辑处理" /></div>
<div class="text">
<div class="title">专业设计团队</div>
<div class="desc">我们团队具备从策略制定到设计执行的全流程能力,能够为客户提供定制、高品质设计,为品牌打造个性化服务。</div>
</div>
</div>
<div class="item wow fadeInLeft" data-wow-delay="0.1s">
<div class="text">
<div class="title">高效服务流程</div>
<div class="desc">从客户需求分析、设计方案制定、设计执行到最终交付,指定专人跟踪把控,每个环节都经过精心规划和严格把关。</div>
</div>
<div class="icon"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model31_img3.png" alt="深圳海报定制设计" /></div>
</div>
<div class="item wow fadeInRight" data-wow-delay="0.1s">
<div class="icon"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model31_img4.png" alt="深圳长图海报设计" /></div>
<div class="text">
<div class="title">全面设计服务</div>
<div class="desc">我们提供全面设计服务,包括但不限于<a class="bhh" href="http://ip.cdlchd.com" target="_blank">海报设计</a>、<a class="bhh" href="http://chengdsj.cdlchd.com" target="_blank">长图设计</a>、<a class="bhh" href="http://sz.cdweiju.com" target="_blank">SVG设计</a>、IP形象设计、微信物料设计、PPT设计等。</div>
</div>
</div>
<div class="item wow fadeInLeft" data-wow-delay="0.2s">
<div class="text">
<div class="title">先进设计理念</div>
<div class="desc">蓝橙视觉坚持持续关注前沿设计趋势,不断提升团队的设计能力和创新能力,以满足不断变化的市场需求。</div>
</div>
<div class="icon"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model31_img5.png" alt="深圳PPT定制设计" /></div>
</div>
<div class="item wow fadeInRight" data-wow-delay="0.2s">
<div class="icon"><img class="response-img" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_8model31_img6.png" alt="深圳微信红包封面设计" /></div>
<div class="text">
<div class="title">优质客户服务</div>
<div class="desc">蓝橙视觉始终将客户需求放在首位。公司建立了完善的客户服务体系,能够为客户提供及时、专业的咨询。</div>
</div>
</div>
</div>
</div>
</div><!--106-->
<div class="wrap goods-content-24-10-3">
<div class="box">
<div class="content-box">
<div class="info wow fadeInLeft">
<div class="img-title">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_10goods_3-title.png" alt="深圳H5课件设计">
</div>
<div class="title">
蓝橙视觉提供品牌视觉形象定制服务
</div>
<div class="desc">
<p>
蓝橙视觉从事<a class="bhh" href="http://sz.cdweiju.com" target="_blank">网页定制设计</a>、<a class="bhh" href="http://shsj.cdweiju.com" target="_blank">IP定制设计</a>、表情包设计、<a class="bhh" href="http://tianjinsj.z-mf.cn" target="_blank">包装设计</a>、宣传册设计、课件设计和<a class="bhh" href="http://suzhousj.z-mf.cn" target="_blank">插画设计</a>等相关业务的创新型设计公司,以出色的创意方案和愉悦的表达方式激发品牌动能帮助客户赢取竞争优势,创造可持续的品牌价值。
</p>
<p>
致力于助力品牌更出色地开展网络推广活动,达成品牌塑造和营销推广的目标!
我们始终将客户的需求奉为首要目标!一直坚守核心价值观力求与客户达成双赢!自始至终提供积极主动式服务,竭力让客户舒心、顺心、安心!
</p>
</div>
<div class="counts">
<div class="count-item">
<h1>
<span>10</span>年
</h1>
<p>
行业专注
</p>
</div>
<div class="count-item">
<h1>
<span>30</span>+
</h1>
<p>
服务行业
</p>
</div>
<div class="count-item">
<h1>
<span>3000</span>+
</h1>
<p>
超3000个累计案例
</p>
</div>
</div>
</div>
<div class="img wow fadeInRight">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_10goods_3_right.png" alt="深圳海报定制设计">
</div>
</div>
</div>
</div>
<!--119-->
<div class="wrap index-content-24-10-34">
<div class="box">
<div class="public-title">
<div class="title-text wow fadeInDown beOrange">
为什么选择我们
</div>
<div class="title-desc wow fadeInUp beOrange">
我们全身心投入定制开发事业,在行业内深耕多年,以专业的态度和高效的行动,助力客户实现目标
</div>
</div>
<div class="content-box">
<div class="left-box wow fadeInLeft">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-34-leftImg.png" alt="深圳短视频剪辑处理">
</div>
<div class="right-box wow fadeInRight">
<div>
<div class="wow fadeInLeft moveXsmall">
<img class="img1" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-34-icon1.png" alt="深圳长图海报设计">
<span>丰富的行业经验</span>
<p>多年来,我们在各个行业都积累了丰富的设计经验,使我们深刻理解不同行业的特点、需求,提供贴合行业特性的设计方案。</p>
</div>
<div class="wow fadeInLeft moveXsmall">
<img class="img2" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-34-icon2.png" alt="深圳产品UI设计">
<span><a class="bhh" href="http://PPT.cdlchd.com" target="_blank">定制化设计</a>服务</span>
<p>我们坚信每个客户都是独特的,因此我们提供的是完全定制化的设计服务,使品牌在市场上独树一帜,彰显定制化设计的价值。</p>
</div>
</div>
<div>
<div class="wow fadeInRight moveXsmall">
<img class="img3" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-34-icon3.png" alt="深圳海报定制设计">
<span>高效的沟通协作</span>
<p>良好的沟通是设计项目成功的关键,我们对此高度重视。我们建立了高效的沟通机制,确保与客户保持密切、顺畅的信息交流。</p>
</div>
<div class="wow fadeInRight moveXsmall">
<img class="img4" src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/index-content-24-10-34-icon4.png" alt="深圳DM单设计">
<span>性价比高的价格</span>
<p>我们在价格方面极具竞争力,为客户提供了卓越的性价比。让客户花更少的钱,得到更多价值,是选择我们的重要理由之一。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--133-->
<div class="wrap index-content-24-10-36">
<div class="box">
<div class="public-title">
<div class="title-text wow fadeInDown beOrange">
新闻资讯
</div>
<div class="title-desc wow fadeInUp beOrange">
呈现各种<a class="bhh" href="http://cd.cdweiju.com" target="_blank">营销设计</a>、<a class="bhh" href="http://cq.cdweiju.com" target="_blank">品牌设计</a>资讯
</div>
</div>
<div class="content-box wow fadeInLeft">
<div class="right">
<a href="/news/74212.html">
<h3 class="beOrange">家电IP</h3>
<p class="beOrange"> 家电IP通过拟人化角色设计构建视觉与情感连接,强化品牌记忆、提升用户黏性并实现跨场景传播与商业化变现,核心在于系统化形象塑造与长期运营。</p>
</a>
</div>
<div class="right">
<a href="/news/74135.html">
<h3 class="beOrange">医疗MG动画</h3>
<p class="beOrange"> 医疗MG动画通过动态视觉化手段将复杂医学知识转化为易懂、易记的科普内容,广泛应用于疾病预防、疫苗宣传等场景,显著提升公众理解与信任度。其优势在于可视化表达降低认知门槛、节奏把控增强传播效果、专业审核保</p>
</a>
</div>
<div class="right">
<a href="/news/73932.html">
<h3 class="beOrange">IP吉祥物设计公司</h3>
<p class="beOrange"> 在品牌视觉识别日益重要的今天,一个具备核心价值、独特性格与跨媒介延展能力的IP吉祥物,已成为企业建立情感连接的关键。本文揭示了如何避开模板化陷阱、筛选具备真实落地案例与版权保障的可靠团队,并强调长期合</p>
</a>
</div>
<div class="right">
<a href="/news/73727.html">
<h3 class="beOrange">手绘吉祥物设计公司</h3>
<p class="beOrange"> 在品牌视觉识别日益重要的今天,手绘吉祥物设计公司不仅是企业形象的载体,更是品牌人格化的关键。真正专业的团队懂品牌、懂用户,能通过原创创意打造有温度、有记忆点的角色,实现情感共鸣与传播转化。从定制化服务</p>
</a>
</div>
<div class="right">
<a href="/news/73511.html">
<h3 class="beOrange">节气插画</h3>
<p class="beOrange"> 节气插画作为连接传统与现代的视觉载体,通过手绘风格与现代设计语言融合,将自然变化、农耕智慧与民俗活动浓缩于画面,助力文化传递、品牌营销与本土化创作。其可作为数字化资产长期运营,构建持续性的用户互动与品</p>
</a>
</div>
<div class="right">
<a href="/news/73275.html">
<h3 class="beOrange">宠物表情包设计公司</h3>
<p class="beOrange"> 在社交传播时代,宠物表情包已超越简单配图,成为情绪表达与品牌对话的重要载体。真正出圈的内容源于对用户心理的洞察、创意破局、技术赋能与用户共创。通过情绪标签库、AI辅助设计、跨界联名及多元变现路径,宠物</p>
</a>
</div>
<div class="right">
<a href="/news/73023.html">
<h3 class="beOrange">零食包装设计</h3>
<p class="beOrange"> 在竞争激烈的零食市场中,包装设计已从功能导向转向情感与价值共鸣。优秀的设计需兼顾目标人群洞察、环保材质选型、合规标准、功能落地、场景适配、成本控制及全流程执行,最终实现商业价值转化。通过融合品牌调性与</p>
</a>
</div>
<div class="right">
<a href="/news/72907.html">
<h3 class="beOrange">科技PPT设计公司</h3>
<p class="beOrange"> 针对高成长性科技企业,提供基于动态数据可视化、交互式演示结构、AI辅助内容生成与智能排版的定制化演示解决方案,将复杂技术转化为清晰、有冲击力的信息流,助力路演、融资与行业峰会高效转化。</p>
</a>
</div>
<div class="right">
<a href="/news/72693.html">
<h3 class="beOrange">建筑VI设计公司</h3>
<p class="beOrange"> 在建筑行业竞争加剧的背景下,品牌视觉识别系统成为企业脱颖而出的关键。专业建筑VI设计公司从品牌定位出发,打造统一、可执行的视觉体系,覆盖从官网到工地围挡的全场景应用,融合地域文化与现代设计语言,确保品</p>
</a>
</div>
<div class="right">
<a href="/news/72533.html">
<h3 class="beOrange">推介PPT设计公司</h3>
<p class="beOrange"> 在企业宣传、项目汇报、融资路演等关键场景中,专业PPT设计能显著提升表达效果与转化率。真正优质的团队注重内容逻辑、视觉叙事与品牌一致性,通过深度协作实现高效交付。选择具备行业经验与服务闭环的团队,才能</p>
</a>
</div>
<div class="right">
<a href="/news/72112.html">
<h3 class="beOrange">金融VI</h3>
<p class="beOrange"> 深圳金融VI设计正从千篇一律的科技风转向融合城市基因的差异化表达,通过融入创新精神、地标意象与数字产业特征,构建具有辨识度的品牌视觉体系。真正有效的设计源于对城市真实生命力的挖掘,让品牌故事可感可知,</p>
</a>
</div>
<div class="right">
<a href="/news/71909.html">
<h3 class="beOrange">全案VI</h3>
<p class="beOrange"> 全案VI是系统化、可落地的品牌视觉识别体系,涵盖从品牌定位到多场景应用的统一视觉规则,确保跨媒介输出风格一致,提升品牌信任度与辨识度。通过标准化流程与数字化管理,实现视觉执行的可持续性与高效协同。</p>
</a>
</div>
</div>
</div>
</div>
<div class="sidebar-container24-3">
<div class="sidebar">
<div class="qr" data-desc="咨询微信">
<img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_10sidebar_qr.jpg" class="response-img" alt="深圳产品UI设计"/>
</div>
<a class="tel" href="tel:18140119082" target="_blank">
<div><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_10sidebar_icon1.png" class="response-img" alt="深圳PPT定制设计"/><img
src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_10sidebar_icon4.png" class="response-img" alt="深圳海报定制设计"/><span>咨询热线</span>
</div>
<div>18140119082</div>
</a>
<div class="top" id="top">
<div class="icon"><img src="//lc-website.cdlchd.com/caifuhao.cdlchd.com//20static/image/24_10sidebar_icon3.png" class="response-img" alt="深圳微信红包封面设计"/>
</div>
<div>回到顶部</div>
</div>
</div>
</div>
<div class="sidebar-container24-3">
<div class="sidebar">
<div class="qr" data-desc="咨询微信">
<img src="//lc-website.cdlchd.com/img/code/code_qj.jpg" class="response-img" alt=""/>
</div>
<a class="tel" href="tel:18402890810" target="_blank">
<div><img src="//lc-website.cdlchd.com/Caifuhao.cdlchd.com//20static/image/24_10sidebar_icon1.png" class="response-img" alt=""/><img
src="//lc-website.cdlchd.com/Caifuhao.cdlchd.com//20static/image/24_10sidebar_icon4.png" class="response-img" alt=""/><span>咨询热线</span>
</div>
<div>18402890810</div>
</a>
<div class="top" id="top">
<div class="icon"><img src="//lc-website.cdlchd.com/Caifuhao.cdlchd.com//20static/image/24_10sidebar_icon3.png" class="response-img" alt=""/>
</div>
<div>回到顶部</div>
</div>
</div>
</div>
<!-- 页脚-3 start -->
<div class="new-footer-3">
<div class="footer-container24-3 footer-1">
<div class="contact wrap">
<div class="box">
<div class="left-box">
<div class="title">
以执行为主的设计团队 </div>
<div class="wrod">
深耕设计外包领域,我们的优势在于“全流程省心服务+专业审美把控”。从前期需求调研、创意提案,到中期设计执行、细节打磨,再到后期文件交付、使用指导,全程一对一专人对接。我们擅长扁平化、国潮、极简等多种风格,能精准匹配品牌定位。价格透明无隐形消费,支持先出草图再合作,让企业放心托付,用优质设计赋能业务增长。 </div>
<div class="btn-box">
<div class="btn scaleEl"><a href="tel:18402890810"
target="_blank">在线咨询</a></div>
<div class="btn"><a href="#" target="_blank">行业热点</a></div>
</div>
</div>
<div class="center-box">
<p>联系电话:<a href="tel:18402890810" style="display: inline;">18402890810</a></p>
<p>在线沟通:<a href="tel:18402890810"
style="display: inline;" target="_blank">18402890810</a></p>
<p>价格咨询:<a href="tel:18402890810"
style="display: inline;" target="_blank">18402890810</a></p>
<p>公司住址:成都市武侯区长益路13号1201</p>
<div>
<div>
<p>扫码了解报价:</p>
<img src="//lc-website.cdlchd.com/img/code/code_qj.jpg" alt="H5定制">
</div>
<div>
<p>微信扫码关注:</p>
<img src="//lc-website.cdlchd.com/img/code/xcxm_al.jpg" alt="H5制作">
</div>
</div>
</div>
<div class="right-box">
<div>
<h3>广告图片设计</h3>
<style>
.ul_wdy>li>a{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
<ul class="ul_wdy">
<li><a href="http://sj05.cdwjyx.cn" target="_blank">郑州手绘海报设计公司</a></li>
<li><a href="http://i9o1p.agi-cn.cn/25e5/index.html" target="_blank">南昌产品长图设计公司</a></li>
<li><a href="http://hbypqu.cdweiju.com/haibao2/index.html" target="_blank">成都海报制作公司</a></li>
<li><a href="http://v3c5x.agi-cn.cn/25e4/index.html" target="_blank">3D海报设计公司</a></li>
<li><a href="http://news7zwfl.c2c3.cn/yxsj/haibao/index.html" target="_blank">西宁海报定制设计</a></li>
<li><a href="http://h6j8k.tiganhudong.cn/25case/index.html" target="_blank">成都包装上新设计公司</a></li>
<li><a href="http://vi.z-mf.cn/24b/index.html" target="_blank">武汉包装定制设计公司</a></li>
<li><a href="http://news5yfkz.lc-ideas.cn/25case/index.html" target="_blank">呼和浩特书籍插画设计公司</a></li>
</ul>
</div>
<div>
<h3>H5游戏开发</h3>
<ul class="ul_wdy">
<li><a href="http://wangzhanceshi.cdlchd.com/21news/index.html" target="_blank">南昌H5制作公司</a></li>
<li><a href="http://tj.cdlchd.com/24c/index.html" target="_blank">H5制作</a></li>
<li><a href="http://q9w0r.tiganhudong.cn/25a/index.html" target="_blank">杭州微信H5制作</a></li>
<li><a href="http://wangzhanceshi.cdlchd.com/24b/index.html" target="_blank">创意H5活动定制</a></li>
<li><a href="http://news4akhy.cdweiju.com/list/index.html" target="_blank">贵阳圣诞节H5</a></li>
<li><a href="http://news4zfyj.cdhtml5.com/list/index.html" target="_blank">北海H5互动游戏开发</a></li>
<li><a href="http://1w3y5.agi-cn.cn/25a/index.html" target="_blank">成都H5互动游戏开发</a></li>
<li><a href="http://tj.cdlchd.com/24case/index.html" target="_blank">H5开发</a></li>
</ul>
</div>
<div>
<h3>生活服务公司</h3>
<ul class="ul_wdy">
<li><a href="http://dk08.pigfang.cn" target="_blank">四川低息贷款中介</a></li>
<li><a href="http://zx022.z-mf.cn" target="_blank">成都整包装修公司</a></li>
<li><a href="http://zx022.z-mf.cn" target="_blank">成都二手房装修公司</a></li>
<li><a href="http://fybi.cdweiju.cn" target="_blank">手机报修系统</a></li>
<li><a href="http://www.aibaixue.cn" target="_blank">后勤报修系统</a></li>
<li><a href="http://zhuangxiums.zhumafang.cn" target="_blank">成都装修公司哪家好</a></li>
<li><a href="http://zh2lm.cdxthd.com/Ops/sheb/index.html" target="_blank">微信报修系统</a></li>
<li><a href="http://zx04.pigfang.cn/gongyi/index.html" target="_blank">成都田园风装修</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer-container24-3 footer-1">
<div class="footer wrap">
<div class="box">
<div class="f_link">
<!-- <div class="link_title">友情链接:</div> -->
<div class="link_desc">
<span>友情链接:</span>
<div>
<a href="http://news2zqag.lc-learning.cn/yxsj/weixin/index.html" target="_blank">上海微信图文设计公司</a><a href="http://8w0y2.agi-cn.cn/25d2/index.html" target="_blank">广州专业IP设计公司</a><a href="http://7t9u1.agi-cn.cn/25e5/index.html" target="_blank">南昌原创海报设计公司</a><a href="http://sj07.cdwjyx.cn/25case/index.html" target="_blank">温州微信H5设计</a><a href="http://1w3y5.agi-cn.cn/25d2/index.html" target="_blank">重庆移动端UI设计公司</a><a href="http://kf05.cdwjyx.cn/26shop3/index.html" target="_blank">苏州电商系统开发公司</a><a href="http://ctrxfc.cdwjch.cn/changtu1/index.html" target="_blank">上海品牌长图设计公司</a><a href="http://www.h5ideas.cn/24e/index.html" target="_blank">答题H5游戏</a><a href="http://pptyats.pigfang.cn/list/index.html" target="_blank">西安PPT制作公司</a><a href="http://edukt.lc-marketing.cn/about/index.html" target="_blank">教育小程序源码</a><a href="http://hmkjsr.tiganhudong.cn/jskf/26jishu/index.html" target="_blank">温州智能门锁开发</a><a href="http://cq.cdlchd.com/24e/index.html" target="_blank">吉林H5游戏开发</a><a href="http://lypp.cdweiju.com/25case/index.html" target="_blank">郑州景区导览小程序开发</a><a href="http://kfiuoc.lc-marketing.cn/26app3/index.html" target="_blank">合肥旅游APP开发</a><a href="http://zh2lm.cdxthd.com/Local/cy/index.html" target="_blank">扫码点餐系统源码</a><a href="http://news1wvpi.dxsnews.cn/H5/index.html" target="_blank">西宁H5案例</a><a href="http://pptgnyk.lc-marketing.cn/PPT2/index.html" target="_blank">昆明商业PPT设计公司</a><a href="http://ipldgz.pigseoer.com/25case/index.html" target="_blank">南京企业IP设计公司</a><a href="http://hbzvgb.lch5.cn/haibao2/index.html" target="_blank">天津AI生成海报设计</a><a href="http://sjxelp.houxinwen.cn/yxsj/kejian/index.html" target="_blank">重庆活动课件设计公司</a><a href="http://news6tceu.cdflash.cn/UI/index.html" target="_blank">攀枝花APP设计公司</a><a href="http://zh4aa.cdweiju.cn/Social/wr/index.html" target="_blank">无人终端系统软件</a><a href="http://lcbh.dxsnews.cn/yxkf/26hm/index.html" target="_blank">南宁鸿蒙服务卡片开发</a><a href="http://kfsfow.cdweiju.com/25case/index.html" target="_blank">天津物联网开发公司</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-container24-3 footer-1 footer1-1 footer-1_">
<div class="footer wrap">
<div class="box">
<div class="f_link">
<!-- <div class="link_title">友情链接:</div> -->
<div class="link_desc">
<span>地区合集:</span>
<div>
<a href="http://www.lch5.cn/www.lch5.cn-ctdiqu2505.html" target="_blank">活动长图设计公司</a><a href="http://d0f2h.agi-cn.cn/d0f2h.agi-cn.cn-videodiqu2506.html" target="_blank">产品演示视频制作</a><a href="http://jsh5.cdlchd.com/jsh5.cdlchd.com-H5chongqing2506.html" target="_blank">重庆H5定制</a><a href="http://8w0y2.agi-cn.cn/8w0y2.agi-cn.cn-H5diqu2506.html" target="_blank">H5课件制作</a><a href="http://wangzhanceshi.cdlchd.com/wangzhanceshi.cdlchd.com-svgdiqu2505.html" target="_blank">SVG动画设计公司</a><a href="http://a0c2e.agi-cn.cn/a0c2e.agi-cn.cn-wzkunming2506.html" target="_blank">昆明企业网站开发</a><a href="http://sj05.cdwjyx.cn/sj05.cdwjyx.cn-wzdiqu2506.html" target="_blank">手机网站定制</a><a href="http://027.cdlchd.com/027.cdlchd.com-kjdiqu2506.html" target="_blank">课件设计公司</a><a href="http://tj.cdlchd.com/tj.cdlchd.com-uidiqu2502.html" target="_blank">网页设计公司</a><a href="http://dy.cdlchd.com/dy.cdlchd.com-ipdiqu2502.html" target="_blank">文创IP设计</a><a href="http://nanchangsj.z-mf.cn/nanchangsj.z-mf.cn-seodiqu2502.html" target="_blank">SEO优化外包</a><a href="http://i9o1p.agi-cn.cn/i9o1p.agi-cn.cn-gzhguiyang2506.html" target="_blank">贵阳专业公众号定制</a><a href="http://ppt.cdlchd.com/ppt.cdlchd.com-bqbwuhan2506.html" target="_blank">武汉微信表情包定制公司</a><a href="http://sj05.cdwjyx.cn/sj05.cdwjyx.cn-kjshenzhen2505.html" target="_blank">秦皇岛课件定制公司</a><a href="http://sj09.cdwjyx.cn/sj09.cdwjyx.cn-hcsuzhou2502.html" target="_blank">三亚广告牌设计公司</a><a href="http://sj05.cdwjyx.cn/sj05.cdwjyx.cn-scnanning2506.html" target="_blank">南宁商城定制公司</a><a href="http://sj05.cdwjyx.cn/sj05.cdwjyx.cn-hcchangsha2502.html" target="_blank">长沙展板设计公司</a><a href="http://sj05.cdwjyx.cn/sj05.cdwjyx.cn-H5beijing2505.html" target="_blank">福州H5案例</a><a href="http://kf03.cdwjyx.cn/kf03.cdwjyx.cn-tiganwuhan2506.html" target="_blank">海口体感游戏定制开发</a><a href="http://kf03.cdwjyx.cn/kf03.cdwjyx.cn-bzdiqu2502.html" target="_blank">包装定制设计公司</a><a href="http://sj05.cdwjyx.cn/sj05.cdwjyx.cn-H5qingdao2505.html" target="_blank">青岛微信H5定制</a><a href="http://7h9l1.agi-cn.cn/7h9l1.agi-cn.cn-uiqingdao2506.html" target="_blank">青岛高级ui设计公司</a><a href="http://027.cdlchd.com/027.cdlchd.com-bzdiqu2505.html" target="_blank">新品包装设计</a><a href="http://wechat.cdlchd.com/wechat.cdlchd.com-H5diqu2502.html" target="_blank">H5开发制作公司</a><a href="http://d0f2h.agi-cn.cn/d0f2h.agi-cn.cn-H5nanjing2506.html" target="_blank">南京H5制作公司</a><a href="http://sj09.cdwjyx.cn/sj09.cdwjyx.cn-wxdiqu2502.html" target="_blank">公众号推文设计公司</a><a href="http://kf07.cdwjyx.cn/kf07.cdwjyx.cn-H5qingdao2506.html" target="_blank">青岛H5案例</a><a href="http://5m7o9.agi-cn.cn/5m7o9.agi-cn.cn-wzguiyang2506.html" target="_blank">海口企业网站建设</a><a href="http://sj09.cdwjyx.cn/sj09.cdwjyx.cn-seoguiyang2505.html" target="_blank">贵阳网站运营推广</a><a href="http://5e7g9.agi-cn.cn/5e7g9.agi-cn.cn-H5diqu2506.html" target="_blank">H5玩法制作</a><a href="http://caifuhao.cdlchd.com/caifuhao.cdlchd.com-videoxian2502.html" target="_blank">西安快闪视频剪辑</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-container24-3 footer-4">
<div class="box">
<p>版权所有2014-2024 成都蓝橙互动科技有限公司</p>
<div>
<p>我们是一家专业设计外包公司,提供UI/UX、品牌视觉等全方位设计服务,以专业团队助力您的产品与品牌脱颖而出。</p>
</div>
<p>制作单位:<a class="bhh" href="">蓝橙互动</a></p>
</div>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?b3b9f0c8853239ce4f986c44de4a5d7d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script> <!-- 页脚-3 end -->
<!-- global script -->
<script>
$(function () {
// Intersection Observer 检测数字出现在屏幕就播放动画
var observer = new IntersectionObserver(function (entries, observer) {
// entries 是一个包含目标元素与视窗交集信息的数组
entries.forEach(function (entry) {
if (entry.isIntersecting) {
var firstPContent = $(entry.target).find(".year-count").text();
playEffect({
time: 4000,
initNum: 0,
num: firstPContent,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".year-count").text(res);
});
var number = $(entry.target).find(".count-serve").text();
playEffect({
time: 4000,
initNum: 0,
num: number,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".count-serve").text(res);
});
var four = $(entry.target).find(".member-count").text();
playEffect({
time: 4000,
initNum: 0,
num: four,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".member-count").html(res);
});
var five = $(entry.target).find(".satisfact-count").text();
playEffect({
time: 4000,
initNum: 0,
num: five,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".satisfact-count").html(res);
});
// 可选:停止观察已经可见的元素
observer.unobserve(entry.target);
setTimeout(function () {
observer.observe(entry.target);
}, 60000);
}
});
});
// 开始观察目标元素
observer.observe(document.querySelector(".header-container24-8-2-3"));
observer.observe(document.querySelector(".about-24-11-1-1 .content1"));
function playEffect(options, num) {
options = options || {};
if (options.initNum.toString() === options.num.toString()) return;
var time = options.time; // 总时间--毫秒为单位
var finalNum = parseFloat(options.num); // 要显示的真实数值
var regulator = options.regulator || 100; // 调速器,改变regulator的数值可以调节数字改变的速度
var step = (finalNum - parseFloat(options.initNum)) / (time / regulator);
var count = parseFloat(options.initNum); // 计数器
var initial = parseFloat(options.initNum);
var decimals = options.decimals;
var timer = setInterval(function () {
count = count + step;
if ((step > 0 && count >= finalNum) || (step < 0 && count <= finalNum)) {
clearInterval(timer);
count = finalNum;
}
var t;
if (decimals) {
t = count.toFixed(2);
} else {
t = Math.floor(count);
}
if (t === initial) return;
initial = t;
num(initial);
}, 30);
}
});
</script>
<script>
function playEffect(options, num) {
options = options || {};
if (options.initNum.toString() === options.num.toString()) return;
var time = options.time; // 总时间--毫秒为单位
var finalNum = parseFloat(options.num); // 要显示的真实数值
var regulator = options.regulator || 100; // 调速器,改变regulator的数值可以调节数字改变的速度
var step = (finalNum - parseFloat(options.initNum)) / (time / regulator);
var count = parseFloat(options.initNum); // 计数器
var initial = parseFloat(options.initNum);
var decimals = options.decimals;
var timer = setInterval(function () {
count = count + step;
if ((step > 0 && count >= finalNum) || (step < 0 && count <= finalNum)) {
clearInterval(timer);
count = finalNum;
}
var t;
if (decimals) {
t = count.toFixed(2);
} else {
t = Math.floor(count);
}
if (t === initial) return;
initial = t;
num(initial);
}, 30);
}
$(function () {
// Intersection Observer 检测数字出现在屏幕就播放动画
var observer = new IntersectionObserver(function (entries, observer) {
// entries 是一个包含目标元素与视窗交集信息的数组
entries.forEach(function (entry) {
if (entry.isIntersecting) {
let firstPContent = $(entry.target).find(".year-count").text();
this.playEffect({
time: 4000,
initNum: 0,
num: firstPContent,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".year-count").text(res);
});
let number = $(entry.target).find(".count-serve").text();
playEffect({
time: 4000,
initNum: 0,
num: number,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".count-serve").text(res);
});
let four = $(entry.target).find(".member-count").text();
playEffect({
time: 4000,
initNum: 0,
num: four,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".member-count").html(res);
});
let five = $(entry.target).find(".satisfact-count").text();
playEffect({
time: 4000,
initNum: 0,
num: five,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".satisfact-count").html(res);
});
// 可选:停止观察已经可见的元素
observer.unobserve(entry.target);
setTimeout(function () {
observer.observe(entry.target);
}, 60000);
}
});
});
// 开始观察目标元素
observer.observe(document.querySelector(".header-container24-8-2-3"));
observer.observe(document.querySelector(".about-24-11-1 .content1"));
});
</script>
<script>
$(function () {
// paginationType: 'fraction'
let bannerSwiper = new Swiper(".banner-IndexSwiper24-8", {
loop: true,
autoplay: {
delay: 3000 // 自动播放间隔时间,单位为毫秒
},
// autoplay:false,
navigation: {
nextEl: ".swiper-button-prev",
prevEl: ".swiper-button-next"
},
pagination: {
el: ".swiper-pagination",
clickable: true,
}
});
let bannerSwiper3 = new Swiper(".banner-IndexSwiper24-8_2", {
loop: true,
autoplay: {
delay: 3000 // 自动播放间隔时间,单位为毫秒
},
// autoplay: false,
navigation: {
nextEl: ".swiper-button-prev",
prevEl: ".swiper-button-next"
},
pagination: {
el: ".swiper-pagination",
clickable: true,
}
});
let bannerSwiper2 = new Swiper(".banner-IndexSwiper24-8_1", {
loop: true,
autoplay: {
delay: 3000 // 自动播放间隔时间,单位为毫秒
},
navigation: {
nextEl: ".swiper-button-prev",
prevEl: ".swiper-button-next"
},
pagination: {
el: ".swiper-pagination",
type: "fraction",
clickable: true,
}
});
});
</script>
<script>
function playEffect(options, num) {
options = options || {};
if (options.initNum.toString() === options.num.toString()) return;
var time = options.time; // 总时间--毫秒为单位
var finalNum = parseFloat(options.num); // 要显示的真实数值
var regulator = options.regulator || 100; // 调速器,改变regulator的数值可以调节数字改变的速度
var step = (finalNum - parseFloat(options.initNum)) / (time / regulator);
var count = parseFloat(options.initNum); // 计数器
var initial = parseFloat(options.initNum);
var decimals = options.decimals;
var timer = setInterval(function () {
count = count + step;
if ((step > 0 && count >= finalNum) || (step < 0 && count <= finalNum)) {
clearInterval(timer);
count = finalNum;
}
var t;
if (decimals) {
t = count.toFixed(2);
} else {
t = Math.floor(count);
}
if (t === initial) return;
initial = t;
num(initial);
}, 30);
}
$(function () {
// Intersection Observer 检测数字出现在屏幕就播放动画
var observer = new IntersectionObserver(function (entries, observer) {
// entries 是一个包含目标元素与视窗交集信息的数组
entries.forEach(function (entry) {
if (entry.isIntersecting) {
console.log(111);
let firstPContent = $(entry.target).find(".year-count").text();
console.log(firstPContent, "firstPContent");
this.playEffect({
time: 4000,
initNum: 0,
num: firstPContent,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".year-count").text(res);
});
let number = $(entry.target).find(".count-serve").text();
playEffect({
time: 4000,
initNum: 0,
num: number,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".count-serve").text(res);
});
let four = $(entry.target).find(".member-count").text();
playEffect({
time: 4000,
initNum: 0,
num: four,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".member-count").html(res);
});
let five = $(entry.target).find(".satisfact-count").text();
playEffect({
time: 4000,
initNum: 0,
num: five,
regulator: 80,
decimals: false
},
(res) => {
$(entry.target).find(".satisfact-count").html(res);
});
// 可选:停止观察已经可见的元素
observer.unobserve(entry.target);
setTimeout(function () {
observer.observe(entry.target);
}, 60000);
}
});
});
// 开始观察目标元素
observer.observe(document.querySelector(".header-container24-8-2-3"));
observer.observe(document.querySelector(".index-content-24-10-15 .content1"));
observer.observe(document.querySelector(".index-content-24-10-15-1 .content3"));
observer.observe(document.querySelector(".index-content-24-10-31 .content1"));
observer.observe(document.querySelector(".index-content-24-10-32 .content1"));
});
</script>
<script>
$(document).ready(function () {
// 遍历所有的 .subNav
$('.nav3 .subNav').each(function () {
// 获取当前 .subNav 下的所有子元素
// var itemCount = $(this).find('div > div>div>div').length;
var itemCount = $(this).find('div >div').length;
console.log(itemCount, "itemCount")
// 根据元素数量决定每行显示多少个元素
var itemsPerRow = 0;
if (itemCount <= 5) {
itemsPerRow = itemCount; // 小于等于 5,所有元素一行显示
} else if (itemCount === 6) {
itemsPerRow = 3; // 6 个元素,3 个一行
} else if (itemCount === 7) {
itemsPerRow = 4; // 7 个元素,4 个一行
} else if (itemCount === 8) {
itemsPerRow = 4; // 8 个元素,4 个一行
} else if (itemCount === 9) {
itemsPerRow = 5; // 9 个元素,5 个一行
} else if (itemCount === 10) {
itemsPerRow = 5; // 10 个元素,5 个一行
}
// 给每个div设置宽度
var width = (100 / itemsPerRow) - 3 + '%';
$(this).find('div >div').css('width', width);
// 确保每行元素的总宽度不超过100%
if (itemsPerRow === 3 || itemsPerRow === 4 || itemsPerRow === 5) {
$(this).find('div').css('display', 'flex');
$(this).find('div').css('flex-wrap', 'wrap');
}
});
// 遍历所有的 .subNav
$('.nav5 .subNav').each(function () {
// 获取当前 .subNav 下的所有子元素
var itemCount = $(this).find('div >div>div>div').length;
console.log(itemCount, "xxitemCount")
// 根据元素数量决定每行显示多少个元素
var itemsPerRow = 0;
if (itemCount <= 5) {
itemsPerRow = itemCount; // 小于等于 5,所有元素一行显示
} else if (itemCount === 6) {
itemsPerRow = 3; // 6 个元素,3 个一行
} else if (itemCount === 7) {
itemsPerRow = 4; // 7 个元素,4 个一行
} else if (itemCount === 8) {
itemsPerRow = 4; // 8 个元素,4 个一行
} else if (itemCount === 9) {
itemsPerRow = 5; // 9 个元素,5 个一行
} else if (itemCount === 10) {
itemsPerRow = 5; // 10 个元素,5 个一行
}
// 给每个div设置宽度
var width = (100 / itemsPerRow) - 3 + '%';
$(this).find('div >div>div>div').css('width', width);
// 确保每行元素的总宽度不超过100%
if (itemsPerRow === 3 || itemsPerRow === 4 || itemsPerRow === 5) {
$(this).find('div').css('display', 'flex');
$(this).find('div').css('flex-wrap', 'wrap');
}
});
});
</script>
</div>
<script>
new Swiper('.center-case2 .swiper', {
loop: true,
slidesPerView: 5,
pagination: {
el: '.swiper-pagination',
clickable: true,
}
})
new Swiper('.center-case2-1 .swiper', {
loop: true,
slidesPerView: 3,
pagination: {
el: '.swiper-pagination',
clickable: true,
}
})
new Swiper('.center-case1 .swiper', {
loop: true,
slidesPerView: 4,
pagination: {
el: '.swiper-pagination',
clickable: true,
}
})
new Swiper('.center-case1-1 .swiper', {
loop: true,
slidesPerView: 2,
pagination: {
el: '.swiper-pagination',
clickable: true,
}
})
</script>
<script>
new Swiper('.top-case .swiper', {
loop: true,
autoplay: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
}
})
</script></body>
</html>
最近查询
9131011508619129xc.lanwatcher.cnchaxue.netuz864.cnwww.maomingjiayuan.comgaoav8.ba49.comwww.tzkhbj.comyousanahb.comlhjms.comhuar.mehxstamp.comqm6x.gjatbwg.cndg.xinfang.zhuge.comthehotelart.comcafexpo.netwww.scwszs.comkingtochina.net40yean.lngchuguan.comwww.dermatosis.ruhoongxin.com.cnmxzdm.cntiamgo.comtjcz.netwuhan.leyunseo.comdthymm.comhangshutangshisanbaishou.wzcfy.comwww.zskj01.comwww.dtpharm.comwww.ylksw.comtgifridaysbj.xiangmu.comwww.pinetreedaynursery.comtjcdsy.net15hzy.taobao.comsinowindviajes.comjlfsz.comsobo170.comwww.hngytobacco.comsydrhj.comtangyouxuan.comsmtp.vager.cnwww.hon-e.comm2r.zoaco.comwww.yunlai.cnymuzys.comfkeew.comhuangfeihongzhisiwangzhezhifeng.tjuhe.comchen.jiuweige.comkexuanjidian.cnanbaoxunjian.henanyimu.comhoidi.cnrealdecoration.cnkelliehillnutrition.comhuaiansifang.comapbeifang.commip432.xvkfu.cnseefiberlaser.netcirugiadepene.comwww.lanpusen.comzls6.comduoyunqx.comacorncottagenorfolk.com