Imagem de Aula de programação - os melhores frameworks (front-end) [vídeo] no site TecMundo

Dúvidas sobre qual framework usar em seus projetos web? Não perca este vídeo com dicas valiosas sobre os melhores do mercado

thumb-image-2024-04-30T03:22:06.525Z

Aula de programação - os melhores frameworks (front-end) [vídeo]

banner-image-2024-04-30T03:22:25.540Z

Imagem de Rocktt: plataforma ajuda designers a serem vistos no mercado de trabalho no site TecMundo

Através do sistema, designers podem divulgar o seu trabalho e serem vistos pelo mercado de trabalho

A busca pelo primeiro emprego nas &aacute;reas de design, arquitetura e ilustrac&atilde;o n&atilde;o &eacute; f&aacute;cil. Os estudantes querem apresentar seus trabalhos para as ag&ecirc;ncias, mas nem sempre o contato com elas est&aacute; acess&iacute;vel.
Como alternativa para n&atilde;o ficar parado, os estudantes procuram trabalhos tempor&aacute;rios (os "freelas"). Ainda assim, &eacute; dif&iacute;cil encontrar alguma oferta fora do eixo Rio-S&atilde;o Paulo.
Al&eacute;m disso, as ag&ecirc;ncias tamb&eacute;m encontram dificuldade em chegar mais diretamente aos candidatos.&nbsp;Pensando em solucionar esses problemas surge o <a href="http://rocktt.com.br/">Rocktt</a>, uma plataforma que promove a intera&ccedil;&atilde;o entre os profissionais e as ag&ecirc;ncias.&nbsp;
<h2>Em busca de oportunidades</h2>
A ideia do projeto surgiu quando o designer Gustavo Calegari e o programador Gabriel Roloff perceberam a falta de ferramentas brasileiras de recrutamento e sele&ccedil;&atilde;o voltadas para as profiss&otilde;es criativas.
"A maioria dos sites de portfolio &eacute; em ingl&ecirc;s, e os portais que oferecem vagas focam quase que somente em S&atilde;o Paulo e Rio de Janeiro", aponta Gustavo Calegari, cofundador do Rocktt. Profissionais que moram fora desse circuito teriam a barreira da l&iacute;ngua e das dist&acirc;ncias para conseguir promover os seus trabalhos. "Al&eacute;m disso, para as &aacute;reas criativas, apresentar apenas o curr&iacute;culo n&atilde;o basta. Os recrutadores querem ver o portf&oacute;lio, e o Rocktt d&aacute; esse subs&iacute;dio", completa ele.
<img src="https://tm.ibxk.com.br/2015/01/21/21160745806784.jpg" />
O interessado em arranjar um trabalho pode se cadastrar no <a href="http://rocktt.com.br/">Rocktt</a> atrav&eacute;s da sua conta de email ou Facebook. Depois disso, pode completar seu curr&iacute;culo com dados pessoais e principais compet&ecirc;ncias, al&eacute;m de fazer o upload de seu portf&oacute;lio e escolher se quer que esse material fique vis&iacute;vel para todos ou apenas para quem tiver o link de acesso.
Os cadastrados tamb&eacute;m t&ecirc;m acesso a uma lista de "vagas criativas" em todo o Brasil, podem divulgar seu portf&oacute;lio nas redes sociais e tamb&eacute;m acompanhar portf&oacute;lios inspiradores de outros participantes do Rocktt e de empresas interessantes para se trabalhar.
Para quem est&aacute; do outro lado, o acesso tamb&eacute;m &eacute; f&aacute;cil: a empresa pode cadastrar todas as suas vagas na plataforma de maneira r&aacute;pida, colocando qual &eacute; o perfil de candidato e quais s&atilde;o as compet&ecirc;ncias exigidas no trabalho. Tamb&eacute;m pode circular pelos portf&oacute;lios, interagir com os candidatos e convidar um determinado profissional para concorrer &agrave; sua vaga.
Interessados em conhecer o Rocktt podem acessar a vers&atilde;o Beta do projeto: <a href="http://www.rocktt.com.br/">http://www.rocktt.com.br/</a>

thumb-image-2024-04-30T03:22:25.540Z

Rocktt: plataforma ajuda designers a serem vistos no mercado de trabalho

banner-image-2024-04-30T03:24:04.629Z

Imagem de Nova mudança no visual? YouTube testa pequenos ajustes no design do site no site TecMundo

Alterações no serviço de vídeo trazem mudanças que deixam as páginas ainda mais limpas e acentuam escolhas minimalistas

O <a href="https://www.tecmundo.com.br/youtube" target="_blank">YouTube</a>, maior servi&ccedil;o de compartilhamento de v&iacute;deos do mundo, foi fundado em 2005 e, desde ent&atilde;o, recebeu diversas melhorias, como o aperfei&ccedil;oamento da ferramenta de upload e at&eacute; o recente suporte a v&iacute;deos em 3D. Por&eacute;m, uma das caracter&iacute;sticas que mais sofreu altera&ccedil;&otilde;es com o tempo foi o visual e a interface pela qual os usu&aacute;rios interagem com o site, e parece que nesta &uacute;ltima sexta-feira (29) a p&aacute;gina recebeu alguns pequenos retoques.
Com cada vez mais funcionalidades acrescentadas ao site ao longo dos anos, a interface de usu&aacute;rio precisou ser atualizada diversas vezes para que pudesse acompanhar o constante crescimento do servi&ccedil;o. O &uacute;ltimo grande redesenho aconteceu no come&ccedil;o deste ano, deixando o YouTube com uma apar&ecirc;ncia que casava perfeitamente com seu aplicativo para celulares.
Isso n&atilde;o impede que a Google &ndash; que adquiriu o YouTube em 2006 &ndash; aplique e teste pequenas altera&ccedil;&otilde;es para fazer o ajuste fino na experi&ecirc;ncia de seus usu&aacute;rios, o que &eacute; o caso das mudan&ccedil;as de ontem. O leitor atento deve ter percebido que algumas &aacute;reas do YouTube ficaram levemente mais retas e limpas, como a se&ccedil;&atilde;o inicial de &ldquo;Recomendado&rdquo;.
<img src="https://tm.ibxk.com.br/2014/08/30/30114557494040.jpg" />
Tamb&eacute;m houve mudan&ccedil;as na p&aacute;gina dos v&iacute;deos, j&aacute; que, logo abaixo do player, os bot&otilde;es de &ldquo;Adicionar a&rdquo;, &ldquo;Compartilhar&rdquo; e &ldquo;Mais&rdquo; foram agrupados &agrave; esquerda, enquanto as op&ccedil;&otilde;es de &ldquo;Gostei&rdquo; e &ldquo;N&atilde;o gostei&rdquo; foram para a direita, incorporadas ao n&uacute;mero de votos para cada alternativa. Esses bot&otilde;es todos ficaram menores e receberam um tratamento bem minimalista, usando &iacute;cones e texto na cor cinza.
<img src="https://tm.ibxk.com.br/2014/08/30/30114657866044.jpg" />
Ao clicar no &iacute;cone do usu&aacute;rio, no canto superior direito, tamb&eacute;m somos apresentados a um novo visual do menu, que agora tem uma apar&ecirc;ncia mais s&oacute;bria, casando com o resto do design usado no site. Aparentemente, nem todo mundo recebeu essas atualiza&ccedil;&otilde;es no visual ainda, mas, como &eacute; caracter&iacute;stico da Google, em pouco tempo as mudan&ccedil;as devem chegar a todos os seus clientes.

oxhey/deviantART

thumb-image-2024-04-30T03:24:04.629Z

Nova mudança no visual? YouTube testa pequenos ajustes no design do site

banner-image-2024-04-30T03:24:12.851Z

Imagem de Mude completamente (para melhor!) o visual da boa e velha Wikipedia no site TecMundo

WikiWand transforma o layout da enciclopédia virtual e adiciona novas facilidades

