Revisão do esboço | Agora

[ad_1]

Engolindo rapidamente sua concorrência, o Sketch está prestes a ultrapassar o Photoshop como a ferramenta de prototipagem de interface ideal, a tal ponto que muitos desenvolvedores agora preferem que os designers entreguem arquivos Sketch em vez de arquivos em camadas do Photoshop. Ao contrário do Photoshop, o Sketch software gráfico foi construído do zero para projetar interfaces interativas. Ele cria composições ao vivo para que os clientes possam visualizar o que acontece quando clicam, deslizam ou tocam seu design em seu desktop, laptop, tablet ou telefone. Por causa de tudo isso, os designers que usam o Photoshop para criar interfaces de usuário para desktops e dispositivos móveis podem querer dar uma olhada no Sketch.

Originário da Holanda, o Sketch é um programa de design vetorial exclusivo para Mac com foco na criação de protótipos interativos de designs de web e aplicativos. O tipo de design funcional que o Sketch produz permite que seus clientes tenham uma ideia melhor de como tudo parece e responde. Isso, por sua vez, os capacita a fornecer feedback mais útil sobre a funcionalidade (interface do usuário ou IU) e experiência do usuário (UX) e, consequentemente, permite a aprovação informada antes do estágio de desenvolvimento – reduzindo a frustração e economizando tempo e dinheiro.

A concepção comparativamente recente do Sketch (2008) foi focada no design colaborativo para telas, por isso tem uma vantagem sobre o Photoshop, que estreou 30 anos antes, quando a palavra tela tinha a ver com a medição da densidade dos meios-tons. Designers começaram a se apoiar Adobe Photoshop ($ 9,99 / mês na Adobe) para organizar e entregar arquivos de design de interface porque era a melhor ferramenta disponível para fazer o trabalho – não porque era uma ferramenta construída especificamente para esse propósito.

Interface

No entanto, Sketch não está sozinho no espaço de design UX. Adobe XD (XD significa Experience Design), lançado em 2016 como parte da Creative Cloud da Adobe para Windows e Mac, também é uma ferramenta baseada em vetor para wireframing e produção de protótipos click-through interativos.

Um segundo concorrente baseado em vetor, apresentado como “a ferramenta de design de tela mais poderosa do mundo”, é o Studio, da plataforma de gerenciamento de sistemas de design de peso, InVision (grátis para um protótipo, US $ 25 por mês para protótipos ilimitados). Ao contrário do Sketch e do XD, o Studio possui um módulo de animação avançado integrado. O trabalho feito no Sketch pode ser sincronizado com a plataforma InVision usando seu próprio plugin do Craft Manager. A Adobe oferece um plano inicial XD gratuito que tem armazenamento limitado (2 GB) e uso de uma parte da coleção Adobe Fonts. A versão completa do XD está disponível como parte da assinatura da Adobe Creative Cloud (CC), a partir de $ 20,99 por mês para o único aplicativo ou a partir de $ 54,99 por ano para todos os aplicativos Creative Cloud, incluindo Ilustrador ($ 19,99 na Adobe) , InDesign e Photoshop.

Sketch usa uma variante em um modelo de assinatura, custando US $ 99 por ano por dispositivo (um computador ou celular), para indivíduos. Isso inclui um ano de atualizações e Sketch Cloud (para compartilhamento e colaboração online), após o qual você pode manter e usar sua versão atual para sempre ou renovar por $ 69 por ano para recuperar atualizações regulares e benefícios da nuvem. O licenciamento por volume varia de US $ 64 por ano por dispositivo para dois a nove dispositivos até US $ 49 cada para 50 ou mais dispositivos.

É importante notar que, ao adquirir uma licença, você tem direito a apenas uma única licença (para uso em apenas um computador). Se você usa vários Macs, como um desktop e um laptop, está sem sorte e precisará comprar dois assentos. Muitos aplicativos baseados em assinatura permitem duas estações por licença, o que é uma boa opção para aqueles criativos que trabalham duro que trabalham duro em seus desktops no escritório e em seus laptops em casa. Um inconveniente relacionado é que se você quiser usar o Sketch em um novo Mac ou se tiver que reformatar sua unidade, será necessário cancelar o registro do Sketch da sua máquina / unidade antiga e, em seguida, registrar-se novamente.

Começando

O Sketch pode ser baixado rapidamente do site da empresa (sketchapp.com); há um teste gratuito de 30 dias, sem necessidade de cartão de crédito. Sketch requer MacOS 10.13.4 (High Sierra) ou posterior. A empresa avisa que se você estiver trabalhando com documentos complexos de várias páginas com centenas de pranchetas, um dos Macs mais poderosos com RAM é recomendado. Testei o Sketch 53.2 em um MacBook Pro 2018 com um processador Intel Core i9 de 2,9 GHz, 32 GB de RAM e uma placa de vídeo Radeon Pro 560X.

