{"id":10314,"date":"2016-10-31T18:16:35","date_gmt":"2016-10-31T21:16:35","guid":{"rendered":"http:\/\/www.impacta.com.br\/blog\/?p=10314"},"modified":"2016-10-31T18:16:35","modified_gmt":"2016-10-31T21:16:35","slug":"conheca-12-ferramentas-de-design-para-turbinar-seu-trabalho","status":"publish","type":"post","link":"https:\/\/www.impacta.com.br\/blog\/conheca-12-ferramentas-de-design-para-turbinar-seu-trabalho\/","title":{"rendered":"Ferramentas de design para turbinar seu trabalho"},"content":{"rendered":"

Apesar de sua ainda enorme import\u00e2ncia no mercado digital,\u00a0o\u00a0Photoshop<\/span><\/a>\u00a0parece estar diminuindo\u00a0um pouco a sua popularidade, j\u00e1 que os designers <\/a>est\u00e3o procurando ferramentas complementares ao software da Adobe\u00a0para desenvolver o seu trabalho de um jeito mais econ\u00f4mico e pr\u00e1tico. <\/span><\/p>\n

Pelo menos \u00e9 o que diz uma pesquisa<\/span><\/a> conduzida por um dos 50 designers mais influenciadores dos Estados Unidos, Khoi Vinh<\/strong>, que envolveu mais de 4.000 participantes de quase 200 pa\u00edses diferentes.<\/span><\/p>\n

Por isso, criamos este post. Aqui voc\u00ea vai encontrar uma lista com 13 ferramentas de design que podem ajudar no processo de cria\u00e7\u00e3o de conceitos, wireframes interativos e at\u00e9 mesmo prot\u00f3tipos. <\/span><\/p>\n

Todas elas s\u00e3o de f\u00e1cil usabilidade e aprendizagem –\u00a0e boa parte dos itens est\u00e3o conectados \u00e0 nuvem. Isso quer dizer que qualquer um pode colaborar com o projeto e enviar o resultado para colegas e clientes<\/span><\/a> sem se desconectar do universo on-line.\u00a0<\/span>Curioso para saber quais s\u00e3o? Ent\u00e3o continue lendo este post!<\/span><\/strong><\/p>\n

13 ferramentas de design\u00a0para turbinar seu trabalho:<\/span><\/strong><\/h2>\n

Voltada para designers e para profissionais de marketing<\/a>, o Ceros<\/span><\/a> \u00e9 uma ferramenta de cria\u00e7\u00e3o de conte\u00fado em diversos formatos. Banners, e-Books<\/a>, infogr\u00e1ficos, microsites e revistas s\u00e3o apenas algumas das m\u00eddias que est\u00e3o entre aquilo que \u00e9 poss\u00edvel fazer com o software.<\/span><\/p>\n

Solidify<\/strong><\/span><\/h3>\n

Usado por gigantes da tecnologia \u2014 como HP, eBay e Google <\/a>\u2014 e at\u00e9 mesmo grandes marcas do varejo \u2014 como a Forever 21 \u2014, o Solidify<\/a> \u00e9 outra ferramenta que permite designers criarem prot\u00f3tipos clic\u00e1veis. <\/span><\/p>\n

A diferen\u00e7a, aqui, \u00e9 que esses projetos s\u00e3o orientados para o teste de usu\u00e1rio. Isso significa que \u00e9 poss\u00edvel gerar relat\u00f3rios com dados sobre o comportamento dos usu\u00e1rios. O teste gratuito dura 30 dias e, depois disso, \u00e9 preciso pagar uma mensalidade de 19 d\u00f3lares.<\/span><\/p>\n

Ferramenta de desenvolvimento de wireframes e prot\u00f3tipos interativos que \u00e9 l\u00edder de mercado h\u00e1 mais de 14 anos, o Axure\u00a0permite realizar todas as etapas iniciais de um projeto, desde a documenta\u00e7\u00e3o – que pode ser gerada e exportada para o Word <\/a>– at\u00e9 diagramas e estruturas de projetos gerados automaticamente.<\/span><\/p>\n

No desenvolvimento dos prot\u00f3tipos \u00e9 poss\u00edvel atuar com projetos responsivos que se adequam as diversas resolu\u00e7\u00f5es, al\u00e9m de possu\u00edrem diversas bibliotecas visuais de apoio para a constru\u00e7\u00e3o de pe\u00e7as de alta fidelidade.<\/span><\/p>\n

Tamb\u00e9m \u00e9 poss\u00edvel utilizar condicionais, c\u00e1lculos aritm\u00e9ticos, anima\u00e7\u00f5es, intera\u00e7\u00f5es e componentes din\u00e2micos. Tudo isso podendo ser exportado para um HTML<\/a>, ou publicado em um portal pr\u00f3prio e gratuito do Axure, com o qual o cliente pode visualizar e acompanhar o projeto.\u00a0<\/span><\/p>\n

O Axure est\u00e1 dispon\u00edvel para MAC e PC, e disponibiliza licen\u00e7a gratuita para estudantes em cursos<\/a> oficiais da ferramenta.<\/span><\/p>\n

\u201cA plataforma de design mais completa.\u201d \u00c9 dessa forma que o Gravit<\/span><\/a>, uma ferramenta \u00a0para a cria\u00e7\u00e3o e a colabora\u00e7\u00e3o de trabalhos, se denomina. Trata-se de um software baseado na nuvem \u2014 isto \u00e9, ele funciona diretamente no navegador, sem a necessidade de baixar nem de instalar nenhum programa no HD da sua m\u00e1quina. <\/span><\/p>\n

E o melhor:<\/strong> os recursos do Gravit s\u00e3o gratuitos.<\/span><\/p>\n

UXPin<\/strong><\/span><\/h3>\n

No UXPin<\/a>\u00a0voc\u00ea tem acesso a um kit de ferramentas com elementos de design e a uma biblioteca de elementos de interface do usu\u00e1rio personalizada. Assim, \u00e9 poss\u00edvel criar um projeto de experi\u00eancia do usu\u00e1rio (UX) interativo. <\/span><\/p>\n

O que destaca o UXPin do demais? Uma vers\u00e3o de controle que fica segura, diferentemente das op\u00e7\u00f5es que voc\u00ea pode compartilhar com colegas de trabalho e com clientes.<\/span><\/p>\n

De wireframes a prot\u00f3tipos, o HotGloo<\/span><\/a> promete ajudar designers a criarem os primeiros passos de um projeto de uma maneira simples, r\u00e1pida e bonita. <\/span><\/p>\n

Com essa ferramenta, os respons\u00e1veis podem criar ummock-up<\/em>, compartilh\u00e1-lo, recolher feedbacks e melhorar todos os pontos do trabalho diretamente do navegador.<\/span><\/p>\n

Vectr<\/strong><\/span><\/h3>\n

Imagine uma ferramenta gr\u00e1fica gratuita que roda diretamente em navegadores da web? Essa \u00e9 a proposta do Vectr<\/a>. Com uma interface simples, os designers podem criar arquivos com imagens vetorizadas, exportar os documentos ou, se preferirem, compartilharem o resultado do trabalho com quem quiserem, nos mais diferentes dispositivos.<\/span><\/p>\n

O InVision<\/span><\/a> \u00e9 uma ferramenta integrada com o Fireworks, com o Illustrator e com o Photoshop que transforma projetos em prot\u00f3tipos para a web e para os dispositivos m\u00f3veis. <\/span>
\nCom ele, os designers podem fazer o upload de imagens e criar intera\u00e7\u00f5es, transformando imagens em aplicativos<\/span><\/a>. Al\u00e9m disso, o InVision permite compartilhar o link do projeto para apresentar e para colher feedback de colegas e de clientes.<\/span><\/p>\n

O Moqups<\/span><\/a>, por sua vez, \u00e9 uma ferramenta de design totalmente desenvolvida em HTML5. Com esse \u201caplicativo\u201d, os designers podem criar wireframes, conceitos de interface do usu\u00e1rio (UI) e prot\u00f3tipos interativos. Mas, para isso, \u00e9 preciso desembolsar um pouco de dinheiro: as mensalidades do Moqups t\u00eam pre\u00e7o a partir de 9 d\u00f3lares.<\/span><\/p>\n

QuirckTools<\/strong><\/span><\/h2>\n

Com o QuirckTools<\/a>\u00a0voc\u00ea pode compartilhar\u00a0com clientes e colegas de trabalho, os seus prot\u00f3tipos ou as suas composi\u00e7\u00f5es criativas \u2014 tudo isso diretamente do navegador de internet. Esta ferramenta est\u00e1 dividida em 4 se\u00e7\u00f5es:<\/span><\/p>\n