Com a miss&atilde;o de tornar mais agrad&aacute;vel a experi&ecirc;ncia de navegar pela Wikipedia, que n&atilde;o sofre altera&ccedil;&otilde;es not&aacute;veis de design desde 2004, o site <a href="http://www.wikiwand.com/" target="_blank">WikiWand</a> promete transformar radicalmente o visual da enciclop&eacute;dia coletiva. Ao acessar algum artigo da Wikipedia por meio do servi&ccedil;o, a p&aacute;gina carrega um layout modificado que apresenta textos maiores e menos blocados, al&eacute;m de exibir uma galeria de imagens e barra de navega&ccedil;&atilde;o lateral.
Acessar a interface moderna fica ainda mais f&aacute;cil quando se instala a extens&atilde;o dispon&iacute;vel para os navegadores <a href="https://chrome.google.com/webstore/detail/wikiwand-wikipedia-modern/emffkefkbkpkgpdeeooapgaicgmcbolj" target="_blank">Chrome</a>, <a href="https://addons.mozilla.org/en-US/firefox/addon/wikiwand-wikipedia-modernized/" target="_blank">Firefox</a> e <a href="https://extensions.apple.com/details/?id=com.wikiwand.safari-LT6875SP46" target="_blank">Safari</a>. A partir da&iacute;, toda vez que voc&ecirc; visitar uma p&aacute;gina da Wikipedia ver&aacute; automaticamente a vers&atilde;o WikiWand do link. A empresa israelense ainda divulga que, ao usar a extens&atilde;o, o tempo de carregamento dos artigos &eacute; at&eacute; tr&ecirc;s vezes mais r&aacute;pido do que o convencional. Por&eacute;m, no uso di&aacute;rio, n&atilde;o percebemos uma diferen&ccedil;a consider&aacute;vel, mesmo em verbetes mais pesados.
<h2>Funcionalidades e o futuro</h2>
<img src="https://tm.ibxk.com.br/2014/08/21/21124230970435.jpg" />
Para o CEO da empresa, Lior Grossman, uma mudan&ccedil;a desse g&ecirc;nero era algo inevit&aacute;vel. &ldquo;N&atilde;o fazia sentido para n&oacute;s que o quinto site mais popular do mundo, usado por 500 milh&otilde;es de pessoas, n&atilde;o tivesse uma atualiza&ccedil;&atilde;o de interface em mais de uma d&eacute;cada&rdquo;, conta Grossman. O servi&ccedil;o foi desenvolvido em cima de frustra&ccedil;&otilde;es sentidas pela pr&oacute;pria equipe da WikiWand.
H&aacute; uma &oacute;bvia diferen&ccedil;a ao navegar pelos textos, j&aacute; que a fonte escolhida, o seu tamanho e a sua disposi&ccedil;&atilde;o facilitam bastante a leitura. As p&aacute;ginas ficam mais agrad&aacute;veis tamb&eacute;m, com o uso de imagens grandes de capa e uma galeria compilando as fotos relativas ao termo.
O uso de um menu lateral fixo torna a navega&ccedil;&atilde;o em artigos longos bem mais fluidas do que na vers&atilde;o cl&aacute;ssica, com links r&aacute;pidos de acesso. Mesmo pequenas mudan&ccedil;as, como o preview de outras entradas da Wikipedia ao passar o mouse por cima do termo, tornam dif&iacute;cil querer voltar ao layout original, algo que &eacute; poss&iacute;vel pelo menu do WikiWand no topo das p&aacute;ginas.
No come&ccedil;o deste m&ecirc;s, o time da WikiWand recebeu um aporte financeiro de 600 mil d&oacute;lares por meio de um investidor. O dinheiro deve ser usado para o desenvolvimento dos aplicativos do servi&ccedil;o para os sistemas m&oacute;veis Android e iOS, com previs&atilde;o de lan&ccedil;amento para o final do ano. H&aacute; ainda o plano de monetizar o servi&ccedil;o, integrando an&uacute;ncios relacionados que ter&atilde;o 30% do seu lucro doado para a organiza&ccedil;&atilde;o da Wikipedia.

WikiWand

thumb-image-2024-04-30T03:24:12.851Z

Mude completamente (para melhor!) o visual da boa e velha Wikipedia

banner-image-2024-04-30T03:25:17.696Z

Imagem de Estudante de design da Índia cria alfabeto a partir de grandes descobertas no site TecMundo

De “A” à “Z”, você pode conferir nomes como Arquimedes e Zworykin

Khyati Trehan &eacute; uma designer de Nova D&eacute;lhi, na &Iacute;ndia. Quando era apenas uma estudante, a jovem resolveu desenvolver um projeto ousado: criar um alfabeto original de fontes inspiradas nos 26 inventores e cientistas mais influentes de toda a Hist&oacute;ria. O resultado final ficou realmente incr&iacute;vel, como voc&ecirc; pode conferir no seu blog. 
Cada letra do tipo &eacute; desenhada a partir de uma inven&ccedil;&atilde;o ou descoberta, sendo poss&iacute;vel visualizar o nome da cria&ccedil;&atilde;o e do inventor na imagem publicada por ela. Exemplos disso s&atilde;o a letra &ldquo;E&rdquo;, que representa Edison e o seu fon&oacute;grafo, &ldquo;B&rdquo; de Boyle e a lei dos gases ideais ou &ldquo;A&rdquo; Arquimedes e o seu Parafuso de Arquimedes.
O projeto foi batizado de &ldquo;The Beauty of Scientific Diagrams&rdquo; e chama a aten&ccedil;&atilde;o de designers e at&eacute; mesmo curiosos de plant&atilde;o. Al&eacute;m disso, ele inclui o alfabeto acabado e tamb&eacute;m diagramas individuais para cada exemplo.
De acordo com Trehan, a ideia de fundir autor e descoberta veio dela mesmo. Entretanto, n&atilde;o foi algo planejado, j&aacute; que ele simplesmente &ldquo;apareceu&rdquo; em um belo dia na hora e no local certos.
Trehan tamb&eacute;m postou todo o processo de cria&ccedil;&atilde;o e disponibilizou as fontes para que todos possam desfrutar desse projeto interessante. Assim, se voc&ecirc; gostar, poder&aacute; encomendar todas as letras e o alfabeto impresso por US$ 20. No entanto, ainda n&atilde;o h&aacute; informa&ccedil;&otilde;es se Trehan vai vender ou n&atilde;o as letras para serem usadas como fontes no computador.
<h2>Algumas fontes</h2>
<h3>Parafuso de Arquimedes</h3>
O Parafuso de Arquimedes tamb&eacute;m &eacute; conhecido por bomba de parafuso. Trata-se de uma m&aacute;quina para transferir l&iacute;quidos entre dois pontos com eleva&ccedil;&atilde;o diferentes. Originalmente era constru&iacute;da a partir de um parafuso colocado dentro de um tubo cil&iacute;ndrico.
<img src="https://tm.ibxk.com.br/2014/05/12/12173733415733.jpg" />Arquimedes: Parafuso de Arquimedes
<h2>Fon&oacute;grafo </h2>
Foi um aparelho criado em 1877 por Thomas Edison utilizado para a grava&ccedil;&atilde;o e reprodu&ccedil;&atilde;o de sons a partir de um cilindro. Trata-se do primeiro aparelho com esse recurso. A grande inova&ccedil;&atilde;o dessa inven&ccedil;&atilde;o encontra-se justamente na capacidade de reproduzir os sons gravados, algo imposs&iacute;vel at&eacute; ent&atilde;o.
<img src="https://tm.ibxk.com.br/2014/05/12/12173908311737.jpg" />Edison: Fon&oacute;grafo
<h2>Evolu&ccedil;&atilde;o do microsc&oacute;pio</h2>
Leeuwenhoek foi um comerciante de tecido, cientista e construtor de microsc&oacute;pios. Ele possu&iacute;a a maior cole&ccedil;&atilde;o de lentes do mundo (cerca de 250) e foi o primeiro a observar e descrever fibras musculares, bact&eacute;rias e vasos sangu&iacute;neos de peixes. O microsc&oacute;pio utilizado por Leeuwenhoek era constitu&iacute;do por uma lente com capacidade de aumentar uma imagem cerca de 200 vezes.
<img src="https://tm.ibxk.com.br/2014/05/12/12174434025741.jpg" />Leeuwenhoek: evolu&ccedil;&atilde;o do microsc&oacute;pio
No <a href="http://khyatitrehan.blogspot.com.br/2014/04/the-first-real-post.html" target="_blank">blog</a> da designer voc&ecirc; pode visualizar todas as fontes criadas, bem como acessar o <a href="https://www.behance.net/khyatitrehan" target="_blank">livro digital </a>que conta o processo de cria&ccedil;&atilde;o de todas elas.

thumb-image-2024-04-30T03:25:17.696Z

Estudante de design da Índia cria alfabeto a partir de grandes descobertas