Na página de download, o Sketch oferece um Guia do iniciante, ampla documentação, tutoriais e dicas e links para suas mídias sociais e comunidades de desenvolvedores, blog e bate-papos, e Driblar. É acolhedor e inspirador ver uma lista de encontros e eventos da comunidade global de design. Além disso, o site oferece uma infinidade de recursos gratuitos e premium de Sketch App UX / UI, incluindo kits de wireframe, kits de UI para dispositivos móveis, modelos, maquetes, painéis, conceitos e ícones.

Interface e tela

O Sketch lidera pelo exemplo e fornece uma IU contextual limpa com três seções principais – e (por design) sem painéis flutuantes. Se você já é um usuário do Mac, vai achar a UI do Sketch familiar, porque ela é modelada nas interfaces de aplicativos da Apple como Pages, Numbers e Keynote. Com esta versão mais recente, o Modo escuro da Apple agora é compatível.

No lado esquerdo da tela, você encontrará a Lista de Páginas com um inventário de suas camadas, itens de conteúdo individuais nessas camadas e pranchetas e o conteúdo nomeado nelas. À direita está o Inspetor, onde você pode mexer nas propriedades do conteúdo em qualquer camada que tenha selecionado. No topo você tem a barra de ferramentas que contém ferramentas e ações. O palco central é a sua tela onde você cria a magia.

A Lista de Páginas facilita a organização, atribuição ou alteração de camadas, além de permitir nomear, agrupar, selecionar e duplicar itens de conteúdo para que seu fluxo de trabalho seja eficiente. Você estará em ótima forma quando chegar a hora de entregar os arquivos a um desenvolvedor.

O Sketch lubrifica seu fluxo de trabalho facilitando ou automatizando tarefas comuns com bibliotecas, estilos de texto e camadas, instâncias de símbolos e predefinições fáceis de fazer. Além disso, existem centenas de kits de interface do usuário, modelos e plug-ins que economizam tempo e que estendem ainda mais a funcionalidade do Sketch em uma miríade de maneiras.

Pranchetas

Desenho e fotocomposição no esboço

Assim como o Cheetah está para a corrida, o Sketch está para a prototipagem. Uma chita certamente é capaz de andar, mas ela evoluiu para correr. Da mesma forma, você pode desenhar no Sketch, e está tudo bem para isso, mas o que é extraordinário no Sketch é sua prototipagem. Ainda assim, vale a pena ter uma visão geral do que pode ser feito com as ferramentas de desenho do Sketch.

Toda a criação, importação e montagem de conteúdo começa com um clique no menu suspenso Inserir. Lá você encontrará a forma esperada, ferramentas de desenho e texto. Convenientemente à direita estão as operações de arranjo como trazer para frente, alinhamento e distribuição; e ferramentas booleanas básicas não destrutivas como União, Subtração, Interseção e Diferença. As ferramentas vetoriais intuitivas e eficientes permitem a criação e edição de formas, seus pontos e curvas de Bézier. Embora o Sketch possa lidar com tarefas essenciais de desenho, não é o Illustrator – nem deveria ser.

A tipografia básica no Sketch é direta, com recursos familiares semelhantes aos do Microsoft Word, juntamente com opções decorativas para sombras, preenchimentos e bordas. A formatação de blocos do tipo pode exigir algum esforço manual no Sketch que, por exemplo, não suporta tabulação – você deve empregar a tecla de espaço para simular o efeito desejado. Isso é bom, porque qualquer composição complexa é inútil ao projetar layouts responsivos: tudo tipográfico (tamanho, quebras de linha, hifenização e assim por diante) muda quando visualizado em vários dispositivos de tamanhos diferentes.

Prototipagem e Design Responsivo

Ao contrário de outros programas de desenho (mas muito parecido com o Adobe XD), o Sketch facilita a construção de um protótipo interativo. Para simular o caminho de seu site ou aplicativo (IU) e como será a experiência (UX), você pode atribuir certas áreas como rolagem ou não rolagem, menus de link e link cruzado, símbolos, seções, páginas e instâncias e definir pontos de acesso (áreas clicáveis). Você pode não apenas visualizar seus esforços de dentro do aplicativo, mas também pode usar o Sketch Mirror (mais sobre esse recurso abaixo).

Protótipos

Uma novidade no Sketch é que você pode preencher os campos de texto e forma de protótipo com dados realistas dinâmicos em vez de ficar preso ao tédio de Lorum Ipsum usual. Em camadas de texto ou forma selecionadas, você pode atribuir um arquivo de origem a partir do qual importa texto ou imagens.

