Archive for the ‘ferramenta’ Category

Ferramentas para design gráfico e infográficos
14 de janeiro de 2017

Hoje em dia a internet está sendo, mais que uma mídia, uma plataforma de comunicação. Assim como o Google aposta suas fichas nisso com o Google Chromebook (um laptop com sistema operacional próprio, conectado a internet, onde todos as ferramentas de trabalho estção online), a cada dia surgem novas ferramentas para trabalho online.
Cito aqui duas, com versão gratuita e paga, para quem precisa produzir conteúdo online a partir de modelos prontos ou do zero, sem ter ferramenta instalada no seu aparelho (basta estar conectado a internet):

Piktochart

piktochart-ferramenta-online

Piktochart.com permite criar gráficos e infográficos online para fazer apresentações bonitas, com interface do tipo drag-and-drop/arrastar-e-soltar (ou WYSIWYG, What You See Is What You Get, para a galera técnica).

Prós:

  • fácil de usar, ferramenta online.
  • boa biblioteca de ícones, gráficos, imagens de fundos; fácil inserção de mapas-mundi e vídeos na internet.

Contras:

  • interface em inglês.
  • Design de modelos prontos bons, mas dentro do esperado.

Canva

canvas-ferramenta-online

canvas-ferramenta-online-2

Canva.com é um a ferramenta que permite fazer designs para diversas finalidades: de uma postagem para rede social até uma apresentação ou publicação com várias telas ou páginas.

Prós:

  • fácil de usar, interface limpa, com o mínimo de funções e que reproduz um programa instalado (undo/desfazer no teclado, p.ex.).
  • permite salvar trabalhos feitos como imagem plana.
  • Site em português.
  • Modelos de designs muito bons.

Contras:

  • pode ser um pouco lento, durante o uso.
  • a interface de uso tem suas convenções, como p.ex., um objeto que está acima/sobre os demais (mesmo tendo interior vazado/transparente) impede à seleção dos objetos que ficam abaixo/atrás, até ser  enviado “para trás”; lembra a opção do Corel Draw de “tratar todos objetos como preenchidos”.

Nas versões gratuitas, a marca do site aparece em todos os layouts produzidos, que podem ser baixados em forma de imagem.

Sabia que Adobe CC (Creative Cloud) faz wireframes?
1 de outubro de 2016

Tradução e adaptação: Wallace Vianna, designer

toptal-fig-ivana
AutoraIvana Miličić, designer freelance, Croácia, membro TopTal desde 2015
Artigo original: TopTal

Wireframe é um passo importante na criação de qualquer interface de usuário em um website, aplicativo ou software.  Evitando se deixar levar pelas formas dos recursos visuais, cores, tipografia, estilos e efeitos você pode fazer mais foco na hierarquia do conteúdo e experiência do usuário.

Fazer protótipos e wireframes de baixa fidelidade irá ajudá-lo a testar e interagir mais nas fases anteriores, a trabalhar mais rápido e desenvolver produtos que os usuários vão adorar.

Há muitas ferramentas de wireframes diferentes para escolher no mercado.  Qual você escolherá depende de suas preferências pessoais e estilo de fluxo de trabalho.

Assim como um monte de designers migraram do mundo de impresso para o design digital, eu sou uma especialista nas aplicações da Adobe como o Illustrator, InDesign e Photoshop.  Posso usá-los de forma eficiente, em todos os lugares e em qualquer momento (mesmo se tenho de acordar para trabalhar no meio da noite, sem uma xícara de café :^D).  No entanto, estas ferramentas tornaram-se também as que eu uso para fazer web e aplicações de design visual (1).  Assim, para o meu fluxo de trabalho para ser o mais eficiente, eu as uso para fazer wireframes também.

(1) Nota do tradutor: link original, aqui

toptal-fig-1 FIGURA 1

(mais…)