banner-image-2024-04-30T03:25:20.965Z

Imagem de 5 propostas de como deixar o Google ainda melhor no site TecMundo

Várias pessoas estão trazendo propostas de redesign para a página de internet mais famosa do mundo. Confira algumas das mais interessantes

<img src="https://tm.ibxk.com.br/2014/05/06/06123717612263.jpg" alt="" />
&Eacute; dif&iacute;cil pensar em uma maneira de melhorar ou facilitar o uso de um servi&ccedil;o de pesquisa t&atilde;o simples e direto quanto o <a title="Google Search" href="http://tecmundo.com.br/google-search/" target="_blank">Google</a>. Mas isso n&atilde;o quer dizer que seja imposs&iacute;vel; assim, o site <a href="http://www.lettersociety.com/" target="_blank">Letter Society</a> uniu uma s&eacute;rie de designers determinados a melhorar o que j&aacute; &eacute; quase perfeito.
O resultado alcan&ccedil;ado nos projetos &eacute; realmente impressionante. Embora muitos deles provavelmente n&atilde;o sejam ideias vi&aacute;veis para serem utilizadas pela Google, &eacute; preciso admitir que, no m&iacute;nimo, seria bem interessante ter uma p&aacute;gina dessas para fazer nossas pesquisas.
<h2>1- Google, seu assistente pessoal</h2>
Quem usa servi&ccedil;os como o Google Now, o Siri ou o Cortana para facilitar a organiza&ccedil;&atilde;o de seu dia a dia provavelmente j&aacute; desejou ter uma ferramenta como essas no PC. E a proposta de <a href="http://www.lettersociety.com/post/83345238602/project-9-google-reskin-happy-easter-yall-hope" target="_blank">Jenn DiMenna</a> &eacute; justamente esta: tornar a p&aacute;gina do Google sua dashboard pessoal.
<img src="https://tm.ibxk.com.br/2014/05/06/06124040679271.jpg" alt="" />
Al&eacute;m da simp&aacute;tica mensagem de boas-vindas, o Google ganharia uma s&eacute;rie de notifica&ccedil;&otilde;es personaliz&aacute;veis, com avisos para um programa de TV que est&aacute; passando, um evento importante em seu calend&aacute;rio, uma nova mensagem recebida... Isso, &eacute; claro, s&atilde;o apenas alguns dos tipos de notifica&ccedil;&otilde;es entre v&aacute;rias outros.
<h2>2- Cores, muitas cores</h2>
Por mais que n&atilde;o traga nenhuma melhoria para a interface do sistema, &eacute; preciso admitir que o conceito feito por <a href="http://www.lettersociety.com/post/83359267224/project-9-google-com-search-redesign-for-this" target="_blank">Erik Wagner</a> impressiona por sua beleza.
<img src="https://tm.ibxk.com.br/2014/05/06/06124053923272.jpg" alt="" />
A ideia executada por ele consistiu apenas em trazer as cores t&atilde;o presentes nos servi&ccedil;os e logos da Google para a p&aacute;gina principal do buscador. O resultado &eacute; uma apar&ecirc;ncia mais viva do que voc&ecirc; provavelmente imaginou para o motor de busca da empresa.
<h2>3- Preto no branco</h2>
Enquanto o artista acima prop&ocirc;s uma forma de dar muito mais vida para a p&aacute;gina de pesquisa do Google, o ilustrador e designer <a href="http://www.lettersociety.com/post/83355210178/project-9-google-com-search-redesign-hey-there" target="_blank">Casey Crisenbery</a> seguiu o caminho oposto.
<img src="https://tm.ibxk.com.br/2014/05/06/06124022957270.gif" alt="" />
Com isso, nasceu uma p&aacute;gina quase totalmente em preto e branco, criada apenas para servir como um meio de chegar &agrave; resposta de suas buscas. Vale notar, &eacute; claro, os apps na parte inferior do programa, para um acesso mais r&aacute;pido.
<h2>4- Tudo em uma barra</h2>
Quase t&atilde;o minimalista quanto o caso acima &eacute; a ideia de <a href="http://www.lettersociety.com/post/83426904251/simplifying-simple-well-this-was-most-certainly-a" target="_blank">Mark Manalaysay</a>. Embora mantenha o mesmo design principal do Google atual, o conceito aqui faz uma pequena limpeza na p&aacute;gina inicial da busca, deixando apenas a logo da empresa, o campo de pesquisa e o bot&atilde;o de comandos por voz.
<img src="https://tm.ibxk.com.br/2014/05/06/06124106169274.jpg" alt="" />
<img src="https://tm.ibxk.com.br/2014/05/06/06124120366275.jpg" alt="" />
O principal destaque, no entanto, fica para a barra de navega&ccedil;&atilde;o persistente: esta permanece inalterada durante o uso de praticamente todos os servi&ccedil;os da Google. Dessa maneira, tamb&eacute;m &eacute; poss&iacute;vel permitir um acesso a qualquer outra ferramenta da empresa, como o Gmail ou o Google Maps, com extrema rapidez e facilidade.
<h2>5- &ldquo;Toque, arraste, navegue&rdquo;</h2>
Foi usando os tr&ecirc;s termos acima que <a href="http://www.lettersociety.com/post/83378609709/project-9-google-com-search-redesign-hey" target="_blank">Alli Grunthaner</a> baseou o design de sua interface para o Google. Com grande foco nos dispositivos m&oacute;veis, o diretor de arte da Arc Worldwide usou como principais destaques os m&uacute;ltiplos tiles para separar as categorias de busca, pelos quais voc&ecirc; poderia alternar clicando nas setas laterais ou arrastando o dedo pela lista; depois, bastaria inserir o termo de pesquisa e conferir os resultados.
<img src="https://tm.ibxk.com.br/2014/05/06/06124139803276.jpg" alt="" />
.....
E ent&atilde;o, qual das propostas acima pareceu a mais interessante para o futuro do Google? O que voc&ecirc; mudaria na p&aacute;gina da empresa, se pudesse? Deixe suas opini&otilde;es nos coment&aacute;rios.

thumb-image-2024-04-30T03:25:20.965Z

5 propostas de como deixar o Google ainda melhor

banner-image-2024-04-30T03:27:38.965Z

Imagem de Google Chrome: 5 extensões para designers e desenvolvedores no site TecMundo

Descubra ferramentas que podem ajudar você no dia a dia!

Se voc&ecirc; &eacute; designer, desenvolvedor ou trabalha em &aacute;reas pr&oacute;ximas a isso, pode contar com uma s&eacute;rie de complementos para o Google Chrome que v&atilde;o ajudar voc&ecirc; nas tarefas do dia a dia.
Nessa lista, reunimos uma s&eacute;rie de elementos que v&atilde;o mudar a forma como voc&ecirc; trabalha, melhorando ainda mais seus processos de trabalho e fazendo com que voc&ecirc; perca menos tempo em tarefas b&aacute;sicas. Confira a lista e comece as instala&ccedil;&otilde;es!
<h2>1. Responsive Inspector</h2>
<img src="https://tm.ibxk.com.br/2013/8/materias/16350165230184249.jpg" alt="" />
Ao criar sites responsivos, uma das suas mais importantes tarefas &eacute; ver como o layout reage em diferentes formas de visualiza&ccedil;&atilde;o. Com o Responsive Inspector isso fica mais simples. O sistema l&ecirc; todo o seu CSS e ajuda a determinar a rea&ccedil;&atilde;o do site em cada formato de tela. Dessa forma, voc&ecirc; pode redimensionar seu navegador e fazer capturas de tela dos mais variados formatos utilizados.
<h2>2. WhatFont</h2>
<img src="https://tm.ibxk.com.br/2013/8/materias/1635016523018435.jpg" alt="" />
Viu uma imagem legal e precisa descobrir qual fonte foi usada? Com o <a href="https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm">WhatFont</a> isso &eacute; muito f&aacute;cil! Ao posicionar o mouse sobre qualquer fonte, o sistema consegue reconhecer automaticamente a tipografia e, consequentemente, mostrar para voc&ecirc; todos os detalhes sobre ela.
<h2>3. Colorzilla</h2>
<img src="https://tm.ibxk.com.br/2013/8/materias/16350165230184319.jpg" alt="" />
O <a href="https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp">Colorzilla</a> &eacute; um dos complementos essenciais para designers. Ele ajuda voc&ecirc; em diversas tarefas, desde a simples an&aacute;lise de cores de uma pagina at&eacute; a possibilidade de pr&eacute;-visualizar qualquer website em diferentes cores, o que ajuda muito na hora de fazer testes.
<h2>4. Firebug</h2>
<img src="https://tm.ibxk.com.br/2013/8/materias/16350165230184335.jpg" alt="" />
O <a href="https://chrome.google.com/webstore/detail/firebug-lite-for-google-c/bmagokdooijbeehmkpknfglimnifench">Firebug</a> n&atilde;o &eacute; novidade, mas, por ser uma das extens&otilde;es mais usadas por desenvolvedores, ele merece entrar na lista. Na vers&atilde;o Lite, voc&ecirc; tem grande parte das funcionalidades da extens&atilde;o, que ajuda voc&ecirc; a encontrar problemas no c&oacute;digo da p&aacute;gina.
<h2>5. Palette</h2>
<img src="https://tm.ibxk.com.br/2013/8/materias/16350165230184348.jpg" alt="" />
Nem sempre a sua criatividade est&aacute; pronta para trabalhar. No entanto, com o <a href="https://chrome.google.com/webstore/detail/palette-for-chrome/oolpphfmdmjbojolagcbgdemojhcnlodhttps:/chrome.google.com/webstore/detail/palette-for-chrome/oolpphfmdmjbojolagcbgdemojhcnlod">Palette</a>, voc&ecirc; tem a alternativa de conferir uma paleta de cores completa com base em qualquer fotografia. Clique sobre a imagem com o bot&atilde;o direito do mouse e selecione a extens&atilde;o. A an&aacute;lise fica pronta em alguns segundos e voc&ecirc; ganha uma paleta de cores completa para qualquer projeto.

