网站图像优化(网站图像优化软件)

内容来源：他家真能上更新时间：2023-06-07 09:55:48

你是不是想了解网站图像优化的相关内容，下方文本框内是根据关键词网站图像优化生成的详细文字解说内容。在文本框下方还有跟网站图像优化相关的素材（来自互联网，禁止商用）、相关话题（来自访客喜好数据）、相关热点（来自24小时内全网热点智能聚合），希望这些内容都可以帮到你。

企业网站的视觉设计怎么做？4个要点作深入解读！(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':newDate().getTime(),event:'gtm.js'});varf=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WPNBJKV');var_hmt=_hmt||[];(function(){varhm=document.createElement("script");hm.src="https://hm.baidu.com/hm.js?6845ebc92989e78d4f86d5f0131eb255";vars=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s);})();(function(){varbp=document.createElement('script');varcurProtocol=window.location.protocol.split(':')[0];if(curProtocol==='https'){bp.src='https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src='http://push.zhanzhang.baidu.com/push.js';}vars=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp,s);})();(function(b,a,e,h,f,c,g,s){b[h]=b[h]||function(){(b[h].c=b[h].c||[]).push(arguments)};b[h].s=!!c;g=a.getElementsByTagName(e)[0];s=a.createElement(e);s.src="//s.union.360.cn/"+f+".js";s.defer=!0;s.async=!0;g.parentNode.insertBefore(s,g)})(window,document,"script","_qha",457203,false);varsensors=window["sensors"];functiongetCookie(name){vararr=document.cookie.match(newRegExp("(^|)"+name+"=([^;]*)(;|$)"));if(arr!=null){returnunescape(arr[2]);}returnnull;}document.addEventListener("DOMContentLoaded",function(event){varuserInfo=JSON.parse(getCookie('BOSYUNCurrent'));if(userInfo!=null){casClient.sensorsRegisterUserInfo(userInfo)document.querySelector('#wsc-header').classList.add('header-logined')}varsensors=window['sensorsDataAnalytic201505'];sensors.init({server_url:'https://analytics.wondershare.cc:8106/sa?project=UA_Pixso_web',cross_subdomain:false,heatmap:{scroll_notice_map:'not_collect'}});sensors.quick('autoTrack');}).h1,.h2,.h3,.h4,.h5,.h6,.popover,.tooltip,body,h1,h2,h3,h4,h5,h6,span{font-family:"NotoSansSC",-apple-system,blinkmacsystemfont,"SegoeUI",roboto,"HelveticaNeue",arial,"NotoSans",sans-serif,"AppleColorEmoji","SegoeUIEmoji","SegoeUISymbol","NotoColorEmoji"!important}bodyimg{image-rendering:-webkit-optimize-contrast}html{font-size:16px}.qidian_wpa_img{bottom:56px!important;}.font-weight-thin{font-weight:100!important}.font-weight-extra-light{font-weight:200!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-semi-bold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.font-weight-extra-bold{font-weight:800!important}.font-weight-black{font-weight:900!important}ulli{list-style:none}a:hover{text-decoration:none}.fixed-top{background:#fff}header{color:#121212}headera{color:inherit!important;transition:none}header.nav-item:hover.nav-link{color:rgba(0,0,0,.5)!important}header.nav-item:hover.nav-linkpath{stroke:rgba(0,0,0,.5)!important}body[data-home].bg-transparent.header-logo-black,.header-logo-white,.white-logo~#wsc-header.bg-transparent.header-logo-black{display:none;}body[data-home].bg-transparent.header-logo-white,.white-logo~#wsc-header.bg-transparent.header-logo-white{display:block}.bg-transparent.nav-item:hover.nav-link{color:rgba(255,255,255,.7)!important}.header-border{border-bottom:1pxsolidrgb(238,238,238);}.bg-transparent.nav-item:hover.nav-linkpath{stroke:rgba(255,255,255,.7)!important}.header-logo{width:98px;height:32px;margin-right:6px}.px-30{padding-left:28px!important;padding-right:28px!important}.py-12{padding-top:12px;padding-bottom:12px}.py-20{padding-top:20px!important;padding-bottom:20px!important}.navbar{height:auto}#wsc-header.nav-item.nav-link:active,#wsc-header.nav-item:active#wsc-header.nav-item.nav-link:hover,#wsc-header.nav-item:hover{text-decoration:none}#wsc-header.navbar-collapse{height:100%!important}#wsc-header.product-style:hover{background-color:#f2f2f2;border-radius:5px}#wsc-header.product-style{padding:012px}.header-dropdown-item{transform-style:preserve-3d}#navbarMainContent.dropdown-nav-item.collapse{opacity:0;visibility:hidden;display:block;clip-path:inset(010em10em15em);margin-left:-4em;will-change:margin,visibility,opacity;-webkit-font-smoothing:antialiased;}#navbarMainContent.dropdown-nav-item:hover.collapse{opacity:1;visibility:visible;margin-left:0;clip-path:inset(0000);pointer-events:all;transition:all.25sease-out,opacity.25sease-in,margin-left.25sease-out,clip-path50msease-out}#navbarMainContent.dropdown-nav-item.aria-expanded-true-show{display:none}#navbarMainContent.dropdown-nav-item:hover.aria-expanded-false-show{display:none}#navbarMainContent.dropdown-nav-item:hover.aria-expanded-true-show{display:inline-block}.toWorkbench-container{padding-left:24px;margin-right:24px}.beforeLogin{padding-left:38px;}.header-logined.beforeLogin{display:none}.header-logined.afterLogin{display:block!important;}.toWorkbench{display:flex;background:linear-gradient(-90deg,#a65ef70,#4c53ff100%),#fff;border-radius:49px;padding:025px;height:36px;align-items:center;transition:all.3s}.toWorkbench:hover{box-shadow:05px12pxrgb(3978188/29%)}.bg-transparent.toWorkbench{background:#fff}.header-gradient--text{font-size:14px;font-weight:400;color:#fff}.bg-transparent.header-gradient--text{color:#6e52ef;background-image:-webkit-linear-gradient(180deg,#a65ef70,#4c53ff100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200%100%}.Tdesign-banner{width:100%;padding:12px4px;background:linear-gradient(90deg,rgba(97,57,246,255)0.126%,rgba(82,74,241,255)44.067%,rgba(42,122,242,255)97.163%);display:flex;flex-direction:row;justify-content:center;align-items:center}.Tdesign-banner--btn__active,.Tdesign-banner--btn__default{padding:2px11px;border-radius:20px;font-size:12px;line-height:18px;cursor:pointer;text-align:center}.Tdesign-banner--btn__active{border:1pxsolid#fff;background:#fff;color:#565dff;margin-left:40px;margin-right:20px}.Tdesign-banner--btn__default{border:1pxsolid#fff;color:#fff}.Tdesign-banner--btn-close{position:absolute;right:16px;top:12px;cursor:pointer}.close-tdesign-banner{width:21px;height:21px;background:rgba(255,255,255,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;}.close-tdesign-banner:hover{background:rgba(255,255,255,0.25);}.fixed-top{stroke:#000}.bg-transparent{background-color:transparent;color:#fff}.bg-transparentsvg{stroke:#fff}.dropdown--arrow{margin-left:4px;transition:transform.2s;will-change:transform;transform-origin:centercenter}#wsc-header.nav-link[aria-expanded=true].dropdown--arrow,.dropdown-nav-item:hover.dropdown--arrow{transform:rotate(-180deg)}.product-box{border-radius:16px;display:flex;width:830px;justify-content:space-between;padding:16px}.product-box--item{border-radius:10px;padding:12px;flex:00244px}.product-box--item:hover{background:rgba(0,0,0,.03)}.nav-item.collapse-box.collapse-box{top:60px;left:50%;transform:translateX(-50%);cursor:default;border-radius:16px;overflow:hidden}.community-box{padding:16px;display:flex;width:574px;}.community-box--works{padding:12px0}.header-item{border-radius:10px;display:flex;align-items:center;padding:14px;cursor:pointer;width:266px}.header-resource.header-item:not(:last-child){margin-bottom:4px}.header-item:hover{background:rgba(0,0,0,.03)}.header-title{font-size:16px;font-weight:500;margin-bottom:0;color:#121212}.header-description{margin-left:12px;flex:1}.community-box--activity{border:1pxsolidrgba(0,0,0,.05);border-radius:8px;width:220px;display:block}.community-box--activity-img-box{overflow:hidden;border-radius:8px8px00;padding-bottom:56.3%;height:132px;transform:rotate(0deg)}.community-box--activity-description{padding:15px12px;display:flex;align-items:center}.community-box--activity-img-box:hover.community-box--activity-img{transform:scale(1.05)}.community-box--works{width:220px}.community-box--work-img{width:220px;height:130px;cursor:pointer;transition:transform1scubic-bezier(0,0,0,1)}.community-box--work-link{overflow:hidden;display:inline-block}.community-box--work-link:hover.community-box--work-img{transform:scale(1.05);transition:transform1scubic-bezier(0,0,0,1)}.community-box--work-list{width:calc(220px*3)}.community-box--worksinput[type=radio]{display:none}.community-box--work-control{right:9px;bottom:15px}.community-box--work-control--item{width:4px;height:4px;background:rgba(255,255,255,.6);border-radius:50%;margin:01px;transition:all.3s}.community-box--work-list{transition:margin.8s}#work-control1:checked~.community-box--work-list{margin-left:0}#work-control-left1:checked~.community-box--work-list,#work-control2:checked~.community-box--work-list{margin-left:-100%}#work-control-left2:checked~.community-box--work-list,#work-control3:checked~.community-box--work-list{margin-left:-200%}#work-control-left3:checked~.community-box--work-list{margin-left:0;transition:margin.8s0s}#work-control-left1:checked~.community-box--work-controllabel[for=work-control1],#work-control-left2:checked~.community-box--work-controllabel[for=work-control2],#work-control1:checked~.community-box--work-controllabel[for=work-control1],#work-control2:checked~.community-box--work-controllabel[for=work-control2],#work-control3:checked~.community-box--work-controllabel[for=work-control3]{width:12px;height:4px;background-color:#fff;border-radius:31px}.business-box{padding:16px;width:298px}.support-box{padding:16px;width:434px;display:flex;align-items:center}.support-item{padding:12px;width:220px}@media(min-width:981px){.header-arrow{display:none}.navbar-expand-1024{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:rownowrap;flex-flow:rownowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-1024.navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-1024>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl,.navbar-expand-md>.container-xxl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-1024.navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.icon-box{display:none}.navbar-nav{align-items:center}.header-dropdown-item{display:block}.header-dropdown-item-mobile{display:none}}@media(max-width:1120px){.avatar-container{display:none!important}}@media(max-width:1280px){.ws-member{display:none;}.icon-box{padding-right:20px}#wsc-header.navbar-collapse{height:auto!important}}@media(max-width:980px){.header-search--icon{display:none!important;}.header-container{padding-left:0;padding-right:0}.search{padding:12px0}.header-arrow{display:block;margin-left:4px}.toWorkbench{height:42px}.header-link--mobile{padding:14px0;display:flex;align-items:center}.px-30.px-30{padding-left:0!important;padding-right:0!important}.py-20{padding-top:15px!important;padding-bottom:15px!important}.header-dropdown-item-mobile.nav-link:after{display:inline-block;content:"";position:absolute;left:-20px;top:0;bottom:0;width:calc(100vw);z-index:-1}.header-dropdown-item-mobile.nav-link[aria-expanded=true]::after{background:rgba(0,0,0,.03)}.navbar-brand{padding:16px016px20px}.icon-box{display:block}.navbar-nav{align-items:start;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh-128px);padding:020px}.header-dropdown-item-mobile{display:block;width:100%}.header-dropdown-item{display:none}.toWorkbench-container{padding-left:0;margin:0014px0}}@media(max-width:520px){.Tdesign-banner{padding:11px10px;justify-content:space-between;}.Tdesign-banner--btn__active{margin-left:4px;margin-right:4px}.Tdesign-banner--btn-close{position:absolute;right:2px;cursor:pointer;top:50%;transform:translateY(-50%);}}.header-container{max-width:1550px}.font-size-large{font-size:18px}headerinput[name=dir]{display:none}.header-swiper--container{width:100%;height:100%;overflow:hidden}.header-swiper--container.header-swiper-list{position:relative;width:500%;height:100%;transition:margin.8s}.header-swiper--link{float:left;width:calc(100%/5);height:100%;color:#fff;display:block}.header-swiper--link:hover.header-swiper--link-img{transform:scale(1.05);transition:transform1scubic-bezier(0,0,0,1)}.header-swiper--link-img{width:100%;transition:transform1scubic-bezier(0,0,0,1)}.header-swiper--container.header-swiper-list__after,.header-swiper--container.header-swiper-list__before{position:absolute;top:0;width:200%;height:100%;opacity:0;z-index:-1}.header-swiper--container.header-swiper-list__after.header-swiper--link{width:50%;height:100%;float:left}.header-swiper--container.header-swiper-list__after{left:0}.header-swiper--container.header-swiper-list__before{right:0}.header-swiper--control-list{position:absolute;right:9px;bottom:6px;padding-left:0;display:flex}.header-swiper--control-btn{display:block;cursor:pointer;width:4px;height:4px;background:rgba(255,255,255,.6);border-radius:50%;margin:03px;transition:all.3s}.header-control-js{display:none}.left_box{left:0}.header-control-jslabel{display:flex;align-items:center;justify-content:center;font-size:50px;width:100%;height:100%;color:#fff;cursor:pointer}.header-control-jslabel{display:none}input[type=radio]:checked~.header-control-jslabel{display:none}#header-swiper--control1:checked~.header-swiper--container.header-swiper-list{margin-left:0}#header-swiper--control1:checked~.header-control-js.btn_header-swiper--control-btn1{display:flex}#header-swiper--control2:checked~.header-swiper--container.header-swiper-list{margin-left:-100%}#header-swiper--control2:checked~.header-control-js.btn_header-swiper--control-btn2{display:flex}#header-swiper--control3:checked~.header-swiper--container.header-swiper-list{margin-left:-200%}#header-swiper--control1:checked~.header-swiper--control-list.header-swiper--control-btn1,#header-swiper--control2:checked~.header-swiper--control-list.header-swiper--control-btn2,#header-swiper--control3:checked~.header-swiper--control-list.header-swiper--control-btn3,#header-swiper--control4:checked~.header-swiper--control-list.header-swiper--control-btn4,#header-swiper--right1:checked~.header-swiper--control-list.header-swiper--control-btn2,#header-swiper--right2:checked~.header-swiper--control-list.header-swiper--control-btn3,#header-swiper--right3:checked~.header-swiper--control-list.header-swiper--control-btn4,#header-swiper--right4:checked~.header-swiper--control-list.header-swiper--control-btn1{background:#fff;width:12px;height:4px;background-color:#fff;border-radius:31px}#header-swiper--control3:checked~.header-control-js.btn_header-swiper--control-btn3{display:flex}#header-swiper--control4:checked~.header-swiper--container.header-swiper-list{margin-left:-300%}#header-swiper--control4:checked~.header-control-js.btn_header-swiper--control-btn4{display:flex}#header-swiper--right1:checked~.header-swiper--container.header-swiper-list{margin-left:-100%}#header-swiper--right1:checked~.header-control-js.btn_header-swiper--control-btn2{display:flex}#header-swiper--right2:checked~.header-swiper--container.header-swiper-list{margin-left:-200%}#header-swiper--right2:checked~.header-control-js.btn_header-swiper--control-btn3{display:flex}#header-swiper--right3:checked~.header-swiper--container.header-swiper-list{margin-left:-300%}#header-swiper--right3:checked~.header-control-js.btn_header-swiper--control-btn4{display:flex}#header-swiper--right4:checked~.header-swiper--container.header-swiper-list{margin-left:-500%;transition:margin.8s0s}#header-swiper--right4:checked~.header-swiper--container.header-swiper-list__after{transition:left.8s;opacity:1;left:-100%;z-index:0}#header-swiper--right4:checked~.header-swiper--container.header-swiper-list{margin-left:0;transition:margin.8s0s}#header-swiper--right4:checked~.header-control-js.btn_header-swiper--control-btn1{display:flex}.header-cover-container{position:absolute;z-index:-1;min-width:100%;top:60px;width:100%}.header-cover{pointer-events:none;color:rgba(0,0,0,.5);font-weight:400;padding:1em;position:absolute;transition:opacity2sease-out;transform:rotateX(-25deg)scale(1);transform-origin:50%7em0;opacity:0;box-shadow:018px80pxrgb(000/7%);border:1pxsolidrgba(0,0,0,.05);box-sizing:border-box;top:-16px;border-radius:16px;background:#fff;display:block}.header-product:hover~.header-cover-container.header-cover{left:-32.6%;height:248px;width:828px}.header-resource:hover~.header-cover-container.header-cover{left:-10.6%;height:328px;width:577px}.header-business:hover~.header-cover-container.header-cover{left:30.5%;height:105px;width:298px}.header-support:hover~.header-cover-container.header-cover{left:34.9%;height:364px;width:434px}.header-dropdown-item:hover~.header-cover-container.header-cover{animation:clipPath.25sease-out1forwards;transition:left.15sease-out,height.15sease-out,width.1sease-out,top.1sease-in;opacity:1;right:auto}@keyframesclipPath{0%{opacity:0}100%{transform:rotateX(0)scale(1);top:0;opacity:1}}@media(max-width:1250px){.toWorkbench-container{padding-left:12px;}.ws-member{display:none;}.header-product:hover~.header-cover-container.header-cover{left:calc(-36.8%-50px);}.header-support:hover~.header-cover-container.header-cover{left:calc(34.2%+96px)}.header-resource:hover~.header-cover-container.header-cover{left:calc(-10.8%-21px)}}.footer-container{border-bottom:solid1pxrgba(255,255,255,.2)!important}.wsc-footer-left{padding:5rem01.875rem;border-right:solid1pxrgba(255,255,255,.1)}.wsc-footer-content{padding:5rem02rem}.wsc-footer-product{padding-right:6rem;padding-left:7.5rem}.icon-weibo-box,.icon-weixin-box{display:none}.wx-code{top:-52px;left:-93px;z-index:1;width:132px;background-color:#fff;transform:scale(.7);transform-origin:leftbottom}.wb-code{top:-81px;left:27px;z-index:1;width:132px;background-color:#fff;transform:scale(.7);transform-origin:leftbottom}.wx-container{overflow:visible}.help--float-container:hover{cursor:default}.help--float-container.help--float-qrcode{position:absolute;left:70px;visibility:hidden;bottom:-81px}.help--float-container:hover.help--float-qrcode{visibility:visible}.help--float-container.help--float-qrcode--content{width:120px;height:146px;padding:16px;margin-right:10px;border-radius:6px;background-color:#fff;box-shadow:1px2px12pxrgb(000/15%);display:flex;flex-direction:column;align-items:center;font-size:13px;color:#000}@media(max-width:1279px){.wsc-footer-product{padding:06rem}.wsc-icon.wsc-logo{height:4rem}}@media(max-width:991px){#wsc-footer.container,#wsc-footer.container-md,#wsc-footer.container-sm{max-width:100%;padding:02rem}.wsc-footer-content{padding:1rem0}.wsc-footer-product{padding:0}.wsc-footer-left{padding:2rem1rem0;border-right:none}.footer-container{max-width:100%}.wx-container{overflow:hidden}.wsc-footer-segment:hover{overflow:visible}.wx-code{bottom:-76px;left:0;max-width:100px;margin:auto}.wb-code{bottom:-66px;left:32px;max-width:100px;margin:auto}.help--float-container.help--float-qrcode{bottom:-29px}.help--float-container.help--float-qrcode--content{width:113px;height:127px;padding:7px;margin-right:10px}}@media(max-width:576px){.header-apply{margin-left:10px!important;max-width:40px;}.Tdesign-banner-desc{flex:0080%}.help--float-container.help--float-qrcode{left:0;right:296px;bottom:-18px}}@media(max-height:603px){.qidian_wpa_img,iframe[src*="webpage.qidian.qq.com"]{display:none!important}}.ws-nps-form-type2{z-index:1999999999!important;}.footer-container.footer-container{border-bottom:solid1pxrgba(255,255,255,0.1)!important;}.prototype-meta{position:relative;}.prototype-meta::after{content:"beta";position:absolute;display:inline-block;background:rgb(238,239,255);border-radius:100px;width:45px;height:21px;line-height:21px;text-align:center;color:#555CFD;left:20px;top:-11px;;font-size:12px;}@media(max-width:400px){.Tdesign-banner-desc{max-width:253px;}}functiongetHeaderHeight(){returndocument.getElementsByClassName("navbar")[0].offsetHeight;}.banner.pt-3.d-flex{padding-top:0!important;}.banner{background:#f5faffurl(https://cms.pixso.cn/images/revision-blog/banner.png)centerbottom/coverno-repeat;box-sizing:content-box;padding-bottom:48px}.bannerh1{font-size:48px;font-weight:600;line-height:56px;color:#13161b;margin:0auto16px;padding-top:186px;max-width:960px;word-break:break-all}.tow-lines{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.bannerh5,.banner.pt-2.text-white{font-size:24px;font-weight:500;line-height:36px;color:rgba(0,0,0,0.64)!important;margin-bottom:0;max-width:100%!important;padding-top:0!important;}.px-container{width:100%;max-width:1195px;text-align:center;margin:0auto}.px-btn,.bannera.btn{border:none;text-transform:capitalize;padding:0;background:#565dff;box-shadow:04px12pxrgba(158,0,255,0.08),0px1px4pxrgba(158,0,255,0.04);border-radius:108px;padding-left:4px;margin-top:48px;text-align:center;display:inline-block;width:425px;height:64px;line-height:60px;font-size:24px;font-weight:500;color:#fff}.px-btn:hover,.bannera.btn:hover{background:#7d86ff;color:#ffff}.article{margin-top:72px;overflow:hidden}.content{max-width:783px;margin:0auto}#list-howto{background:#f6f7fa;border-radius:16px;padding:16px;border:none!important}#list-howto.border-bottom{border:none!important;padding:00016px!important;height:44px}#list-howto.list-group-item{background-color:#f6f7fa;border-radius:8px;padding:00016px;border:0;height:38px;position:relative;line-height:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}#list-howto.list-group-item.mt-3{margin-top:8px!important}#list-howto.list-group-item::before{display:inline-block;position:absolute;width:5px;height:5px;border-radius:50%;background-color:#3c485c;z-index:1;top:50%;left:16px;transform:translateY(-50%)}#list-howto{background-color:#f6f7fa;width:333px!important}#list-howto.list-group-item.active{color:#565dff;background-color:#fff}#list-howto.list-group-item:hover{color:#565dff;}#list-howto.list-group-item.active::before,#list-howto.list-group-item:hover::before{background-color:#565dff}.list-group-item:hover#nav-howto{top:0;z-index:20;display:none}.article-nav{position:absolute;top:0;width:22%;max-width:310px;left:190px}@media(max-width:1890px){.article-nav{left:5%}}@media(max-width:1700px){.article-nav{left:2%}}.hover-art{color:#4d4d4d;justify-content:space-between;margin-left:0;margin-right:0}.hover-art.relative-article{transition:all.5s;border:1pxsolidrgba(86,93,255,0.2);box-shadow:013px58pxrgba(158,168,255,0.1);padding:16px;border-radius:15px;flex:00377px}.hover-art.relative-article:hover{transform:translateY(-4px);}.wsc-mainp{font-size:20px;line-height:34px;margin-top:0;margin-bottom:0rem;color:#3c485c;padding:0034px0;font-family:-apple-system,blinkmacsystemfont,"SegoeUI",roboto,"HelveticaNeue",arial,"NotoSans",sans-serif,"AppleColorEmoji","SegoeUIEmoji","SegoeUISymbol","NotoColorEmoji"!important}.wsc-mainimg{display:block;max-width:100%;margin-right:auto;margin-left:auto;clear:both;text-align:left;margin-bottom:1rem}.wsc-mainh2{margin-bottom:16px;font-size:32px;font-weight:600;line-height:40px;padding-top:102px;color:rgba(0,0,0,0.88);margin-top:-72px}.related-container{padding:152px0128px}.related-title{color:rgba(0,0,0,0.88);font-size:48px;font-weight:600;line-height:56px;margin-bottom:64px}.related-tag{background:linear-gradient(rgba(86,93,255,255)0,rgba(165,98,255,255)99.162%,rgba(86,93,255,0)100%);border-radius:012px012px;padding:4px20px;position:absolute;bottom:0;font-size:16px;color:#fff;font-weight:400}.item.related-img-box{transition:all.3s;padding-bottom:56.26%;position:relative;overflow:hidden;border-radius:12px;}.item.related-img{width:100%;position:absolute;border-radius:12px;transition:0.3sall;}.item.related-img-box:hover{box-shadow:05px12px0rgb(000/16%);transition:all.3s}.item.tag{font-size:12px;font-weight:400;line-height:16px;color:#8233fa;margin-bottom:12px}.item.title{margin:32px016px;height:72px;color:#13161b;text-align:left;-webkit-transition:.2s;transition:.2s;font-size:28px;font-weight:600;line-height:36px}.item.title:hover{color:#565dff}.item.desc{color:rgba(0,0,0,0.64);font-size:20px;line-height:34px;text-align:left;height:69px;margin-bottom:16px}.learn-more{display:block;margin-left:auto;text-align:right;font-size:16px;line-height:24px;color:#565dff;display:flex;align-items:center;justify-content:end}.learn-more:hover{color:#565dff;text-decoration:underline}.learn-more.learn-arrow{margin-left:10px}#nav-howto.toWorkbench-box{width:147px;text-align:center;background:0;box-shadow:none;font-size:14px;background:#565cff;border-radius:6px;color:#fff;margin-right:8px;height:28px;line-height:28px;padding:0}#nav-howto.toWorkbench-box:hover{background:#7d86ff;color:#ffff}.toWorkbench-text{font-size:14px;font-weight:600;color:#fff}.wsc-mainul,.wsc-mainol{margin-top:0;margin-bottom:10px;padding-left:20px;overflow:hidden}.wsc-mainli{margin-bottom:6px;line-height:1.4;list-style:disc}.wsc-mainli>p{padding:0}.article.section{position:relative;}.fic-to-top{width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:04px8pxrgb(000/20%);cursor:pointer;opacity:0;visibility:hidden;transition:all.3sease-in-out;display:flex;justify-content:center;align-items:center;position:fixed;right:24px;bottom:24px;z-index:3}.fic-to-top__show{opacity:1;visibility:visible}.fic-to-top:hover>svgpath:first-child{fill:#fff}.fic-to-top:hover>svgpath{fill:#565dff}@media(min-width:1201px)and(max-width:1600px){.content{margin-left:30%}}@mediascreenand(max-width:1200px){.article-nav{display:none}.hover-art.relative-article{flex:auto}.hover-art{max-width:783px;margin:0auto;padding:016px}.content,.px-container{padding:032px}.content{margin-bottom:70px}.related-container{margin-bottom:64px}.related-list.relative-article:nth-child(n+2){margin-top:32px}}@media(max-width:577px){#nav-howto{display:none;}.bannerh5{font-size:14px}.bannerh1{margin:0auto24px;-webkit-line-clamp:3}.px-btn{margin-top:24px}.banner{padding-bottom:84px}.article{margin-top:32px}.related-title{font-size:28px;font-weight:600;line-height:36px;margin-bottom:48px}}@media(max-width:440px){.px-btn,.bannera.btn{padding:012px;font-size:16px;}}mainimg{image-rendering:-webkit-optimize-contrast;}限时开放企业版试用，支持企业资源库、权限管理等多种企业协作及管理能力申请试用产品Pixso设计Pixso白板Pixso原型产品Pixso设计Pixso原型Pixso白板资源社区设计素材优质设计作品免费获取组件资源大厂组件资源即调即用活动专栏专题活动，一起提升设计能力插件广场用插件扩展设计的无限可能插件精选Realibox3D素材&样机Mockup专题活动进行中9999+0热门精选资源社区设计素材组件资源活动专栏插件广场会员下载帮助中心企业服务企业咨询企业版私有化部署向团队介绍教育免费加入用户交流群支持企业咨询企业版私有化部署向团队介绍教育免费用户群交流免费使用进入工作台万兴科技（300624.SZ）生态成员企业网站的视觉设计怎么做？4个要点作深入解读！在线使用Pixso企业网站的视觉设计怎么做？4个要点作深入解读！人类作为视觉动物，视觉上的演绎比起网站其他内容，更会影响网站的可信度用Pixso，让设计效率飞起来对于用户访客来说，网站的框架、交互逻辑等这些都是其次的，访客首先感受到的是网站视觉设计，同时通过视觉也能够直观地表达出我们所要传递的价值。因此，我们在建设网站时，一方面需要确保网站视觉设计足够优秀，另一方面需要保证视觉能够传递正确的商业价值。网站视觉设计，起码需要保证符合受众群体的基础审美。所以在深入探究之后，Pixso带你从三个维度解读大厂网站视觉设计。1.品牌基础：VI设计的应用VI是品牌的视觉符号化，它可以将品牌识别系统的非可视化内容，转化为静态的视觉识别符号，包含了品牌LOGO、标准色、象征图形、标准字体等等。另外还会包含品牌核心价值和个性，不同的品牌VI是各个品牌之间形成差异化的根本原因之一。因此，我们可以通过与品牌VI相结合的方式进行网站视觉设计。品牌VI可以有非常丰富多样的应用形式，在广泛的层面上进行直接的传播，能够在不同场景中的进行应用，让人们快速辨认出该品牌。品牌LOGO则是最具辨识度的视觉符号，通过提取LOGO中的基因，延用到我们网站中，更有助于提升品牌辨识度。我们可以从LOGO的形与色中提取元素，运用到网站的风格，颜色，icon，板式等设计上。1.1颜色设计提取logo中的标准色或代表性的颜色与网站元素相呼应，是一种常见的方式。举个例子，Pixso的Logo是一个蓝紫红渐变的P字母，Pixso官网的banner以及颜色风格等，都有将Pixso的Logo的特征展现出来。在网站视觉设计中，我们可以将标准色换到标题文字、icon、控件。访客打开网站时会很容易被这些颜色吸引，也不会感到突兀，合理运用logo颜色，可以统一网站的整体视觉，且做到突出重点与更有效地传达信息。1.2ICON图标设计icon作为网站视觉设计的重点图形，能够让访客感知品牌，精致的icon可以让表达更简单高效，要打造一套精致的icon，我们可以从识别性、规范性、整体性和品牌感四个方面着手。识别性：icon的作用即是帮助访客理解网站信息，特别是在没有文字说明的情况下，icon的设计需要具备让访客快速认出的高识别度，不能让访客产生疑惑。规范性：每个icon要保持视觉大小、色彩等一致性，以及图标饱满度等细节都需遵循同一规律，例如：绘制风格是否一致，使用的圆角或直角是否统一等等。整体性：除了icon自身的设计之外，整体的设计风格要与网站基调达成一致，不同网站有不同定位，面向的目标访客群体自然有所差别，那么整个网站icon设计也不一样。品牌感：提升品牌辨识度离不开品牌感，icon设计要与品牌调性、理念相符合，传达给访客一致的感受。比如：提取品牌色、采取品牌图形作为图标设计视觉元素，从而加深访客对品牌色的感知。icon设计中的品牌感，是将品牌VI应用到网站的关键，比如上方的那套icon，是由Pixso本身的品牌色彩和品牌调性进行网站视觉设计，应用于官网是这样的：另外，icon是网站中不可或缺的元素，充当路标，让访客能知道点击后下一步是什么，也就有明确的心理预期。如果icon按钮不够明确，访客可能会不知道下一步是要购买产品或者注册用户的步骤，并且可能直接浏览网站后就直接离开。1.3版式设计版式如何融入品牌调性是很多设计师会忽略的一点，访客来浏览网站时，首先感受到的第一点是色彩，第二则是版式，也就是整体给访客的感觉。符合品牌定位且具有辨识度的网站版式设计应该怎么做，它更需要从品牌特性中提取，无法像icon一样从品牌logo和标准色中提取元素就可以做到的，更多是一个风格化的网站视觉设计。举个例子，Pixso是一款互联网在线协同协同软件，从Pixso的品牌VI中可以感受到互联网、高级、个性等关键词，在其官网中，我们可以看到其与众不同的板式设计，一眼就能感受出其品牌调性。2.平衡网站视觉设计艺术性与商业性大多数设计师在初入职场时，都不具备商业思维，首先会经历一段自我怀疑的过程：完成一个稿件后，反反复复被要求改稿，始终无法达到上级的要求，个人价值开始逐渐模糊，沦为一介改稿工具人。在我们看来，企业网站视觉设计必须具备商业思维，也就是视觉设计需要体现其想表达商业价值，因此，在建设企业网站时，我们需要记住一下几点：2.1不为设计而设计市面上有很多花里胡哨的网站，第一眼可能能够惊艳到你，但是再深入只是空洞，事实上，能够让访客长时间记住你的并非第一眼，而是其内在，也是我们一直坚持的长期主义价值。过于强调设计、艺术、创意，不仅会给网站带来开发难度，更是给访客浏览带来沉重的负担。商业环境下，网站视觉设计的本质应该是强化产品，升华价值，实际上，设计同样需要具备产品思维，增长超人建站更是将产品思维全流程化，这种模式下，每一环都串联起来，不管是用户体验，还是价值传递都非常有利。2.2重视UX用户体验我们一直在讲网站视觉设计，视觉设计不仅是静态形式，还可以是动态形式，也就是网站上的交互动效，交互不可避免涉及到的领域就是「用户体验」。08年苹果推出AppStore，App兴起至今，用户体验就广为人知，在App的设计领域更是奉为“宗旨”，当然，在网站设计上同样如此，“以用户为本”本就是产品的关键价值，这是我们不可忽视的方面。我们可以参考以下提高用户体验的关键因素：有用：内容能够满足需求。可用：网站的内容应该很容易被找到。可取：设计元素应该贴合情感且具备可欣赏性。可发现：网站内容容易被定位、被找到且可导航。无障碍：为有障碍的用户提供帮助。可信：网站内容应该有权威性，且值得被相信。重点还是在于用户身上，也就访客，先前通过市场调研分析出访客画像，可以掌握对访客的审美基础和交互逻辑认知，结合起来进行网站视觉设计，当然我们也提倡尽可能简化交互，并且让网站贴合访客喜好，内容一目了然。3.运用增长思维提高网站商业价值增长思维作为增长超人网站建设三大思维之一，也是三大思维中最能激发网站商用价值的思维。在视觉设计当中，运用增长思维能够有效强化网站，加强网站价值。我们需要先探讨“网站内容中哪些信息最重要？”；“传递这些信息的目的是什么？”例如，一个促销活动版块的营销点是免费领取资料，我们需要理解：最打动访客的是资料还是“免费”，是资料的图片需要更突出还是“免费”相关文案。在商业之下，网站视觉设计也需要理解营销，也需要懂增长。4.推荐使用在线协作网站设计工具网站视觉设计可以被视作一种艺术形式，但与纯艺术截然不同，网站视觉设计需要建立在牢固的科学基础之上，以理性客观去审视一下这样设计是否真的能有效传递价值。Pixso是新一代设计协作工具，不仅实现了和Figma、Sketch、AdobeXD的无缝衔接，更基于优秀的组件变体、自动布局等特色功能，让UI设计师在线上就可以尽情自由创作。作为一款为本土设计师量身打造的国产设计工具，因其实时协作、精细化设计工具等特色功能，收获了广大使用者的喜爱。相关文章设计技巧浏览器在线制作简历工具，简历模板免费下载还在为制作简历而苦恼？试试这款在线简历神器，大量优质免费模板供你使用，帮助你快速做出优秀的简历了解更多设计技巧超有“料”的icon图标设计规范，学会了记得收藏！图标主要是传达视觉提示，帮助用户有效的浏览产品界面，所以设计图标时，要从用户角度出发提升用户的体验感了解更多设计技巧产品原型图怎么画？来看高手总结的分步教程！原型图可快速验证设计想法、进行用户测试，从而改进和完善设计，对于设计过程非常重要了解更多设计技巧Figma该怎么导出pdf文件？给你更简单的方法！本文将给大家详细介绍Figma导出pdf文件的办法，希望能对大家有帮助了解更多文章目录1.品牌基础：VI设计的应用2.平衡网站视觉设计艺术性与商业性3.运用增长思维提高网站商业价值4.推荐使用在线协作网站设计工具解决方案UI设计UX设计原型设计私有化部署探索设计技巧最新功能帮助中心UI零基础Pixso视频教程对比FigmaSketchAdobeXDInVisionStudioAxurePhotoshop关于我们关于我们新闻动态隐私政策使用条款入群交流加入用户交流群博思云创版权所有2022|粤公网安备44030502008583|粤ICP备2021147974号-3$(function(){wsc.common.init();});letisWhiteList=false;functionthrottle(callback,limit){varwaiting=false;returnfunction(){if(!waiting){callback.apply(this,arguments);waiting=true;setTimeout(function(){waiting=false;},limit);}}}$(function(){letheaderNav=$('#wsc-header.navbar');letheaderNavDom=headerNav[0]letheader=$("#wsc-header");letwhiteList=['https://pixso.cn/','https://pixso.cn/ui-design-collaboration/','https://pixso.cn/compare-with-sketch/','https://pixso.cn/ux-design-collaboration/','https://pixso.cn/prototype-design/','https://pixso.cn/compare-with-adobe-xd/','http://cms40.wondershare.cn/api/v1/templates/10008860/pages/215007/preview?site_id=1038','https://pixso.cn/compare-with-figma/','https://pixso.cn/compare-with-invision/','https://pixso.cn/news/','https://pixso.cn/system-antdesign/','https://pixso.cn/axure-file-import/','https://pixso.cn/privatedeploy/','https://pixso.cn/teamversion/','https://pixso.cn/education-version/','https://pixso.cn/recommend/','https://pixso.cn/compare-with-ps/']letcurrentHref=window.location.href.replace('index.html','')if(whiteList.indexOf(currentHref)!=-1){isWhiteList=true}functionhandleHeaderChange(){letdistance=document.documentElement.scrollTop;headerNav[0].style.borderBottom=distance<10?"1pxsolidtransparent":"1pxsolid#eeeeee";if(distance<1&&document.body.clientWidth>1200){if(isWhiteList){headerNav.addClass('bg-transparent')}}else{headerNav.removeClass('bg-transparent')}}letthrottleHeaderChange=throttle(handleHeaderChange,5)window.addEventListener("scroll",function(){throttleHeaderChange()});});$(function(){$('body').scrollspy({target:'#list-howto'})if($('#part1').prev().length==0){$('.section').css('top','-27px');}$('.related-list').children().eq(3).hide()varlist_howto_top=$('#list-howto').offset().top;letrelatedTitleTop=$('.related-title').offset().top-300;letisNewVersion=$('#list-howto').hasClass('update-version')letclientWidth=document.body.clientWidth;functionfixListHowTo(){varscroll=$(window).scrollTop();if(scroll>=list_howto_top-120&&scroll<$('.related-title').offset().top-300){$('#list-howto').css({'position':'fixed','top':'8.75rem','bottom':'auto'})}else{$('#list-howto').css({'position':'relative','top':'auto','bottom':'auto'})}if(clientWidth>577){if(scroll>=200){$('#nav-howto').fadeIn()$('#wsc-header').fadeOut();}else{$('#nav-howto').fadeOut();$('#wsc-header').fadeIn();}}if(!isNewVersion){varlen=$('.list-group-item').length;for(varindex=0;index<len;index++){varactiveClass=$($('.list-group-item')[index]).attr('class').match(/part\d/g);if(index>0&&index<len){if(scroll>=($('#'+activeClass[0]).offset().top-($('#nav-howto').length===0?0:$('#nav-howto').height())-62)){$('.'+activeClass[0]).parent().children().removeClass('active')$('.'+activeClass[0]).addClass('active');}}else{$('.'+activeClass[0]).parent().children().removeClass('active')$('.'+activeClass[0]).addClass('active')}}}}functionlistHowToFn(){$(window).off('scroll',fixListHowTo)if($(window).width()>=768){if($('#list-howto').length==0)return;$(window).on('scroll',fixListHowTo)}}listHowToFn();$(window).resize(function(){listHowToFn();})$(".list-group-item:not([href]").on("click",function(e){$(this).parent().children('a').removeClass('active');$(this).addClass('active')e.stopPropagation();varactiveClass=$(this).attr('class').match(/part\d\d?/g);if(activeClass.length!==0){$("html,body").animate({scrollTop:$('#'+activeClass[0]).offset().top-($('#nav-howto').length===0?0:$('#nav-howto').height())+60,})}})vartimeout=null;window.addEventListener('scroll',function(){if(timeout!==null)clearTimeout(timeout);timeout=setTimeout(function(){varscrollTop=this.scrollY;if(scrollTop>400){$('.fic-to-top').addClass('fic-to-top__show')}else{$('.fic-to-top').removeClass('fic-to-top__show')}}.bind(this),500);});$('.fic-to-top').click(function(e){e.preventDefault();$('html,body').animate({scrollTop:0},'300');})})/**线索api回传*/localStorage.setItem('bdUrl',location.href);varsensors=null;letisSensors=falsefunctiontrack(event,properties){if(isSensors){sensors.track(event,properties);console.log(event,properties);}}$(function(){varsensors=window["sensors"]if(sensors!=undefined){isSensors=true}if(window.screen.width>576){$.ajax({type:"get",url:"https://pixso.cn/app/wasm/FicModule.version",dataType:"json",async:false,success:function(data){if(data.hash){constlinkWasm=document.createElement("link");linkWasm.rel="prefetch";linkWasm.href=`https://cdn.pixso.cn/app/wasm/FicModule.${data.hash}.wasm`;linkWasm.setAttribute("crossorigin","");document.head.appendChild(linkWasm);}}});}else{$(".fixed-top").removeClass('bg-transparent')}$(".weixin-logo").hover(function(){if($(".icon-weixin-box").css('display')=='block'){$(".icon-weixin-box").fadeOut();}else{$(".icon-weixin-box").fadeIn();}$(".icon-weibo-box").fadeOut();});$(".weibo-logo").hover(function(){if($(".icon-weibo-box").css('display')=='block'){$(".icon-weibo-box").fadeOut();}else{$(".icon-weibo-box").fadeIn();}$(".icon-weixin-box").fadeOut();})$('.apply-business-btn').click(function(){window['sensorsDataAnalytic201505'].track('enterprise_trial_view',{'user_source':'官网'});})$('a').click(function(e){if($(this).attr('href')&&($(this).attr('href').indexOf('/app')===-1||$(this).attr('href').indexOf('/app/editor')!==-1)||!$(this).attr('href'))returne.preventDefault();varuserInfo=JSON.parse(getCookie('BOSYUNCurrent'));if(userInfo!=null){if($(this).attr('target')=='_blank'){window.open("https://pixso.cn/app/")}else{location.href="https://pixso.cn/app/";}}else{location.href='https://pixso.cn/user/login/?response_type=code&redirect_uri=https://pixso.cn/app/&from=1&product=pixso&ux_mode=redirect'}})$(".close-tdesign-banner").click(function(e){e.preventDefault();$(".Tdesign-banner").remove();$(".Tdesign-banner--btn-close").remove()letdistance=document.documentElement.scrollTop;if(distance<1&&isWhiteList){$('.navbar').addClass('bg-transparent')}else{$('.navbar').removeClass('bg-transparent')}});constbaseActivityUrl='https://api.pixso.cn'constactivityId=20letisDeskTop=document.body.clientWidth>980if(isDeskTop){if(!$('.community-box--works').hasClass('d-none')){letworkControlFlag=1letheaderTimer=nullletisCloseAutoSwiper=false$('.header-resource').mouseenter(function(){headerTimer=setInterval(function(){if(workControlFlag>4){workControlFlag=1}$('.header-swiper--right').attr('checked',false)$('#header-swiper--right'+workControlFlag).attr('checked',true)workControlFlag=workControlFlag+1},2000)})$('.header-resource').mouseleave(function(){clearInterval(headerTimer)})$('.header-swiper--control-btn').click(function(){clearInterval(headerTimer)$('.header-swiper--right').attr('checked',false)workControlFlag=Number($(this).attr('data-index'))})$('.header-swiper--link').mouseover(function(){clearInterval(headerTimer)})}else{$.ajax({type:'get',url:baseActivityUrl+'/api/cmt/activity/activity/info',dataType:'json',data:{activity_id:activityId},success:function(res){if(res.code===200){constdata=res.dataif(!!data.view_num){$('.header-views--number').text(data.view_num)}if(!!data.participate_num){$('.header-user--number').text(data.participate_num)}}}})}}constheaderPrimaryBtnsTrack={'key':'tab_category','会员':'会员','下载':'下载','帮助中心':'帮助中心'}constheaderSecondaryBtnsTrack={'key':'tab_button','PX':'PX','BM':'BM','设计素材':'设计素材','组件资源':'组件资源','专题活动':'专题活动','插件广场':'插件广场','专题活动':'专题活动','企业咨询':'企业咨询','企业版':'企业版','私有化部署':'私有化部署','向团队介绍':'向团队介绍'}constthirdBtnsTrack={'key':'button_name','免费使用':'免费使用','抢先体验':'抢先体验','获取报价':'获取报价','win':'win','mac':'mac','android':'android','本地字体助手':'本地字体助手'}constbottomTypeTrack={"key":"bottom_type","免费使用":"免费使用","解决方案":"解决方案","探索":"探索","对比":"对比","关于我们":"关于我们"}constbottomBtnsTrack={"key":"bottom_name"}consttrackEventMap={'header':'gw_button','question':'gw_qa','bottom':'gw_bottom'}constthrottleTrack=throttle(track,50);functiongetIndex(_this,parent){lettrackIndex=$(_this).attr('data-track')if(trackIndex==undefined){trackIndex=$(_this).parent(parent).attr('data-track')}returntrackIndex}functioncommonBtnTrack(_this,event,key){lettrackIndex=getIndex(_this,'[data-track]')if(trackIndex!=undefined){throttleTrack(event,{[key]:trackIndex})}}$('.headerPrimaryBtnsTrack').click(function(){commonBtnTrack(this,trackEventMap['header'],headerPrimaryBtnsTrack['key'])})$('.headerSecondaryBtnsTrack').click(function(){commonBtnTrack(this,trackEventMap['header'],headerSecondaryBtnsTrack['key'])})$('.thirdBtnsTrack').click(function(){commonBtnTrack(this,trackEventMap['header'],thirdBtnsTrack['key'])})functionbottomTrack(_this){commonBtnTrack(_this,trackEventMap['bottom'],bottomBtnsTrack['key'])}$('.bottomTypeTrack').click(function(){bottomTrack(this)})$('.bottomTypeTrack').mouseenter(function(){bottomTrack(this)})varqiDianTimer=setTimeout(function(){varqiDianScript=document.createElement('script');qiDianScript.id="qd30091108045f97705534781509147884f1581c3b10"qiDianScript.src="https://wp.qiye.qq.com/qidian/3009110804/5f97705534781509147884f1581c3b10"qiDianScript.charset="utf-8"qiDianScript.async=trueqiDianScript.defer=true$('#wsc-header').before(qiDianScript)qiDianScript=nullclearTimeout(qiDianTimer)qiDianTimer=null})})