Sketch App: Uma Visão Geral e Revisão

Sketch é uma ferramenta baseada em vetor usada para design de IU de desktop e móvel, maquetes e protótipos, e hoje é considerada um padrão da indústria. Você também pode editar e manipular fotos com Sketch.

O Sketch é tão fácil de usar que você pode aprendê-lo rapidamente, mesmo que nunca o tenha visto antes. Destina-se a designers, não leigos (não designers), e é melhor para equipes que atendem às necessidades do cliente. Por ser um aplicativo exclusivo para Mac, ele se destina a usuários de Mac.

Visão geral do esboço

Ao começar a usar o Sketch pela primeira vez, você trabalhará em uma tela infinita. Você pode personalizar a barra de ferramentas clicando com o botão direito e definir seus favoritos arrastando.

Uma prancheta no Sketch representa uma tela ou uma interação dentro de uma tela. Ao criar uma prancheta, você pode escolher em uma lista de tamanhos de tela comuns para Android, iOS, web e impressão, ou pode personalizar o seu próprio. Há também um plugin Artboard Manager para organização em nível de OCD (* cough * me) - você pode encaixar suas pranchetas em linhas e colunas para organizá-las.

As páginas do Sketch representam uma resolução ou plataforma diferente. Se estiver criando uma prancheta para iOS, você os colocará todos em uma página e poderá criar outra página para seu design Android. Um arquivo Sketch pode conter várias pranchetas e páginas. Isso permite que você organize seu fluxo de trabalho de uma maneira fácil de acessar.

Como acontece com a maioria das ferramentas de design de tela, clicar em uma camada abrirá um inspetor à direita, onde você pode alterar as propriedades.

Se você é um iniciante, comece com um modelo de IU. O Sketch é pré-carregado com iOS, Material Design e modelos da Web responsivos (Arquivo> Novo a partir do modelo).

Benefícios do Sketch

Sketch é amado por um motivo. Antes de passarmos por seus recursos, vamos falar sobre seus benefícios:

• Simples e fácil de aprender; interface intuitiva
• Crie designs para vários dispositivos
• Os clientes podem visualizar o que acontecerá quando interagirem com o design de um desktop, laptop, telefone ou tablet
• Recursos de colaboração úteis, especialmente com sincronização e compartilhamento do Sketch Cloud
• A barra de ferramentas é semelhante ao Mac
• Há uma variedade de plug-ins que podem ser usados ​​com Sketch (Abstract, Craft, Flinto, etc.)
• Acessível

Muitos dos benefícios do Sketch são comparados ao Photoshop. Por exemplo, ele funciona de forma semelhante ao Photoshop, mas a um preço mais baixo e ocupando menos espaço em disco. Alguns acham que o Sketch pode até ultrapassar o Photoshop em algum ponto, pelo menos quando se trata da principal ferramenta de prototipagem. Uma grande razão pela qual o Sketch pode ser mais adepto do design de tela do que o Photoshop é porque é para isso que ele foi projetado especificamente - é uma ferramenta mais jovem e moderna que foi criada para o propósito.

O Sketch também traz muitas orientações em seu site, que pode ser acessado na página de download.

Desvantagens e concorrentes

O esboço não tem muito que é não ir para ele, mas dois de seus maiores inconvenientes são (1) você só pode usá-lo em um Mac e (2) você só pode usá-lo em um dispositivo por licença. Além disso, como um aviso, se você vai criar vários arquivos complexos com várias páginas, você vai querer um Mac poderoso para lidar com tudo isso.

Existem dois concorrentes principais do Sketch: Adobe XD e InVision Studio. Adobe XD é outra ferramenta baseada em vetor usada para wireframing e prototipagem. O InVision Studio tem uma vantagem sobre o Adobe XD e o Sketch: seu módulo de animação.

Recursos de esboço

O Sketch tem muitos dos recursos básicos que você espera:

• Ferramentas de desenho, forma e texto
• Editar pontos de forma e curvas de Bézier
• Operações de arranjo (alinhamento, trazer para frente, distribuição)
• Ferramentas booleanas (união, subtração, interseção, diferença)