thumb-image-2024-04-30T03:27:38.965Z

Google Chrome: 5 extensões para designers e desenvolvedores

banner-image-2024-04-30T03:27:41.976Z

Imagem de Zbrush: conheça o Photoshop da modelagem 3D [vídeo] no site TecMundo

Descubra como funciona um dos softwares de modelagem 3D que mais vem chamando a atenção do mercado!

thumb-image-2024-04-30T03:27:41.976Z

Zbrush: conheça o Photoshop da modelagem 3D [vídeo]

banner-image-2024-04-30T03:28:12.948Z

Imagem de HTML5: surpreenda-se com as possibilidades gráficas de Canvas no site TecMundo

Listamos seis demonstrações incríveis feitas todas via Canvas – e, portanto, sem uso de software externo algum.

<img src="https://tm.ibxk.com.br/2013/7/materias/8067326114135158.jpg" alt="" />Nenhum software externo &eacute; usado nestas anima&ccedil;&otilde;es. (Fonte da imagem: <a href="http://codepen.io/soulwire/pen/Ffvlo" target="_blank">Reprodu&ccedil;&atilde;o/Codepen.Io</a>)
Se voc&ecirc; &eacute; programador, entusiasta a web designer ou apenas gosta de ficar por dentro do &ldquo;mundo m&aacute;gico da programa&ccedil;&atilde;o&rdquo;, estas demonstra&ccedil;&otilde;es do poderio gr&aacute;fico de Canvas certamente v&atilde;o lhe chamar a aten&ccedil;&atilde;o. E detalhe: os c&oacute;digos listados a seguir s&atilde;o tamb&eacute;m um convite a quem &ldquo;gosta de brincar com a f&iacute;sica&rdquo;, conforme comenta o pr&oacute;prio criador das anima&ccedil;&otilde;es.
Mas estamos falando do qu&ecirc;? O Canvas &eacute; um elemento de <a href="https://www.google.com/url?q=https://www.tecmundo.com.br/html5/&amp;sa=U&amp;ei=E6vVUevyEray4AOp0YD4Dw&amp;ved=0CAcQFjAA&amp;client=internal-uds-cse&amp;usg=AFQjCNGY6cFhyiVN6YvP4uyMbSf_WHbqGg" target="_blank">HTML5</a> capaz de delimitar uma &aacute;rea espec&iacute;fica na p&aacute;gina para a renderiza&ccedil;&atilde;o din&acirc;mica de gr&aacute;ficos. A linguagem mais utilizada por esse recurso &eacute; a Javascript &ndash; que permite, portanto, a cria&ccedil;&atilde;o de anima&ccedil;&otilde;es atrav&eacute;s de c&oacute;digos de programa&ccedil;&atilde;o din&acirc;mica.
Para visualizar e at&eacute; mesmo interagir com os c&oacute;digos elencados abaixo, clique sobre a op&ccedil;&atilde;o &ldquo;Ver demo&rdquo; (ao lado do t&iacute;tulo de cada uma das anima&ccedil;&otilde;es); voc&ecirc; ser&aacute; automaticamente direcionado ao site Develop Mozila ou ao Codepen.Io &ndash; endere&ccedil;os respons&aacute;veis por hospedar os recursos interativos.
<h2>1 &ndash; Zen Photon Garden <a href="https://developer.mozilla.org/en-US/demos/detail/zen-photon-garden/launch" target="_blank">(Ver demo)</a></h2>
<img src="https://tm.ibxk.com.br/2013/7/materias/8067326114135410.jpg" alt="" />Clique em "Ver demo" para acessar a anima&ccedil;&atilde;o. (Fonte da imagem: <a href="https://developer.mozilla.org/en-US/demos/detail/zen-photon-garden/launch" target="_blank">Reprodu&ccedil;&atilde;o/DeveloperMozila</a>)
Esta demonstra&ccedil;&atilde;o permite que linhas sejam desenhadas na tela. Um tipo de feixe de luz branca fica ao fundo do monitor; os seus rabiscos v&atilde;o funcionar como uma rede, filtrando alguns raios luminosos.
<h2>2 &ndash; Tear-able Cloth <a href="http://codepen.io/stuffit/pen/KrAwx" target="_blank">(Ver demo)</a></h2>
<img src="https://tm.ibxk.com.br/2013/7/materias/8067326114135617.jpg" alt="" />Clique em "Ver demo" para acessar a anima&ccedil;&atilde;o. (Fonte da imagem: <a href="http://codepen.io/stuffit/pen/KrAwx" target="_blank">Reprodu&ccedil;&atilde;o/Codepen.Io</a>)
Que tal testar a sua sensibilidade ao manusear uma rede superdelicada? Para interagir com esta anima&ccedil;&atilde;o, basta segurar o bot&atilde;o esquerdo do mouse sobre a rede mostrada e movimentar o cursor. E &eacute; claro: &eacute; poss&iacute;vel configurar o c&oacute;digo de acordo com as suas prefer&ecirc;ncias na aba HTML.
<h2>3 &ndash; Particles <a href="http://codepen.io/pixelgrid/pen/ECrKd" target="_blank">(Ver demo)</a></h2>
<img src="https://tm.ibxk.com.br/2013/7/materias/8067326114135758.jpg" alt="" />Clique em "Ver demo" para acessar a anima&ccedil;&atilde;o. (Fonte da imagem: <a href="http://codepen.io/soulwire/pen/Ffvlo" target="_blank">Reprodu&ccedil;&atilde;o/Codepen.Io</a>)
Opacidade, n&iacute;veis de cor, linhas de conex&atilde;o, posi&ccedil;&atilde;o de cada part&iacute;cula e outros tantos movimentos e formas podem ser feitos e obtidos nesta anima&ccedil;&atilde;o conceitual. Trabalhe com a linguagem HTML&nbsp; e d&ecirc; aos fragmentos as propriedades que mais lhe agradam.
<h2>4 &ndash; Canvas Rider <a href="http://canvasrider.com/tracks/409068" target="_blank">(Ver demo)</a></h2>
<img src="https://tm.ibxk.com.br/2013/7/materias/8067326114135959.jpg" alt="" />Clique em "Ver demo" para acessar a anima&ccedil;&atilde;o. (Fonte da imagem: <a href="http://codepen.io/soulwire/pen/Ffvlo" target="_blank">Reprodu&ccedil;&atilde;o/Codepen.Io</a>)
Ao menos um jogo escrito todo a partir de Canvas deveria ser listado, certo? Pois o seu desafio em Canvas Rider vai ser controlar um ciclista muito sens&iacute;vel aos controles. Use as flechas direcionais para movimentar o personagem, e aten&ccedil;&atilde;o: cuidado para n&atilde;o curv&aacute;-lo demais &ndash; do contr&aacute;rio, uma queda visivelmente dolorosa vai ser emplacada pelo sujeito monocrom&aacute;tico. Aperte a tecla &ldquo;Enter&rsquo;&rdquo; para reiniciar o jogo e boa sorte!
<h2>5 &ndash; 30.000 particles <a href="http://codepen.io/soulwire/pen/Ffvlo" target="_blank">(Ver demo)</a></h2>
<img src="https://tm.ibxk.com.br/2013/7/materias/806732611414041.jpg" alt="" />Clique em "Ver demo" para acessar a anima&ccedil;&atilde;o. (Fonte da imagem: <a href="http://codepen.io/soulwire/pen/Ffvlo" target="_blank">Reprodu&ccedil;&atilde;o/Codepen.Io</a>)
E se for poss&iacute;vel tamb&eacute;m &ldquo;explodir&rdquo; algumas part&iacute;culas? Al&eacute;m de admitir a forma&ccedil;&atilde;o de desenhos circulares, um cen&aacute;rio ca&oacute;tico pode ser tamb&eacute;m criado nesta demonstra&ccedil;&atilde;o. Apenas passe o mouse sobre o quadro destinado &agrave; movimenta&ccedil;&atilde;o do cursor e surpreenda-se com as formata&ccedil;&otilde;es configuradas pelo 30.000 particles. Voc&ecirc; as destruiu todas? Tenha calma, pois aos poucos cada uma das tr&ecirc;s dezenas de milhares de pontos vai voltar ao seu lugar.
<h2>6 &ndash; HTML Video Destruction <a href="http://www.craftymind.com/factory/html5video/CanvasVideo.html" target="_blank">(Ver demo)</a></h2>
<img src="https://tm.ibxk.com.br/2013/7/materias/806732611414249.jpg" alt="" />Clique em "Ver demo" para acessar a anima&ccedil;&atilde;o. (Fonte da imagem: <a href="http://codepen.io/soulwire/pen/Ffvlo" target="_blank">Reprodu&ccedil;&atilde;o/Codepen.Io</a>)
Gostou de detonar alguns pontos? Que tal, agora, explodir alguns v&iacute;deos? Basta clicar em qualquer ponto da anima&ccedil;&atilde;o mostrada e esperar pelo &ldquo;bum!&rdquo;. Progressivamente os &ldquo;pixels&rdquo; ser&atilde;o recompostos &ndash; eis a sua chance de mandar tudo pelos ares novamente.
....
O Canvas ainda n&atilde;o &eacute; a linguagem predominante quando se fala em anima&ccedil;&atilde;o no campo da programa&ccedil;&atilde;o de p&aacute;ginas de web. Entretanto, por dispensar o uso de ferramentas externas (como o Flash) e exigir apenas conhecimentos em <a href="https://www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm" target="_blank">HTML5</a>, &eacute; bastante prov&aacute;vel que, em pouco tempo, esse recurso se torne a principal refer&ecirc;ncia em termos de dinamismo, interatividade, qualidade e resposta na &aacute;rea de anima&ccedil;&otilde;es de web pages.

