Melhor resposta
Designers de IU:
Sistema: Mac
Vantagens: Completamente para design de “interface”
O Sketch é uma ferramenta de design vetorial leve e fácil de usar que torna o design da interface do usuário mais simples e eficiente . A plataforma simplifica os recursos usados no Photoshop e no Illustrator, projetados especificamente para design UX / UI. Antes do Sketch, os designers tinham que alternar entre o Photoshop e o Illustrator para obter recursos específicos, como vetor e outros efeitos fotográficos. Agora, o Sketch permite que os usuários se livrem da funcionalidade inchada e se concentrem na experiência do usuário / design da interface do usuário para obter o máximo do design da IU. Um dos melhores recursos do Sketch é a capacidade de instalar plug-ins para compensar os recursos não incluídos no software.
No entanto, mesmo assim é uma das ferramentas mais práticas para projetar interfaces de usuário de aplicativos Android, o suporte do Sketch para visualização em tempo real do lado Android não é muito eficaz. Os usuários precisam baixar SkalaPreview, e somente após uma série de operações complicadas eles podem visualizar o design real da interface do Android no lado do telefone.
Sistema: Mac e Windows
Vantagem: design de colaboração online e design de transferência para designers e desenvolvedores de IU
Como uma nova ferramenta de colaboração e transferência, o iDoc possui plug-ins poderosos que suportam a importação de arquivos do Photoshop, Adobe XD e Sketch . Com a ajuda de plug-ins, o iDoc é possível gerar especificações e recursos automaticamente para uso do designer de IU. Para transformar os arquivos de design estáticos em protótipos de alta fidelidade interativos e animados, basta enviar seus arquivos para o módulo de protótipo do iDoc.
Invision – uma ferramenta de prototipagem baseada na web que faz seu design viver rapidamente
Custo: Gratuito para 1 projeto (15 $ / mês para 3 projetos | 25 $ / mês para projetos ilimitados | 99 $ / mês para equipes)
Compatibilidade: Mac e Windows
Recursos ：
- Com o InVision, os designers podem enviar seus arquivos de design e adicionar animações, gestos e transições para transformar suas telas estáticas em protótipos interativos clicáveis. Obtenha alta fidelidade em menos de 5 minutos.
- Suporta arquivos nos formatos PNG, JPG, GIF, AI e PSD. O aplicativo InVision é ótimo para colaborar em rascunhos de design e coletar feedback de colegas e clientes.
- Um novo design mágico para o fluxo de trabalho de desenvolvimento. Crie folhas de estilo, obtenha composições perfeitas em pixels, discuta desafios de design, exporte de forma adaptativa e gere código real para qualquer elemento de design.
Preço – gratuito para uso pessoal use
– $ 12 por pessoa por grupo / mês
Introdução: Figma é a primeira ferramenta de design de interface real colaboração em tempo. Ele tem três recursos louváveis: colaboração em tempo real, rede vetorial e controle de versão. Simplesmente, Figma é como um Sketch baseado em navegador com colaboração em tempo real .
Experiência pessoal: Eu estava inicialmente cético em relação ao Figma “s experiência do usuário porque é uma ferramenta de design de interface baseada em navegador. Mais tarde, porém, descobri que ainda é muito sensível de usar. Além disso, as ferramentas de navegador têm a vantagem de que o destinatário não precisa instalar nada, só precisa abrir o navegador no computador para participar do projeto. Os arquivos Figma estão disponíveis em Mac, Windows, Linux e dispositivos móveis (somente visualização).
Resposta
Se um desenvolvedor me dissesse “não”, eu primeiro perguntaria por que e tentaria entenda sua razão para dizer não. Se descobrir que existe uma maneira melhor de abordar o desafio do design, eu estaria mais do que disposto a mudar o design.
No entanto, os desenvolvedores geralmente são capazes de codificar qualquer um dos recursos e designs designers de IU venha com. Como William Hurley apontou nesta resposta, quase tudo é possível quando se trata de software.
Eu perguntei aos desenvolvedores de software se o “recurso x” é possível ou se o design pode ser codificado para funcionar de certo forma, e nunca me disseram “não”.
Dito isso, o objetivo como um designer de IU deve não ser faça um design complexo. O objetivo deve ser tornar a interface o mais simples e intuitiva possível para o usuário.
Por esse motivo, usei os princípios do material design do Google em meus projetos mais recentes (consulte 5 razões práticas e poderosas para usar o material design ).
Existem vários benefícios que vêm com isso:
- Familiaridade para usuários – Gmail, YouTube, Evernote, Buzzfeed e muitos outros aplicativos usam Material Design, portanto, há uma chance maior de que os usuários de seu aplicativo estejam familiarizados com como a interface parece e opera.
- Estruturas existentes – foram criadas muitas estruturas que incluem componentes prontos para uso dos desenvolvedores, como Materializar CSS , Material AngularJS e Material-UI . Isso ajuda os designers a ver o que está prontamente disponível para os desenvolvedores e a usar esses componentes em seus designs.
- Tomada de decisões mais rápida – Quando os desenvolvedores e designers pode funcionar com a mesma paleta de componentes, isso torna o processo de design e desenvolvimento mais rápido.
Este é um ótimo vídeo sobre como o Google fez sua infinidade de aplicativos parecer e funcionar consistentes, mesmo antes de serem lançados Design material. Ao aplicar os princípios que eles usavam antes e agora, os designers podem criar interfaces melhores e praticamente eliminar o “não” do vocabulário dos desenvolvedores.