O Sketch não foi projetado para desenhar, no entanto - ele realmente foi feito para prototipagem. Definir pontos de acesso; atribuir áreas da tela como rolagem / não rolagem; e instâncias de link e cross-link, menus, páginas, seções e símbolos. Você também pode importar imagens ou texto para preencher o protótipo com dados mais realistas do que espaços reservados. O Sketch é particularmente útil quando se trata de projetar com precisão de alto nível:

• Ferramentas de alta precisão (grades e grade de pixels, réguas, guias inteligentes, etc.)
• Guias inteligentes aparecem antes de você começar a desenhar para obter a precisão ideal
• Segurar “Alt” mostra a distância entre a camada que você selecionou e outras, bem como entre a camada e a prancheta
• Selecione duas camadas e alinhe-as uma com a outra
• A opção Distribuir Objetos permite normalizar distâncias entre camadas
• Defina sua própria grade de layout

Mais ótimos recursos de Sketch

• A ferramenta de escala dimensiona cada propriedade - borda, raio, sombra / sombra interna, tamanho
• O ajuste de pixels permite que você retenha pixels nítidos à medida que alinha ou redimensiona as formas
• Detecção automática de cores em seu documento, e as cores são ordenadas com base na frequência de uso
• A ferramenta de cores irá armazenar sua paleta para um único documento ou globalmente
• Mude de RGB para HSB para ter mais controle sobre suas cores
• Gradientes são ótimos para planos de fundo, botões e ícones
• Use gradientes radiais para fundos grandes e gradientes angulares para fundos circulares
• Desfoque de fundo personalizável; todas as camadas abaixo da selecionada serão desfocadas automaticamente
• Estilos de texto permite que você reutilize seu estilo de tipografia preferido em todas as camadas (defina um estilo global)
• Crie elementos reutilizáveis ​​(símbolos) para compartilhar em pranchetas; atualizar um irá sincronizar todos os outros (se outro membro da equipe atualizar um símbolo, você pode aprovar a atualização ou desanexá-lo de sua biblioteca)
• Se você tiver uma biblioteca repleta de ícones e logotipos no Photoshop ou Illustrator, pode migrá-los para o Sketch
• Ativar o salvamento automático salvará suas alterações para que você não perca seu trabalho árduo
• O salvamento automático também cria um histórico de versão do seu design

Preços do Sketch

Sketch custa $ 99 para o primeiro ano e $ 69 para renovar sua licença todos os anos depois disso. Se você precisar usar o Sketch em mais de um dispositivo, há uma licença por volume a partir de US $ 89 por dispositivo para dois dispositivos no primeiro ano e US $ 64 por dispositivo para renovações. O maior volume de licença que você pode comprar é de mais de 50 dispositivos por US $ 59 por dispositivo no primeiro ano e US $ 49 por dispositivo para renovações. Há também um teste gratuito de 30 dias, sem e-mail ou cartão de crédito necessário, que começa na primeira vez que você inicia o aplicativo.

A licença Sketch inclui um ano de atualizações, mas você pode usar o software para o resto da vida; ou você pode atualizar todos os anos para sempre obter os lançamentos mais recentes. Junto com o software, você também obterá o aplicativo Mirror, que permite visualizar seus projetos em tempo real no seu iPad ou iPhone, e um ano de Sketch Cloud.

Empacotando

Para recapitular, Sketch é uma interface do usuário e ferramenta de prototipagem somente para Mac para designers, mas é tão fácil de aprender que você pode usá-lo, seja você um iniciante ou um especialista. Ele funciona de forma semelhante ao Photoshop, a interface se assemelha a programas Mac, e Sketch oferece muita ajuda por meio de seus guias, comunidades e modelos e kits pré-carregados. É flexível graças aos plug-ins e à capacidade de usá-lo com suas bibliotecas do Photoshop e do Illustrator. Como uma ferramenta de prototipagem e design de tela especialmente desenvolvida, ele enfatiza a precisão em seus designs e organização de seus projetos. Adobe XD é um oponente de prototipagem digno e InVision Studio é a escolha para animação, mas familiaridade com Sketch pode ser um requisito da indústria em breve.

Quer se tornar um especialista em Sketch? Reunimos 25 recursos de Sketch para designers de tema e plug-in do WordPress.