thumb-image-2024-04-30T03:28:12.948Z

HTML5: surpreenda-se com as possibilidades gráficas de Canvas

banner-image-2024-04-30T03:29:33.996Z

Imagem de 13 redes sociais para designers no site TecMundo

Fontes de informação, novos contatos com colegas do ramo ou repositórios de recursos para projetos: as comunidades podem trazer um mundo de possibilidades para os profissionais do design.

Diversas s&atilde;o as formas de entrar em contato com os profissionais da mesma &aacute;rea e tamb&eacute;m de se informar sobre as novidades em nosso meio de atua&ccedil;&atilde;o. E o ramo das atividades criativas tamb&eacute;m participa disso.
<img src="/imagens/2013/1/materias/6671744252818145.jpg" alt="" /> (Fonte da imagem: <a href="http://www.istock.com" target="_blank">iStock</a>)
Designers de todos os tipos, publicit&aacute;rios e profissionais do marketing necessitam estar em contato com novos conceitos e at&eacute; mesmo visualizar trabalhos j&aacute; feitos como forma de inspira&ccedil;&atilde;o. Mas onde encontrar esse tipo de fonte de informa&ccedil;&atilde;o e de recursos para dar in&iacute;cio aos projetos?
Nesta sele&ccedil;&atilde;o, escolhemos 12 redes sociais por meio das quais voc&ecirc; pode acessar informa&ccedil;&otilde;es relacionadas ao design e tamb&eacute;m trocar uma ideia com outros profissionais do ramo. Esse contato, que s&oacute; &eacute; proporcionado por comunidades interativas, torna mais rica a experi&ecirc;ncia e traz mais conhecimento para a sua navega&ccedil;&atilde;o. Confira nossa lista de servi&ccedil;os e escolha os seus preferidos.
<h2>Dsign.me</h2>
Apesar de grande parte das op&ccedil;&otilde;es de redes sociais criativas ser internacional, h&aacute; cerca de tr&ecirc;s anos foi criada a primeira interface inteiramente brasileira: o <a href="http://dsignme.com" target="_blank">Dsign.me</a>. O site interativo foi criado para promover a comunica&ccedil;&atilde;o entre profissionais ou adoradores das &aacute;reas relacionadas &ndash; como o pr&oacute;prio design (seja ele gr&aacute;fico ou de produto), publicidade e propaganda, marketing, express&atilde;o gr&aacute;fica e demais cursos correspondentes.
<img src="/imagens/2013/1/materias/66717442528175846.jpg" alt="" />
(Fonte da imagem: <a href="http://dsignme.com" target="_blank">Reprodu&ccedil;&atilde;o/Dsign.me</a>)
As p&aacute;ginas da rede social lembram um blog, por meio das quais &eacute; poss&iacute;vel conferir not&iacute;cias sobre premia&ccedil;&otilde;es da &aacute;rea, novas t&eacute;cnicas e at&eacute; mesmo discuss&otilde;es sobre assuntos relevantes. Em outra parte do Dsign.me, voc&ecirc; pode cadastrar seus trabalhos &ndash; como se fosse um portf&oacute;lio &ndash;, assim como pode conferir as artes inseridas pelos demais participantes do site.
Para os profissionais que estiverem com dificuldade para encontrar trabalho, a rede social tamb&eacute;m disponibiliza um classificado virtual com vagas para diversas &aacute;reas criativas. Basta pesquisar e conferir as oportunidades que mais lhe agradam.
<h2>Behance</h2>
Agora que j&aacute; falamos da op&ccedil;&atilde;o 100% brasileira, &eacute; hora de conferir o que as terras estrangeiras t&ecirc;m a nos oferecer nessa &aacute;rea. <a href="http://www.behance.net" target="_blank">Behance</a> &eacute; uma das redes sociais que mais se destacam por ser muito utilizada pelos profissionais do design.
<img src="/imagens/2013/1/materias/66717442528175934.jpg" alt="" />
(Fonte da imagem: <a href="http://www.behance.net" target="_blank">Reprodu&ccedil;&atilde;o/Behance</a>)
O principal foco do site &eacute; a inser&ccedil;&atilde;o de portf&oacute;lios online, a fim de divulgar o trabalho dos profissionais para seus colegas e poss&iacute;veis empregadores. Da mesma forma como voc&ecirc; pode fazer a sua arte ser conhecida por v&aacute;rios colegas de profiss&atilde;o, essa plataforma tamb&eacute;m permite aprender por meio das cria&ccedil;&otilde;es dois outros designers. Voc&ecirc; pode compreender novos conceitos e fazer deles modelos de inspira&ccedil;&atilde;o.
&Eacute; poss&iacute;vel ver o perfil da pessoa respons&aacute;vel pela arte, o que permite entrar em contato com o profissional. Da mesma forma como acontece em outras redes sociais famosas, na Behance voc&ecirc; pode comentar e curtir os posts feitos pelos participantes. Al&eacute;m disso, ainda &eacute; poss&iacute;vel compartilhar a ilustra&ccedil;&atilde;o ou a montagem em outras p&aacute;ginas, como o <a title="Twitter" href="https://www.baixaki.com.br/download/twitter.htm" target="_blank">Twitter</a>, o <a title="Facebook for Chrome" href="https://www.baixaki.com.br/download/facebook-for-chrome.htm" target="_blank">Facebook</a> e o <a title="Pinterest Pro" href="https://www.baixaki.com.br/download/pinterest-pro.htm" target="_blank">Pinterest</a>.
<h3>Parcerias da rede social e nova dire&ccedil;&atilde;o</h3>
Desde 2010, a rede social conta com uma parceria com outra rede voltada para oportunidades de neg&oacute;cios e de trabalho, o LinkedIn. Gra&ccedil;as a isso, seus projetos s&atilde;o publicados nos dois lugares quase que automaticamente, facilitando que futuros empregadores encontrem o seu perfil online.
<img src="/imagens/2013/1/materias/6671744252818016.jpg" alt="" /> (Fonte da imagem: <a href="http://www.istock.com" target="_blank">iStock</a>)
Por ser t&atilde;o visada internacionalmente, a Behance foi comprada pela Adobe no final de 2012. A empresa n&atilde;o anunciou mudan&ccedil;as dr&aacute;sticas na rede at&eacute; o momento, mas divulgou que pretende promover de maneira mais forte a utiliza&ccedil;&otilde;es de seus produtos, que s&atilde;o desenvolvidos em grande maioria para o p&uacute;blico criativo.
Al&eacute;m disso, softwares como o Photoshop devem receber novas ferramentas de integra&ccedil;&atilde;o, incluindo a inser&ccedil;&atilde;o facilitada de conte&uacute;do diretamente pela Behance &ndash; por meio de uma assinatura que deve ser adquirida &agrave; parte.
<h2>DeviantArt</h2>
Este &eacute; provavelmente o maior site de imagens para os designers desfrutarem. <a href="http://www.deviantart.com/" target="_blank">DeviantArt</a> conta com mais de 80 mil publica&ccedil;&otilde;es novas por dia vindas dos seus mais de 60 milh&otilde;es de participantes cadastrados.
<img src="/imagens/2013/2/materias/359431142341.jpg" alt="" /> (Fonte da imagem: <a href="http://www.deviantart.com/" target="_blank">Reprodu&ccedil;&atilde;o/DeviantArt</a>)
A rede social permite que os utilizadores compartilhem imagens, sendo elas trabalho pr&oacute;prio ou n&atilde;o, e tamb&eacute;m possibilita que haja a venda de cria&ccedil;&otilde;es nas p&aacute;ginas. Gra&ccedil;as a essas ferramentas, &eacute; poss&iacute;vel difundir as suas ideias, fazendo seus projetos se tornarem conhecidos por milhares de pessoas, e ainda ganhar uma graninha com isso.
<h2>Dribbble</h2>
Para quem quer visualizar trabalhos de alta qualidade como meio de inspira&ccedil;&atilde;o ou at&eacute; mesmo de conhecimento, <a href="http://dribbble.com/" target="_blank">Dribbble</a> &eacute; uma &oacute;tima op&ccedil;&atilde;o. Os participantes podem postar fotografias e ilustra&ccedil;&atilde;o para receber coment&aacute;rios (nem sempre positivos) sobre as publica&ccedil;&otilde;es por parte dos colegas de profiss&atilde;o.
<img src="/imagens/2013/1/materias/6671744252818346.jpg" alt="" /> (Fonte da imagem: <a href="http://dribbble.com/" target="_blank">Reprodu&ccedil;&atilde;o/Dribbble</a>)
Apesar de todas as vantagens, a rede simbolizada por uma pequena bola de basquete rosa apresenta um por&eacute;m: ela est&aacute; mais para uma comunidade fechada do que para uma p&aacute;gina interativa aberta para o p&uacute;blico. Isso porque, para ingressar no Dribbble, voc&ecirc; precisa ser convidado por algu&eacute;m que j&aacute; seja um participante
Gra&ccedil;as a essa caracter&iacute;stica &ldquo;fechada&rdquo; da rede, pode ser garantido que apenas trabalhos de qualidade v&atilde;o circular as p&aacute;ginas da rede. Por outro lado, a visualiza&ccedil;&atilde;o do conte&uacute;do &eacute; aberta para todos, por&eacute;m esse cadastro d&aacute; acesso apenas como espectador das publica&ccedil;&otilde;es e n&atilde;o como criador de novos posts.
<h2>Cargo</h2>
Ao contr&aacute;rio dos sites citados anteriormente, <a href="http://cargocollective.com/" target="_blank">Cargo</a> permite que os participantes da rede criem suas pr&oacute;prias p&aacute;ginas. A partir desta op&ccedil;&atilde;o, voc&ecirc; pode ter uma URL &uacute;nica, por meio da qual &eacute; poss&iacute;vel compartilhar o seu portf&oacute;lio virtual com os colegas de profiss&atilde;o.
<img src="/imagens/2013/1/materias/6671744252818431.jpg" alt="" /> (Fonte da imagem: <a href="http://cargocollective.com/" target="_blank">Reprodu&ccedil;&atilde;o/Cargo</a>)
Al&eacute;m disso, &eacute; poss&iacute;vel fazer publica&ccedil;&otilde;es que contenham textos e n&atilde;o somente imagem &ndash; assim como acontece em um blog. Dessa forma, os demais participantes podem comentar aumentando a discuss&atilde;o ou dando sua opini&atilde;o sobre o tema, assim como podem se tornar seus seguidores dentro do Cargo.
<h2>LoveDsgn</h2>
<a href="http://lovedsgn.com/" target="_blank">LoveDsgn</a> &eacute; uma rede social para o p&uacute;blico de &aacute;reas criativas, seja design, publicidade ou marketing, por exemplo, que permite que sejam publicados todos os tipos de trabalhos. O intuito &eacute; promover a divulga&ccedil;&atilde;o das artes, bem como a discuss&atilde;o do conte&uacute;do entre as pessoas que participam da comunidade virtual.
<img src="/imagens/2013/1/materias/6671744252818533.jpg" alt="" /> (Fonte da imagem: <a href="http://lovedsgn.com/" target="_blank">Reprodu&ccedil;&atilde;o/LoveDsgn</a>)
Assim como acontece com o Dribbble, a LoveDsgn s&oacute; permite que membros da comunidade fa&ccedil;am posts em suas p&aacute;ginas. Para participar, &eacute; preciso receber um convite de algu&eacute;m que j&aacute; esteja na rede social ou enviar uma solicita&ccedil;&atilde;o para a pr&oacute;pria empresa, por meio da p&aacute;gina principal, e esperar o resultado do pedido.
<h2>Hunie</h2>
Antigamente conhecida como DesignersCouch, a <a href="http://hunie.co" target="_blank">Hunie</a> &eacute; uma comunidade online que permite aos designers entrar em contato que diversos tipos de &ldquo;come&ccedil;os&rdquo; para inspirar seus trabalhos. Mas nem s&oacute; de &ldquo;come&ccedil;os&rdquo; a rede social &eacute; alimentada: s&atilde;o diversos projetos inseridos na galeria do site para que todos os participantes confiram o que anda acontecendo de melhor no ramo criativo.
<img src="/imagens/2013/1/materias/6671744252818632.jpg" alt="" /> (Fonte da imagem: <a href="http://hunie.co" target="_blank">Reprodu&ccedil;&atilde;o/Hunie</a>)
Hunie &eacute; uma rede social bem completa para quem procura ver conceitos diferentes, mas que valoriza a boa informa&ccedil;&atilde;o. Enquanto voc&ecirc; estiver navegando pelos trabalhos destacados pelos participantes, &eacute; poss&iacute;vel encontrar artigos relacionados ao design de modo geral, desde novidades at&eacute; retrospectiva de t&eacute;cnicas utilizadas. Se voc&ecirc; estiver procurando trabalho, a comunidade tamb&eacute;m reserva um espa&ccedil;o especial para ajud&aacute;-lo nessa jornada.
<h2>Image Spark</h2>
Diferentemente da grande maioria de redes sociais, <a href="http://www.imgspark.com" target="_blank">Image Spark </a>n&atilde;o possui um foco voltado para a divulga&ccedil;&atilde;o de trabalhos, mas sim para a organiza&ccedil;&atilde;o de fontes. Como uma forma de ajudar na hora de reunir material para colocar em andamento a cria&ccedil;&atilde;o dos desenhos, a Image Spark disponibiliza ferramentas que facilitam a reuni&atilde;o de conceitos e de materiais que v&atilde;o servir como par&acirc;metro para o projeto a ser desenvolvido.
<img src="/imagens/2013/1/materias/6671744252818732.jpg" alt="" /> (Fonte da imagem: <a href="http://www.imgspark.com" target="_blank">Reprodu&ccedil;&atilde;o/Image Spark</a>)
Para fazer isso, basta escolher um tamanho de quadro para montagem &ndash; chamado pelo site de &ldquo;Moodboards&rdquo; &ndash; e colocar as fotografias dentro dessas interfaces, para conferi-las depois. Se voc&ecirc; quiser adicionar apenas uma imagem ou se preferir fazer uma colagem com mais de 100 pe&ccedil;as, n&atilde;o tem problema, pois o sistema &eacute; bem flex&iacute;vel.
Caso voc&ecirc; deseje, &eacute; poss&iacute;vel tornar o resultado vis&iacute;vel para os demais participantes da rede. A Image Spark permite inserir palavras-chave &agrave;s cria&ccedil;&otilde;es, garantindo que elas sejam encontradas dentro do tema ao qual estiverem relacionadas.
<h2>Pinterest</h2>
Esta n&atilde;o &eacute; exatamente uma novidade, especialmente para as pessoas que usam redes sociais com a finalidade de compartilhar fotografias. O <a href="http://pinterest.com/" target="_blank">Pinterest</a> permite que sejam publicados materiais dos mais variados temas, desde que sejam imagens ou v&iacute;deos. Todos os itens devem ser marcados com tags que identificam os assuntos as quais est&atilde;o relacionados.
<img src="/imagens/2013/1/materias/6671744252818826.jpg" alt="" /> (Fonte da imagem: <a href="http://pinterest.com/" target="_blank">Reprodu&ccedil;&atilde;o/Pinterest</a>)
Para conferir o conte&uacute;do da rede, os participantes selecionam os temas que querem visualizar e, ent&atilde;o, as imagens e os v&iacute;deos que estiverem relacionados a esses assuntos s&atilde;o apresentados em cada um dos perfis criados. Voc&ecirc; confere belas publica&ccedil;&otilde;es, sem sair do seu foco de interesse, diminuindo as chances de se deparar com conte&uacute;do que n&atilde;o lhe interessa.
<h2>Designmoo</h2>
<a href="http://designmoo.com/" target="_blank">Designmoo</a> &eacute; uma rede social voltada mais ao compartilhamento de material para cria&ccedil;&atilde;o do que &agrave; divulga&ccedil;&atilde;o de trabalhos prontos. A comunidade criada pelo site visa a publica&ccedil;&atilde;o de arquivos no formato PSD, assim como vetores, texturas, desenhos-padr&atilde;o, fontes e tudo o mais que sirva como base para uma cria&ccedil;&atilde;o.
<img src="/imagens/2013/1/materias/6671744252818915.jpg" alt="" /> (Fonte da imagem: <a href="http://designmoo.com/" target="_blank">Reprodu&ccedil;&atilde;o/Designmoo</a>)
Essa caracter&iacute;stica faz da rede social um &oacute;timo reposit&oacute;rio de recursos. Por conta disso, ela pode salvar a pele de qualquer designer em apuros, seja por falta de ideia ou pela dificuldade de encontrar um padr&atilde;o espec&iacute;fico. A maior parte do conte&uacute;do &eacute; distribu&iacute;da de forma gratuita, mas tamb&eacute;m &eacute; poss&iacute;vel adquirir artes mais bem-acabadas e personalizadas na loja e na vers&atilde;o paga do servi&ccedil;o.
<h2>COLOURLovers</h2>
Assim como o Designmoo, <a href="http://www.colourlovers.com/" target="_blank">COLOURlovers</a> &eacute; uma comunidade que permite aos designers e aos profissionais de &aacute;reas correlatas compartilhar recursos de cria&ccedil;&atilde;o com pessoas do mundo todo. Desde padr&atilde;o de cores, palhetas at&eacute; desenhos: voc&ecirc; encontra de tudo um pouco dentro do site, sendo que o conte&uacute;do &eacute; dividido em abas de acordo com o tema ao qual estiver relacionado.
<img src="/imagens/2013/1/materias/6671744252818104.jpg" alt="" /> (Fonte da imagem: <a href="http://www.colourlovers.com/" target="_blank">Reprodu&ccedil;&atilde;o/COLOURlovers</a>)
Al&eacute;m de ser poss&iacute;vel encontrar recursos de cria&ccedil;&atilde;o, a rede social ainda permite que voc&ecirc; visualize e participe de discuss&otilde;es sobre as tend&ecirc;ncias do design. Dessa forma, ao mesmo tempo em que adquire materiais diferentes para o seu projeto, voc&ecirc; ainda fica por dentro do que est&aacute; acontecendo no ramo da cria&ccedil;&atilde;o.
<h2>FFFFound!</h2>
Com um nome criativo como esse, o que esperar do servi&ccedil;o oferecido? O nome do site j&aacute; diz mais ou menos o conceito do seu funcionamento: <a href="http://ffffound.com/" target="_blank">FFFFound</a> serve para encontrar (&ldquo;Find&rdquo;) os mais diversos tipos de imagens em meio a um conjunto de itens compartilhados pelos participantes da rede.
<img src="/imagens/2013/1/materias/66717442528181113.jpg" alt="" /> (Fonte da imagem: <a href="http://ffffound.com/" target="_blank">Reprodu&ccedil;&atilde;o/FFFFound!</a>)
O servi&ccedil;o permite que voc&ecirc; guarde uma lista de favoritos com as fotografias que voc&ecirc; mais gostar, facilitando o acesso a elas. Apesar de n&atilde;o ser uma rede social especialmente desenvolvida para os designers, esse site pode ajudar a encontrar imagens diferentes, que podem ser muito &uacute;teis para os projetos em desenvolvimento.
<h2>Pixel Groovy</h2>
<a href="http://www.pixelgroovy.com/" target="_blank">Pixel Groovy</a> tamb&eacute;m n&atilde;o &eacute; uma rede social especificamente desenvolvida para a &aacute;rea de cria&ccedil;&atilde;o, por&eacute;m sua utilidade ainda a mant&eacute;m como uma op&ccedil;&atilde;o v&aacute;lida para esta lista. Isso porque o servi&ccedil;o traz tutoriais sobre diversas ferramentas ligadas ao computador, assim como aos softwares de design, como o Illustrator e o Photoshop.
A caracter&iacute;stica principal da comunidade criada pelo site &eacute; que os artigos s&atilde;o colocados em destaque pelos pr&oacute;prios participantes. Vamos explicar melhor essa hist&oacute;ria: quando algu&eacute;m posta um tutorial novo, esse texto entra numa categoria inicial chamada &ldquo;Groove&rdquo;.
<img src="/imagens/2013/1/materias/66717442528181156.jpg" alt="" /> (Fonte da imagem: <a href="http://www.pixelgroovy.com/" target="_blank">Reprodu&ccedil;&atilde;o/Pixel Groovy</a>)
Enquanto estiver nessa &aacute;rea, ele pode ser votado e ganhar notoriedade dentro do Pixel Groovy. Se o artigo receber bastante votos, o suficiente para coloc&aacute;-lo entre os melhores textos recentes do site, ele &eacute; jogado na p&aacute;gina principal, podendo ser conferido por mais pessoas. Qualquer visitante pode visualizar a postagem, perfis registrados na comunidade podem votar.
.....
Assim como qualquer ramo de atua&ccedil;&atilde;o, o design, a publicidade, o marketing e todas as &aacute;reas relacionadas a projetos criativos contam com v&aacute;rios sites de refer&ecirc;ncia para os profissionais. A lista apresentada neste artigo mostra apenas algumas que foram selecionadas como as melhores. Se voc&ecirc; pudesse adicionar mais algum servi&ccedil;o &agrave; nossa sele&ccedil;&atilde;o, qual seria? Deixe sua opini&atilde;o registrada.