O Sketch funciona muito bem com os outros – e não apenas dentro do aplicativo. Foi uma delícia descobrir que poderia copiar e colar um ícone criado no Illustrator. Após a importação, o Sketch criou uma camada agrupada para minha arte e, a partir daí, eu poderia usar o ícone como está, adicioná-lo a uma biblioteca ou criar um símbolo – assim como você faria com qualquer arte criada no aplicativo.

No mercado atual, qualquer design bem concebido e destinado à tela deve ser responsivo. Isso significa que o conteúdo em uma tela de aplicativo ou página da web é redimensionado e alterado automaticamente, dependendo do dispositivo de visualização (desktop, laptop, celular, tablet). Portanto, o texto é redimensionado, as quebras de linha são alteradas e as imagens diminuem, expandem ou ocultam, dependendo do que ficará melhor em cada dispositivo.

No Sketch, você deve criar layouts variantes e simplificações das diferentes proporções manualmente, copiando e colando cada elemento ou grupo. Eu, no entanto, gostaria que houvesse uma opção de ajuste inteligente para modificações responsivas de layout semelhantes a Resize responsivo no XD ou até mesmo o recurso Ajustar Layout do InDesign. Embora Ajustar layout quase nunca seja uma solução perfeita, certamente economiza tempo e fornece um lugar melhor para começar do que uma página em branco.

Para visualizar seus designs Sketch em tempo real em seus dispositivos, existe o Sketch Mirror gratuito para iOS, bem como vários aplicativos para fazer isso em dispositivos Android. Em todos os casos, os dispositivos precisarão de uma conexão Wi-Fi ou USB. Tomar decisões de design informadas beneficia o fluxo de trabalho de qualquer pessoa e, para esse fim, ser capaz de ver seus ajustes, recortes e dimensionamento de texto ao vivo com o Sketch Mirror no dispositivo real é um recurso pesado.

Saída e colaboração

Quando seu trabalho está pronto para feedback do cliente ou colaboração da equipe, há várias maneiras de compartilhar. O método principal é fazer o upload do seu documento para Sketch Cloud. Após o upload, você obtém um URL e pode escolher quem convidar para visualizar o documento, e definir um dos três níveis de acesso: Comentário, Download ou Usar como Biblioteca. Qualquer pessoa com o link pode usar as ferramentas de comentários incorporadas e, se abrir a página em um tablet ou telefone, poderá visualizar a (s) prancheta (s) em resolução total, desde que haja um layout para o dispositivo.

Sketch Library Preferences

As bibliotecas conectam você e sua equipe aos ativos e predefinições do projeto. Criá-los no Sketch é uma brisa e é um método inteligente de armazenar ativos de marca flexíveis em um único local acessível globalmente – seja local em seu disco rígido, em seu servidor ou mesmo em depósitos baseados em nuvem de terceiros, como Dropbox . Uma Biblioteca é apenas outra página de Sketch em seu documento que você designa como Biblioteca, o que a torna disponível e útil para adicionar ou revisar recursos.

Se você editar um símbolo que você criou, quando você (ou qualquer outra pessoa que está colaborando no documento) retornar ao seu documento de design, encontrará uma mensagem no canto superior direito da tela alertando sobre a atualização. Em seguida, você tem a opção de clicar para atualizar ou pode decidir desanexar a arte da Biblioteca. Sketch é grande em ordem e organização, então quando você clica nesse alerta, uma janela de diálogo aparece listando seus componentes de biblioteca, mostrando o símbolo desatualizado e o símbolo atualizado lado a lado. É ótimo ter informações completas ao seu alcance.

Como alternativa, você pode exportar pranchetas como páginas PDF que podem ser marcadas com comentários no Apple Preview, Adobe Acrobat ou qualquer outro software de visualização de PDF. O Sketch também exporta gráficos, fatias e páginas como arquivos JPG, PNG e SVG. Além do mais, ele pode exportar código para atributos SVGs e CSS.

Não há nada incompleto sobre este aplicativo

Sketch é uma ferramenta desenvolvida para designers que criam experiências de design baseadas em tela, e faz isso com maestria. Com sua interface familiar (para usuários de Mac) intuitiva e fácil colaboração cruzada entre designers e seus clientes, o Sketch ganhou sua sólida reputação como a ferramenta de prototipagem ideal, porque facilita e agiliza o processo de validação e aprovação de design. Para obter o máximo em recursos de ilustração vetorial, consulte nossa Escolha do Editor, Adobe Illustrator.

Este boletim informativo pode conter publicidade, negócios ou links de afiliados. A assinatura de um boletim informativo indica seu consentimento com o nosso Termos de uso e Política de Privacidade. Você pode cancelar a assinatura dos boletins informativos a qualquer momento.



[ad_2]

Source link

Deixe um comentário

O seu endereço de e-mail não será publicado.