局内设计深圳大学演讲《批判vs回归》
张之杨深圳大学校友分享演讲《批判vs回归》
深圳大学邀请优秀校友张之杨先生在2020疫情的特殊时期进行了局内设计实践的特殊分享，讲述他与建筑设计之间的故事
</div> <div class="biaoti wow fadeInUp" id="showinfo" style="cursor:pointer;margin-left:1.5%;">项目信息</div> <div id="info" style="display:none;"> <dl class="detail clear"> <dd> <div class="teamlr"> <b class="teamlrbt">名称：</b>张之杨深圳大学校友分享演讲《批判vs回归》<br> <b class="teamlrbt">地点：</b><br> <b class="teamlrbt">规模：</b><br /> <b class="teamlrbt">类型：</b> <a href="case.php?s=1&cid=209" style="color:#85b851;">活动</a> <br /> <b class="teamlrbt">时间：</b> <br> <b class="teamlrbt">状态：</b> <br /> </div> </dd><br><br><br> <dt> <div class="teamlr" > <b class="teamlrbt">业主：</b><br> <b class="teamlrbt">主创：</b> <br> <b class="teamlrbt">团队：</b> ,, <br> <b class="teamlrbt">合作：</b> <br> </div> </dt> </dl> <!--<a href="javascript:showAll3()" id="hidebtn3"><img src="statics/img/jia2.png"></a> <a href="javascript:showAll3s()" id="hidebtn3s" style="display:none;"><img src="statics/img/jia3.png"></a>--> </div> </div><br> <!--======================--> <div class="wapmain clear myweb wow fadeInUp"> <ul id="showMoreList" class="list"> </ul> <div style="clear:both; height:20px;"></div> <div id="showMoreBtn" class="showmore"> </div> </div><br><br> <!--======================--> <br> <div class=" wow fadeInUp" style="font-size:20px; line-height:40px; height:40px;background-color:#000000; text-align:center; width:100px; margin-left:6.5%; margin-bottom:6%; display:block; color:#FFFFFF">相关项目</div> <ul class="media01 wow fadeInUp" id="container" style="margin-left:2%;"> <li class="media-type133"> <a href="show-133-1288-1.html" title="山林书院"> <img src="../uploads/image/20231009/1696828495.png" alt="山林书院" /> </a> </li> <li class="media-type133"> <a href="show-133-1281-1.html" title="佛山一中顺德学校"> <img src="../uploads/image/20230720/1689838951.png" alt="佛山一中顺德学校" /> </a> </li> <li class="media-type133"> <a href="show-133-1142-1.html" title="树梢上的校园"> <img src="../uploads/image/20221123/1669202732.jpg" alt="树梢上的校园" /> </a> </li> <li class="media-type133"> <a href="show-133-1284-1.html" title="宝安区松岗中学"> <img src="../uploads/image/20230720/1689842858.jpg" alt="宝安区松岗中学" /> </a> </li> <li class="media-type133"> <a href="show-133-1283-1.html" title="鼎太南学校"> <img src="../uploads/image/20230720/1689838728.jpg" alt="鼎太南学校" /> </a> </li> <li class="media-type133"> <a href="show-133-1280-1.html" title="光明谷"> <img src="../uploads/image/20230621/1687335179.jpg" alt="光明谷" /> </a> </li> <li class="media-type133"> <a href="show-133-1133-1.html" title="生命彩虹"> <img src="../uploads/image/20220610/1654860702.jpg" alt="生命彩虹" /> </a> </li> <li class="media-type133"> <a href="show-133-1132-1.html" title="冰碛海岬"> <img src="../uploads/image/20220610/1654858012.jpg" alt="冰碛海岬" /> </a> </li> </ul> <div class="clear"></div> <div class="nextprv wow fadeInUp" style="margin-top:50px; "> <ul style="padding-inline-start:0px;"> <li> <a href="show-4-1002-1.html" title="局内设计在UABB 新陈代谢城市双年展">Prev</a> </li> <li><a href="case.html">所有项目</a></li> <li> <a href="show-4-988-1.html" title="深大校庆之际“三十而立” 展览首站">Next</a> </li> </ul> </div> </div> <script> $(function(){ var hash, initHash = window.location.hash, filters, isIsotopeInit = false, grid; if(pc){ var cbmw = '60%', cbmh = '80%'; }else{ var cbmw = $(window).width() - 40, cbmh = '100%'; } if(initHash == ''){ window.location.hash = 'filter=*'; }else if(initHash.indexOf('did') != -1){ var did = window.location.hash.split('#')[1].split('?')[1].split('=')[1]; window.location.hash = initHash.split('?')[0]; $.get('/getMediaDetail?id=' + did, function(data){ var data = $.parseJSON(data); var li = $(`<li class="media-type${data.classify_id}" id="${data.id}"> <img src="/uploads/img/${data.thumbnail}" alt="" /> <div class="media-title" pdflink="${data.pdf}" link="${data.url}">${data.title}</div> <div class="media-date">${data.public_date}</div> </li>`); var imgs = data.imgs.split(','), a = ''; for(var i=0; i<imgs.length; i++){ a += '<a class="cboxElement" title="' + data.content + '" href="/uploads/img/' + imgs[i].replace('_min', '') + '"></a>'; } li.prepend($(a)); $('#container').append(li); $('#container li').last().hide().children('a').eq(0).trigger('click'); }); } filters = $('.filter-box').on( 'click', 'a[data-filter]', function() { var filterValue = $(this).attr('data-filter'); location.hash = 'filter=' + encodeURIComponent(filterValue); }); function onHashchange(){ var hashFilter = window.location.hash.split('#')[1].split('?')[0].split('=')[1]; if (!hashFilter && isIsotopeInit) return; isIsotopeInit = true; grid = $('#container').isotope({ itemSelector: 'li', layoutMode: 'masonry', filter: hashFilter }); if(hashFilter){ filters.find('.is-checked').removeClass('is-checked'); filters.find('[data-filter="' + hashFilter + '"]').addClass('is-checked'); } } setInterval(function(){ grid.isotope('layout'); }, 300); $(window).on('hashchange', onHashchange).trigger('hashchange'); $(window).scroll(function(event) { if($('body').hasClass('loading-data')) return; var v = $(window).height() + $(window).scrollTop(); if($(document).height() <= v){ $('body').addClass('loading-data'); var page = parseInt($('#container').attr('page')); $.get('/getMedia?page=' + page, function(data){ var data = $.parseJSON(data); for(var i=0; i<data.length; i++){ var item = data[i]; var li = $(`<li class="media-type${item.classify_id}" id="${item.id}"> <img src="/uploads/img/${item.thumbnail}" alt="" /> <div class="media-title" pdflink="${item.pdf}" link="${item.url}">${item.title}</div> <div class="media-date">${item.public_date}</div> </li>`); var imgs = item.imgs.split(','), a = ''; for(var j=0; j<imgs.length; j++){ a += '<a class="cboxElement" title="' + item.content + '" href="/uploads/img/' + imgs[j].replace('_min', '') + '"></a>'; } li.prepend($(a)); grid.append(li).isotope('appended', li); } page++; $('#container').attr('page', page); if(data.length != 0){ $('body').removeClass('loading-data'); } $('#container').imagesLoaded().done(function(){ grid.isotope('layout'); }).fail(function() { grid.isotope('layout'); }); }); } }); }); </script> <!-- footer--> <style rel="stylesheet"> .opens{background: url("statics/img/cha.png") no-repeat 93% center; display:block;} .closeds{background:url("statics/img/jia.png") no-repeat 93% center; display:block;} .show{display:block;} .hide{display:none;} </style> <script> function toggles(span){ if(span.className=="opens"){ //判断当前标签的class是不是等于open， span.className="closeds"; //如果是展开的就关闭当前标签，加close样式。 span.nextElementSibling.className="footli hide";//给下面相邻ul标签加hide样式 }else{ //注意下面的var 和下面的if 是非必要的，var if的作用是打开当前折叠的话，会将其他折叠自动关闭。。 var open=document.querySelector(".showmenu>li.opens"); //尝试取得页面中有open样式的元素 if(open!=null){ //如果取到的话，这里的open就不会为空，就会进入这里的if判断 open.className="closeds"; //把得到的有open样式的元素都关闭 open.nextElementSibling.className="footli hide"; } //找不到的话才会执行到这里！ span.className="opens"; //因为当前被点击的元素不是展开的，这里给它添加展开样式。 span.nextElementSibling.className="footli show"; } } </script> <div class="clear"></div> <div class="zhezhao" id="zhezhao"> <div class="showmenu" style="overflow:scroll;"> <li> <div style="float:left; width:60%;"> <a href="" style="font-size:16px;">中文</a> <a href="../en/wap/show-4-1123-1.html" >EN</a> </div> <div style="float:right; width:30%; font-size:18px;font-family: 'AlibabaBold'; margin-right:3%; text-align:right;" onClick="hidemenu()"><a href="#">CLOSE<img src="statics/img/close.png" style="height:20px; margin-left:1px; margin-top:-5px;" /></a></div> <div class="clear"></div> </li> <li><a href="index.html">精选</a></li> <li class="closeds" onclick="toggles(this)"><a href="case.html">项目</a></li> <div class="footli hide"> <b>类别：</b> <dd> <a href="case.php?s=1&cid=194">城市</a> <a href="case.php?s=1&cid=195">公建</a> <a href="case.php?s=1&cid=197">文化</a> <a href="case.php?s=1&cid=198">教育</a> <a href="case.php?s=1&cid=199">综合体</a> <a href="case.php?s=1&cid=223">商业</a> <a href="case.php?s=1&cid=202">高层</a> <a href="case.php?s=1&cid=218">居住</a> <a href="case.php?s=1&cid=219">改造</a> <a href="case.php?s=1&cid=220">室内</a> <a href="case.php?s=1&cid=221">小品</a> <a href="case.php?s=1&cid=222">建成</a> </dd> <div class="clear"></div> <b>时间：</b> <dd> <a href="case.php?s=2&cid=4&d=29" style="width:30%;">2006</a> <a href="case.php?s=2&cid=4&d=27" style="width:30%;">2007</a> <a href="case.php?s=2&cid=4&d=26" style="width:30%;">2008</a> <a href="case.php?s=2&cid=4&d=25" style="width:30%;">2009</a> <a href="case.php?s=2&cid=4&d=24" style="width:30%;">2010</a> <a href="case.php?s=2&cid=4&d=23" style="width:30%;">2011</a> <a href="case.php?s=2&cid=4&d=22" style="width:30%;">2012</a> <a href="case.php?s=2&cid=4&d=21" style="width:30%;">2013</a> <a href="case.php?s=2&cid=4&d=2" style="width:30%;">2014</a> <a href="case.php?s=2&cid=4&d=3" style="width:30%;">2015</a> <a href="case.php?s=2&cid=4&d=4" style="width:30%;">2016</a> <a href="case.php?s=2&cid=4&d=10" style="width:30%;">2017</a> <a href="case.php?s=2&cid=4&d=11" style="width:30%;">2018</a> <a href="case.php?s=2&cid=4&d=14" style="width:30%;">2019</a> <a href="case.php?s=2&cid=4&d=16" style="width:30%;">2020</a> <a href="case.php?s=2&cid=4&d=20" style="width:30%;">2021</a> <a href="case.php?s=2&cid=4&d=28" style="width:30%;">2022</a> <a href="case.php?s=2&cid=4&d=30" style="width:30%;">2023</a> </dd> <div class="clear"></div> </div> <li class="closeds" onclick="toggles(this)"><a href="about.html">局内</a></li> <div class="footli hide"> <a href="about.html#about">简介</a> <a href="about.html#event">大事件</a> <a href="about.html#team">团队</a> <div class="clear"></div> </div> <li class="closeds" onclick="toggles(this)"><a href="news.html">媒体</a></li> <div class="footli hide"> <a href="news.php?cid=217">奖项</a> <a href="news.php?cid=17">展览</a> <a href="news.php?cid=18">发表</a> <a href="news.php?cid=209">活动</a> <div class="clear"></div> </div> <li><a href="job.html#contact">招聘</a></li> <li><a href="about.html#contact">联系</a></li> <div style="color:#000000; font-size:14px; padding:20px 0 0 30px;"> 深圳南山区华侨城东部工业区C3栋403<br /> 查看地图<br /><br /> 电话 / +86-755-86096263<br /> 邮箱 / info@ingameoffice.com<br /> </div> </div> </div> <div class="clear"></div> <div class="nfoot wow fadeInUp" style="margin-top:35px;"> <ul> <li> <b>地址</b> <p><p> 深圳南山区华侨城文化创意园北区C3栋201 </p> <p> <a href="https://surl.amap.com/Rqhz62a7st" target="_blank">查看地图</a> </p></p> </li> <li> <b>联系</b> <p>电话 / +86-755-86096263<br /> 传真 / +86-755-21536488<br /> 邮箱 / admin@ingameoffice.com<br /></p> </li> <li> <b>社区平台</b> <p>微信 ID / ingameoffice<br /> 哔哩哔哩 / ingameoffice局内设计<br /></p> </li> <li> <img src="../images/qr.jpg" /> </li> </ul> </div> <div class="backTop radius-50 hide" onClick="backTop()"> <img src="statics/img/scrolltop.png" alt=""> </div> <script src="statics/js/bootstrap.min.js"></script> <script src="statics/js/common.js"></script> <script src="statics/js/swiper-3.4.2.min.js"></script> <script src="statics/js/toast.js"></script> <!--<script type="text/javascript"> var mySwiper = new Swiper('.swiper-container', { direction: 'horizontal', loop: true, autoplay: 5000, speed: 300, autoplayDisableOnInteraction: false, // 如果需要分页器 pagination: '.swiper-pagination', }); </script>--> <script src="statics/js/wow.min.js"></script> <script> new WOW().init(); $(window).load( function(){ $('.load').fadeOut(500); } ); </script> <script> function showmenu() { document.getElementById('zhezhao').style.display='block'; document.getElementById("mainarea").classList.add("xcont"); } function hidemenu() { document.getElementById('zhezhao').style.display='none'; document.getElementById("mainarea").classList.remove("xcont"); } </script> <script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> var wxShareCfg = { title: '局内设计深圳大学演讲《批判vs回归》-局内设计 INGAME', desc: '张之杨深圳大学校友分享演讲《批判vs回归》', link: window.location.href, imgUrl: 'https://ingameoffice.com/uploads/image/20220324/1648118164.jpg', success: function () { console.log('分享成功'); }, cancel: function () { console.log('分享失败'); } }; wx.config({ debug: false, appId: 'wx3fa0aea555b19afa', timestamp: 1749344378, nonceStr: 'RsKiOApBYZ3MO00a', signature: '865f9143341f59937d69303d8145f04ee3d6da02', jsApiList: [ 'checkJsApi', 'onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData' ] }); wx.ready(function () { wx.checkJsApi({ jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData'], // 需要检测的 JS 接口列表，所有 JS 接口列表见附录2, success: function(res) { // 以键值对的形式返回，可用的 api 值true，不可用为false // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"} // alert(JSON.stringify(res)); // 获取“分享给朋友”按钮点击状态，点击后发送给朋友微信，微信上的推送显示内容就是下面的数据 if (wx.onMenuShareAppMessage) { wx.onMenuShareAppMessage(wxShareCfg); } else { wx.onMenuShareAppMessage(wxShareCfg); } //分享到朋友圈 if (wx.updateTimelineShareData) { wx.updateTimelineShareData(wxShareCfg); } else { wx.onMenuShareTimeline(wxShareCfg); } } }); }); </script><!-- /footer--> <!-- <script src="/js/glightbox.min.js"></script> --> <script> $("#showinfo").click(function(){ if(document.getElementById("info").style.display=="none") { $("#info").fadeIn(); } else { $("#info").fadeOut(); }; }); var $showMoreList = $('#showMoreList'); var showListLen = $showMoreList.find('li').length; var showListStep = 6; // 加载更多 $('#showMoreBtn').on('click', function() { showListStep += showListStep; $showMoreList.find('li').each(function(index) { if (index < showListStep) { $(this).show(); } }); // 显示的数量超过已有长度，隐藏按钮 if (showListStep >= showListLen) { $(this).hide(); } }); </script> <link rel="stylesheet" type="text/css" href="/js/swiper/swiper.min.css" /> <style type="text/css"> .swiper-main { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, .7); } .swiper-main .swiper-container { width: 100%; height: 100%; } .swiper-main .swiper-slide img { width: 100%; vertical-align: middle; } .swiper-pagination { /* top: 1em; bottom: auto; */ padding-right: 2%; color: #fff; text-align: right; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url('/js/swiper/icon-left.svg'); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url('/js/swiper/icon-right.svg'); } .swiper-to { position: absolute; top: 0; z-index: 5; width: 50%; height: 100%; } .swiper-to-prev { left: 0; cursor: url('/images/left.ico'),pointer; } .swiper-to-next { right: 0; cursor: url('/images/right.ico'),pointer; } .swiper-close { position: absolute; top: 10px; right: 2%; z-index: 15; width: 40px; height: 40px; /* padding: 5px 10px; */ /* images/closebox.png */ background: url('images/closebox.png') center no-repeat; border-radius: 3px; color: #fff; font-size: 16px; cursor: pointer; user-select: none; text-indent: -999px; overflow: hidden; } </style> <div id="swiperMain" class="swiper-main"> <div class="swiper-container swiper-container-virtual swiper-container-horizontal"> <div class="swiper-wrapper"></div> <div class="swiper-pagination swiper-pagination-fraction"> <span class="swiper-pagination-current">0</span> / <span class="swiper-pagination-total">0</span> </div> <!-- <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> --> </div> <div class="swiper-to swiper-to-prev"></div> <div class="swiper-to swiper-to-next"></div> <div class="swiper-close">关闭</div> </div> <script src="/js/swiper/swiper.min.js"></script> <script> $(function() { var $swiperMain = $('#swiperMain'); // var lastTouchEnd = 0; var swiperStatus = false; var swiperWidth = window.innerWidth; var lightboxSwiper = []; // 判断设备，隐藏左右切换区块 function isTouchDevice() { var prefixes = ' -webkit- -moz- -o- -ms- '.split(' '); var mq = function(query) { return window.matchMedia(query).matches; } if (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) { return true; } // include the 'heartz' as a way to have a non matching MQ to help terminate the join // https://git.io/vznFH var query = ['(', prefixes.join('touch-enabled),('), 'heartz', ')'].join(''); return mq(query); } if (isTouchDevice()) { // 触摸设备，移除左右鼠标点击 $swiperMain.find('.swiper-to').remove(); } // 加载全部的图 $('.glightbox').each(function(index) { var tmpSrc = $(this).attr('href'); $(this).attr('data-idx', index); lightboxSwiper.push('<div class="swiper-slide"><div class="swiper-zoom-container"><img src="'+ tmpSrc +'" alt="局内设计" /></div></div>'); }); $swiperMain.find('.swiper-wrapper').html(lightboxSwiper.join('')); var swiperObj = new Swiper('.swiper-container', { width: swiperWidth, zoom: true, // 版本5支持 // updateOnWindowResize: true, loop: true, // virtual: true, // virtual: { // slides: lightboxSwiper, // cache: false, // 关闭缓存 // }, // spaceBetween: 0, pagination: { el: '.swiper-pagination', type: 'fraction', }, // navigation: { // nextEl: '.swiper-button-next', // prevEl: '.swiper-button-prev', // }, // on: { // click: function() { // $swiperMain.fadeOut('fast'); // // this.virtual.slides.length = 0; // // this.virtual.cache = []; // swiperStatus = false; // }, // }, }); // 图片预览 $('body').on('click', '.glightbox', function() { var tmpIdx = parseInt($(this).attr('data-idx')); $('html').css('overflow-y', 'hidden'); // swiperObj.updateSlides(); // swiperObj.update(); swiperObj.slideToLoop(tmpIdx, 0, false); $swiperMain.fadeIn(function() { // swiperObj.slideToLoop(tmpIdx, 100, false); swiperObj.update(); }); // swiperObj.slideTo(tmpIdx, 0, false); // setTimeout(function() { // swiperObj.slideToLoop(tmpIdx, 0, false); // }, 100); return false; }); // 左边切换 $('.swiper-to-prev').on('click', function() { swiperObj.slidePrev(); }); // 右边切换 $('.swiper-to-next').on('click', function() { swiperObj.slideNext(); }); // 关闭图片预览 $('.swiper-close').on('click', function() { $('html').css('overflow-y', 'scroll'); $swiperMain.fadeOut(); }); // 禁止拖动 $('#swiperMain').on('touchmove', function(e) { e.preventDefault(); }); // // 切换图状态禁止页面缩放 // document.addEventListener('touchstart', function (event) { // if (event.touches.length > 1 && swiperStatus) { // event.preventDefault(); // } // }); // document.addEventListener('touchend',function (event) { // var nowTime = (new Date()).getTime(); // if(nowTime - lastTouchEnd <= 300) { // event.preventDefault(); // } // lastTouchEnd = nowTime; // }, false); // document.addEventListener('touchmove', function(e) { // if(swiperStatus) { // e.preventDefault(); // } // }); var resizeTime = null; $(window).on('orientationchange resize', function() { clearTimeout(resizeTime); resizeTime = setTimeout(function() { swiperObj.params.width = window.innerWidth; swiperObj.update(); }, 100); // console.log(swiperObj); // alert('orientationchange or resize'); }); }); </script> </body> </html>