thumb-image-2024-04-30T03:29:33.996Z

13 redes sociais para designers

Os fones mais diferenciados da Huawei tanto em design quanto em funcionalidade estão recebendo oficialmente uma cor nova aqui no Brasil! É o FreeClip, que têm características que a gente não encontra na grande maioria dos fones de ouvido, mesmo entre os modelos True Wireless. 🔥 Saiba mais sobre o Huawei FreeClip: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/FreeClipHuawei #[Tipo: Publieditorial] #[Tipo: Shorts] Extensão do TecMundo: encontre cupons escondidos nas principais lojas online: <a href="http://" target="_blank" rel="nofollow noopener">http://</a>bit.ly/3ZkKOji - Os melhores cupons Online para você! <a href="https://www." target="_blank" rel="nofollow noopener">https://www.</a>tecmundo.com.br/cupons 💡 Participe dos canais do TecMundo no WhatsApp! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatstecmundo - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsmegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JSpOKX 💡 Temos grupos também no Telegram! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JZoTbm - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegrammegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramthebrief CRÉDITOS Roteiro: Leonardo Rocha Apresentação: Leonardo Rocha Imagens e áudio: Felipe Pedro (Felps) e Gustavo Katsumi Produção: Diana Pordeus e Vitória Schmitz Edição de vídeo: Larissa Kinoshita A melhor programação está no TecMundo - História da Tecnologia - Análises, Unboxings e tudo sobre Produtos! - TecDocs - Matérias especiais - Assistência Tec - Lives de tradução e cobertura de eventos - Listas - Hoje no TecMundo #Tecnologia #FashionForward #TecMundo

