;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo

Tie-dye está de cara nova: como usar a estampa de maneira elegante

Jessica Arruda

Colaboração para Universa

27/11/2018 04h00

Muito além de peças simples de algodão, com referências no movimento hippie da década de 60 ou dos surfistas dos anos 90, o tie-dye reaparece mais sofisticado nesta temporada. Nada de blusões ou batas de praia: nas arelas da Chanel, Michael Kors e Roberto Cavalli, a estampa "psicodélica" surgiu com camisas de seda, saias esvoaçantes e até no jeans.

Esta técnica de tingimento artesanal foi repaginada em looks mais elegantes e sofisticados, deixando de lado aquelas cores vibrantes estilo arco-íris.

Veja também

"É um tie-dye que saiu dos festivais e veio para o dia a dia, para os looks de trabalho, viagem, eio no final de semana. Agora há versões de duas cores ou só em tons pastel", conta a stylist Marcia Jorge.

A forma de combinar as peças também mudou: a ideia é mesclar a estampa com roupas lisas, para não poluir o visual. Já no caso de macacões ou vestidos, é possível brincar com órios coloridos e despojados, aderindo ao estilo boho chique.

Tie-dye no trabalho

No ambiente corporativo, a estampa pode ser usada para destacar uma das peças. Isso vale tanto para calças tie-dye, combinadas com blusa branca ou preta, quanto para camisas "manchadas", que ficam bem com bermudas, calças ou saias de alfaiataria moderna. 

"Nas roupas, os tons pastel rendem várias composições modernas para o trabalho, mesmo depois do verão. Se quiser aderir às peças tie-dye, sugiro tonalidades mais neutras, já que, embora seja uma tendência, dependendo da opção pode ser muito marcante", recomenda a designer de moda Beka Lopes.

Visual descontraído

Para os momentos de lazer, o tie-dye aparece incorporado a produções despreocupadas, com jeans, saias, shorts ou calças esportivas. São produções ideais para a casual Friday, como uma vibe descontraída do look de negócios, e para relaxar no final de semana -- as peças soltinhas, com a cara do verão, deixam o visual bem confortável.

"Os fashionistas amaram a volta do tie-dye e já começam explorar os looks com produções bem despojadas. Ainda mais agora, que a tendência veio com uma pegada diferenciada mais sofisticada e elegante, com cores mais sóbrias", afirma a designer e empresária de moda Kênia Navarro.

Vestidos extravagantes 

Com o tie-dye repaginado, vestidos de modelagem simples se transformam em peças marcantes. As nuances da estampa dão aquele up em peças casuais e de festa, trazendo um toque fashionista na medida certa.

Na hora de escolher o vestido, deixe o modismo de lado e priorize a peça ou ório que combine com sua personalidade e estilo de vida. "Minha dica é que você aposte na peça que gostar, que não necessariamente precisa ser uma blusa ou camisa, vale um jeans tie-dye, um vestido, uma bolsa, até um tênis", completa a stylist Marcia Jorge.