Tem cor nova chegando para os fones mais diferenciados da #Huawei ! #huaweifreeclip #fashioedge

Um smartwatch premium de verdade precisa combinar tecnologias e recursos avançados com um design elegante e sofisticado que você só encontra em um acessório de luxo. E o Huawei Watch ULTIMATE traz essa combinação como nenhum outro relógio conectado faz! - Saiba mais sobre o Huawei Watch Ultimate: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/huaweiultimate #[Tipo: Publieditorial] #[Tipo: Shorts] Extensão do TecMundo: encontre cupons escondidos nas principais lojas online: <a href="http://" target="_blank" rel="nofollow noopener">http://</a>bit.ly/3ZkKOji - Os melhores cupons Online para você! <a href="https://www." target="_blank" rel="nofollow noopener">https://www.</a>tecmundo.com.br/cupons 💡 Participe dos canais do TecMundo no WhatsApp! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatstecmundo - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsmegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JSpOKX 💡 Temos grupos também no Telegram! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JZoTbm - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegrammegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramthebrief CRÉDITOS Roteiro: Leonardo Rocha Apresentação: Leonardo Rocha Imagens e áudio: Felipe Pedro (Felps) e Gustavo Katsumi Produção: Vitória Schmitz Edição de vídeo: Larissa Kinoshita A melhor programação está no TecMundo - História da Tecnologia - Análises, Unboxings e tudo sobre Produtos! - TecDocs - Matérias especiais - Assistência Tec - Lives de tradução e cobertura de eventos - Listas - Hoje no TecMundo #huaweiultimate #fashionforward #tecmundo

O smartwatch premium de verdade que você merece! Huawei Watch ULTIMATE #fashionedge #huawei

O SSD externo Lexar SL400 é um acessório que promete entregar um setup profissional para você que usa sempre o celular para criar conteúdo. Ele traz um pacote muito completo que inclui até um hub USB-C, aí você consegue plugar microfones, carregadores e outros acessórios ao mesmo tempo. 🔥 Extensão do TecMundo: encontre cupons escondidos nas principais lojas online: <a href="http://" target="_blank" rel="nofollow noopener">http://</a>bit.ly/3ZkKOji - Os melhores cupons Online para você! <a href="https://www." target="_blank" rel="nofollow noopener">https://www.</a>tecmundo.com.br/cupons 💡 Participe dos canais do TecMundo no WhatsApp! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatstecmundo - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsmegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JSpOKX 💡 Temos grupos também no Telegram! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JZoTbm - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegrammegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramthebrief CRÉDITOS Roteiro e apresentação: Wellington Arruda Imagens e áudio: Wellington Arruda Edição de vídeo: Rodrigo Doze Motion Graphics: Gustavo Silva A melhor programação está no TecMundo - História da Tecnologia - Entenda - Análises, Unboxings e tudo sobre Produtos! - TecDocs - Matérias especiais - Assistência Tec - Drops de Notícias - Listas - Hoje no TecMundo #Lexar #Computex2024 #ssd #TecMundo

Mini SSD Lexar SL400: setup profissional só com o celular #ssd #lexar

As melhores séries de ficção científica para assistir HOJE! #silo #Duna #Dunaaprofecia #MatériaEscura #Ficçãocientifica #dicasdeséries #appletv #Max

As 3 MELHORES séries RECENTES de Ficção Científica para assistir HOJE!

A Xiaomi acabou de lançar os novos Redmi Note 14! Os novos Redmi Note 14 4G, Note 14 5G, Redmi Note 14 Pro e Note 14 Pro+ chegam ao Brasil com preços que vão de R$ 2,5 mil até R$ 6 mil. Extensão do TecMundo: encontre cupons escondidos nas principais lojas online: <a href="http://" target="_blank" rel="nofollow noopener">http://</a>bit.ly/3ZkKOji - Os melhores cupons Online para você! <a href="https://www." target="_blank" rel="nofollow noopener">https://www.</a>tecmundo.com.br/cupons 💡 Participe dos canais do TecMundo no WhatsApp! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatstecmundo - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsmegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/whatsminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JSpOKX 💡 Temos grupos também no Telegram! - TecMundo: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/3JZoTbm - Voxel: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramvoxel - Mega Curioso: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegrammegacurioso - Minha Série: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramminhaserie - The BRIEF: <a href="https://" target="_blank" rel="nofollow noopener">https://</a>bit.ly/telegramthebrief CRÉDITOS Roteiro e apresentação: Wellington Arruda Imagens e áudio: Gustavo Katsumi Edição de vídeo: Rafael Nogoceke Motion Graphics: Gustavo Silva A melhor programação está no TecMundo - História da Tecnologia - Análises, Unboxings e tudo sobre Produtos! - TecDocs - Matérias especiais - Assistência Tec - Lives de tradução e cobertura de eventos - Listas - Hoje no TecMundo #xiaomi #redmi #redminote14series #TecMundo

Redmi Note 14 lançado: câmera de 200 MP e até R$ 6 mil #xiaomi  #smartphone

Dicas e apresentações de produtos, softwares e serviços

Shorts

Série de espionagem com Noah Centineo é a dica da vez para maratonar! A segunda temporada de Recruta chega em 30/jan na Netflix #noahCentineo #Recruta #Recruit #netflix #sériesnetflix #dicasdeséries

Série RECRUTA com Noah Centineo estreia hoje

Dicas de Séries

Será que Karla Sofia Gascón pode perder a indicação ao Oscar pelas falas sobre a equipe de Fernanda Torres? Saiba mais sobre a polêmica aqui! #karlasofiagascon #oscar2025 #fernandatorres #oscars #aindaestouaqui #emiliaperez #polemica #treta #notícia #news #oscar

🚨Karla Sofia Gascón vai PERDER indicação ao OSCAR? #emiliaperez

Notícias sobre Filmes

Anora acabou de chegar aos cinemas e eu já assisti! Se você quer um filme divertido, mas com um toque de drama, esse é para você! #Anora #Oscar #filmesdoOscar #Dicasdefilmes #mikeyMadison

Dançarina erótica e herdeiro Russo, este é "ANORA": um conto de fadas destinado ao fracasso

Dicas de Filmes

#huawei #watchultimate #fashionedge [Tipo: Publieditorial]

Tecnologia avançada com até 14 dias de bateria! Só nos smartwatchs da Huawei! #fashionforward

Meu Secretário perfeito foi o primeiro k-drama a estrear em 2025 e está conquistando corações na dramaland. Aqui, a Ari te conta por que você deve começar a assistir o quanto antes! 🫰 #meusecretarioperfeito #lovescout #kdramas #doramas #viki

MEU SECRETÁRIO PERFEITO

Johanna Sacreblu você é FAMOSA! Um grupo de mexicanos decidiram "homenagear" Emilia Perez, criando sua própria versão. #emiliaperez#Joahannesacreblu #humor #camilaaurora #mexico

Mexicanos criam sua versão de Emília Perez

Notícias sobre Séries

Curiosidades

A nova série live action sobre os bastidores de Chaves ganhou seu primeiro teaser! Ainda sem data de estreia, Em Chespirito: Sin Querer Queriendo, os fãs vão conferir os bastidores da produção que marcou a história da emissora Televisa. #chespirito #chaves #elchavedelocho #Televisa #nostalgia #robertobolaños

Webdesign