Hoje vamos aprender o que é o Sketch e porque se tornou o novo padrão na indústria do web design. Hoje em dia, estamos conscientes do impacto que o design de websites e aplicações móveis teve na nossa vida diária. A era digital transformou as nossas tarefas diárias. Nesse contexto, o Sketch apresenta-se como uma aplicação especializada para criar o que precisamos.
No artigo de hoje, aprenderá tudo sobre o que é o Sketch e as suas características, assim como as suas vantagens. É nada menos que um programa de design de interface que revolucionou o desenvolvimento da web e a indústria de design UX & UI.
o que é o Sketch?
Sketch é um software de desenho vectorial para interfaces web e móveis. O aplicativo é utilizado como ferramenta de desenvolvimento web e programa de prototipagem, bem como para fazer logótipos, elementos de identidade de marca e gráficos.
É um programa criado por designers para designers, pelo que será perfeito para todas as suas necessidades de design de interfaces. Quando abrirmos o Sketch, podemos começar a trabalhar na sua tela infinita, o que lhe permitirá ter um grande espaço para desenvolver as suas ideias como quiser e quantas vezes quiser.
os projectos de design UX e UI pedem-nos para utilizar o Sketch, pois a ferramenta de design de interface ajudar-nos-á a captar a compreensão do utilizador sobre os nossos projectos digitais e será muito fácil demonstrar o protótipo ao cliente .
É impossível definir o que é o Sketch sem explicar o que é o desenho de interface: é a construção do conjunto gráfico para a apresentação e navegação de um website ou aplicação móvel, o que permite a funcionalidade de um sistema.
Agora que já sabe o que é o Sketch, vamos ver quem pode utilizar esta aplicação.
Imagem: Efeito Maçã
quem pode utilizar o Sketch?
Bem, primeiro de tudo o Sketch é uma aplicação Mac. Portanto, se não tiver um Mac, infelizmente não poderá utilizá-lo. Há uma aplicação Windows que pode interpretar ficheiros Sketch.
Portanto, pode abrir ficheiros Sketch nessa aplicação, mas não pode editá-los, porque só pode trabalhar com a aplicação Sketch num Mac.
Agora, o Sketch é um programa muito leve, por isso não precisa de um super PC para o executar. Por exemplo, pode trabalhar num MacBook Pro sem que este seja o modelo mais recente. Se o seu computador mantém especificações como 16GB de i7 RAM, será bastante bom. No entanto, é tão leve que funciona bem mesmo no Mac mais barato disponível, que neste momento é um Mac Mini.
Na realidade, qualquer pessoa com capacidades de desenho pode usar o Sketch. Como mencionámos anteriormente, pode ser usado para web design, design de interface, design móvel, design de ícones, e praticamente tudo o que quiser, excepto talvez coisas como renderizações pesadas em 3D.
Pode mesmo usar o Sketch para wireframing, que é um esboço onde representa visualmente, de uma forma muito simples e esquemática, a estrutura de uma página web, ou com a ajuda de alguns plugins pode usá-lo para a elaboração de protótipos. Mas iremos expandir esta função quando falarmos sobre as características do Sketch na próxima secção.
quais são as características do Sketch?
Sabemos o que é o Sketch, mas o que o torna tão especial? A aplicação tem muitos atributos que a tornaram uma das favoritas entre os profissionais de design de interface e desenvolvimento web. Aqui estão as características do Sketch, tal como listadas no seu website.
Tem todas as ferramentas básicas
O Sketch tem tudo o que precisa para o desenho da interface. Na barra de ferramentas no topo do ecrã, pode encontrar todo o essencial, desde a concepção de ícones até à criação de conceitos completos para um novo produto digital.
E são adequados tanto para principiantes como para especialistas! As ferramentas de web design funcionam intuitivamente e permitem ter precisão a nível de pixel. Da mesma forma, sabe agora que o Sketch é a única aplicação de design de interface com a qual tem um fluxo de trabalho não destrutivo, o que significa que as alterações podem ser feitas sem modificar o ficheiro original e são muito fáceis de reverter sem arruinar todo o seu trabalho.
Concentra-se no design
A disposição da plataforma e as suas funções estão centradas em fornecer as melhores características para apresentar o melhor trabalho de desenho e protótipo da web possível .
Da mesma forma, Sketch dá-lhe grelhas e uma interface para manter o seu trabalho muito organizado e limpo, bem como opções para personalizar o ecrã principal para melhor se adequar a si.
Entre outras ferramentas para criar um desenho web no Sketch, permite redimensionar restrições de elementos para fácil escalonamento, fornece atalhos para rearranjar e redimensionar camadas, e dá-lhe um controlo infinito sobre a tipografia.
Inserir componentes e sistema de layout
Sketch é concebido dentro de um sistema que lhe dá acesso a bibliotecas partilhadas de símbolos, textos e estilos, bem como componentes reutilizáveis que pode enviar aos seus colaboradores, e ao mesmo tempo trabalha para manter a sua equipa actualizada com actualizações ao seu sistema de design.
Há também uma função para criar uma paleta de cores para utilizar em todos os seus desenhos e depois partilhá-la com outros. Através disto, podemos padronizar a estética dos nossos produtos digitais, tais como interfaces web e de aplicações.
Além disso, a aplicação de desenho de interface contém a opção Smart Layout. Através desta, os símbolos ou texto que utiliza adaptar-se-ão automaticamente ao espaço disponível, poupando-lhe muito tempo.
Finalmente, o desenho do interface Sketch permite-lhe mostrar os componentes guardados na sua biblioteca partilhada numa janela separada, tornando-os fáceis de encontrar. Basta abrir “Insert Window”, digitar o nome na caixa de pesquisa e arrastar o elemento para a tela em apenas alguns segundos.
Prototipagem em Esboço
Se quisermos falar sobre o que é o Sketch, devemos mencionar que é uma óptima opção para prototipar um produto digital, tal como um website ou uma aplicação smartphone. Nunca foi tão fácil partilhar os seus projectos e receber feedback dos seus clientes.
Através do Sketch pode ligar muito facilmente as partes do seu design de interface e criar protótipos para testar todas as suas ideias no software Mac ou no seu próprio dispositivo digital iOS na aplicação Sketch Mirror. As alterações aparecem automaticamente, permitindo-lhe trabalhar com melhor visibilidade e mais rapidamente.
Colaborar em tempo real
Como mencionado anteriormente, o software Sketch dá-lhe a oportunidade de criar uma biblioteca partilhada de todos os símbolos, texto e paletas de cores para um design de interface coeso, tudo isto tornado possível através do Sketch Cloud!
Semelhante ao Google ou à nuvem da Apple, o Sketch tem o seu próprio sistema de partilha de ficheiros para facilitar o trabalho com outros colaboradores. As ferramentas multiplataforma permitem-lhe adicionar feedback, utilizar itens partilhados e a capacidade de manter todos os membros da equipa na mesma página.
Também lhe dá a opção de Smart Sharing, o que significa que pode gerir os seus ficheiros na nuvem e atribuir com quem os partilhar, quais os documentos que são privados e colocá-los no espaço partilhado. pode personalizar as pastas de acordo com as suas necessidades!
Concebido para macOS
O desenho do interface Sketch será muito familiar às pessoas que estão habituadas ao sistema macOS. O software foi perfeitamente adaptado ao sistema operativo, apresentando características características dos computadores com a marca Apple. Por exemplo:
Interfaces de utilizador claras e escuras
Apoio total aos ecrãs Retina e não-Retina
Suporte da barra de toque
Controlo local da versão de documentos
Desempenho super-rápido em silício de maçã
Trabalho local e offline
Corrector ortográfico incorporado e suporte RTL
Barra de ferramentas e atalhos personalizáveis
Extensões para melhorar a experiência
Sketch permite-lhe personalizar a aplicação através de extensões, plugins, assistentes digitais e outras integrações para adicionar características e optimizar as suas tarefas. Mesmo as principais ferramentas de prototipagem têm os seus próprios plugins para utilização no Sketch.
assistentes digitais
todos precisam de uma ajuda de vez em quando! Obter ajuda para identificar questões de concepção de interface, mantendo-se consistente com o sistema, e outras tarefas. Por exemplo, existem as convenções Sketch2React, Accessibility e Organizer.
plugins
De acordo com IONOS, uma plataforma especializada em soluções de alojamento e nuvem para PMEs, os plugins são definidos como “pequenos programas adicionais que alargam a funcionalidade de aplicações web e programas de desktop”. Por outras palavras, os plugins para Sketch ajudá-lo-ão a acelerar o seu trabalho com ferramentas adicionais. Por exemplo, existem Stark, Chart, Overflow e Vectary.
integrações
Adicione novos elementos ao seu fluxo de trabalho com outras aplicações que se integram com o Sketch para levar os desenhos de interface para o nível seguinte. Por exemplo, há Lokalise, Maze, Flinto e Abstract.
lá, sabe o que é o Sketch e as suas características, agora é a sua vez de aprender sobre as suas vantagens e porque precisa de começar a utilizar este software de desenho vectorial.
quais são os requisitos do sistema para instalar o Sketch?
Agora que sabe o que é o Sketch e já leu, já decidiu utilizá-lo. A questão do milhão de dólares é se o seu computador suporta o Sketch. O Sketch 82.1 ou superior requer MacOS Catalina (10.15.0) ou posterior, e uma ligação à Internet que funcione, a fim de instalar o software e receber actualizações e actualizações.
Se estiver a trabalhar com uma versão mais antiga de macOS, então deve verificar a página de actualizações do Sketch para obter ligações para descarregar versões mais antigas.
Mas se quiser actualizar a sua versão macOS para a versão mais recente do Sketch, então siga as instruções no website da Apple para actualizar o seu sistema operativo.
Para se inscrever numa conta Sketch como editor, terá de utilizar a versão 56 ou mais recente da aplicação Mac. Para utilizar a colaboração em tempo real explicada na secção de características do Sketch, terá de utilizar a versão 71 ou mais recente da aplicação Mac. Pode descarregar a última versão em sketch.com/updates.
Se trabalhar com documentos mais complexos, com várias páginas e muitas placas de arte, um Mac com uma quantidade decente de RAM, um CPU potente e uma boa GPU dar-lhe-ão os melhores resultados.
A aplicação Sketch Mac utiliza tecnologias de hardware específicas para Mac e, portanto, não é possível executá-la numa máquina virtual (VM). Se não estiver seguro da compatibilidade, pode usar o teste gratuito de 30 dias para testar o desempenho do seu computador.
Noções básicas do esboço
Tal como as aplicações nativas Mac, o Sketch fornece uma interface de utilizador amigável com uma barra de ferramentas, um navegador e um inspector. Como resultado, novos utilizadores que queiram explorar o que é o Sketch terão uma experiência muito mais acessível porque não se interpõe no caminho da produção de desenhos simples.
Personalização da barra de ferramentas
De acordo com a linguagem de desenho MacOS, a barra de ferramentas Sketch é personalizável quando se clica com o botão direito do rato. Pode configurar todas as suas ferramentas favoritas arrastando as que desejar. Se gosta de atalhos de teclado, é aconselhável guardar os que são difíceis de lembrar, mas frequentemente utilizados.
Algumas delas só se tornam activas quando é possível utilizá-las, pelo que tê-las na barra de ferramentas é útil. Algumas das ferramentas favoritas que pode utilizar no Sketch são: Símbolos, Tesoura, Contorno, Redondo a Pixel.
Imagem: elegantthemes.com
Quadros de arte, os quadros de arte
Os quadros de arte são os ecrãs da sua aplicação Sketch. Cada Artboard representa um ecrã ou uma interacção dentro de um ecrã. Ter um fluxo de trabalho eficiente é crucial para os designers modernos.
Agora pode evitar gastar todo o seu tempo com design visual, porque a criação de protótipos, a entrega de bens e a codificação podem realmente dar vida aos seus designs em vez de ficarem presos no vácuo.
No passado, os designers costumavam guardar um ficheiro para cada ecrã que projectavam, resultando em dezenas de ficheiros para gerir. Agora, graças ao Sketch Artboards, pode ter toda a sua aplicação, com dezenas de ecrãs, dentro de um único ficheiro Sketch.
Imagem: designcode.io
Páginas
Na aplicação Sketch, cada página representa uma plataforma ou resolução completamente diferente. Para a maioria dos projectos, terá mais de vinte quadros de arte para uma plataforma como o iOS.
Depois, terá de criar outra página para Android, Web, Apple Watch, tvOS, etc. Desta forma, poderá ter um projecto completo dentro de um único ficheiro Sketch. Isto poupa-lhe muito tempo ao alternar entre ecrãs e plataformas.
Pode abrir as páginas clicando na seta ao lado do nome da página. Além disso, é possível alternar rapidamente entre páginas utilizando o menu pendente. O atalho do teclado é Fn ↑ e ↓.
Imagem: designcode.io
Modelos de interface do utilizador
O programa Sketch vem com conteúdo pré-carregado com uma série de modelos de IU para iOS, Material Design e Responsive Web. Para aceder a eles, basta ir a File, New Template. Os modelos de iOS e Material Design são particularmente abrangentes e serão um óptimo ponto de partida para qualquer designer, principiante ou especialista.
Imagem: designcode.io
Curta curva de aprendizagem
Isto significa que aprender a utilizar o Sketch é muito fácil. O programa de desenho web é muito intuitivo. Depois de algumas horas a familiarizar-se com a plataforma, irá encontrar nela uma escolha natural para trabalhar no desenho da web e da interface móvel. Além disso, se precisar dele, dispõe de um departamento de apoio técnico muito eficiente .
Mesmo para projectos que envolvam trabalho de equipa, como o design ux, o layout é muito acessível e será fácil de compreender para pessoas que não tenham experiência nesta disciplina, como, por exemplo, desenvolvimento e pesquisa de mercado.
o esboço é super leve!
O software Sketch pesa apenas 40 a 60 MB. Funciona em praticamente qualquer processador. Por outro lado, trabalhará num ambiente vectorizado; por conseguinte, os ficheiros e os resultados para os clientes são também muito leves. Contudo, devemos mencionar que o Sketch está actualmente disponível apenas para computadores Mac.
Não perde o seu progresso
O Sketch é um programa de desenho de interface muito estável, mas se se avariar, não entre em pânico! Poupa continuamente o progresso do seu trabalho e impede-o de perder o seu trabalho árduo. Também funciona como uma cápsula de tempo, para que não tenha de salvar milhares de versões finais.
Muito económico
Ao contrário de outro software de web design, o Sketch é muito acessível para web designers. De acordo com o website Sketch, por apenas 99 dólares terá o software disponível durante um ano. Há também a possibilidade de adquirir o programa mensalmente por 9 dólares. Finalmente, se não estiver 100% seguro sobre a sua compra, a plataforma oferece um teste gratuito de 30 dias.
Imagem: ICHI.PRO
Facilidade de utilização
Quando se sabe o que é o Sketch, percebe-se que é muito mais fácil de usar do que uma aplicação como o Photoshop. Pesa em apenas 45 MB de espaço em disco, em comparação com os 2,17 GB do Photoshop.
Do ponto de vista de um web designer, uma grande coisa sobre o Sketch é a qualidade da renderização, o que significa que os desenhos que pode criar estão muito próximos dos resultados que obtém de linguagens de programação como HTML/CSS ou de uma página web acabada. Devido a isto, é possível aperfeiçoar um desenho, mesmo na versão codificada.
Aplicação baseada em vectores
O programa Sketch, como dissemos, é baseado em vectores, o que significa que cada forma que se desenha pode ser redimensionada para qualquer tamanho sem perder a nitidez. Assim, os seus desenhos ficarão óptimos, mesmo numa retina ou num ecrã de DPI (pontos por polegada) muito alto.
Esperamos que o artigo de hoje lhe tenha sido útil para aprender o que é o Sketch e porque tem sido uma aplicação que tem sido adoptada como padrão entre os especialistas em design de interfaces.
Aprendemos não só o que é o Sketch, mas também as suas principais características e as suas vantagens mais importantes. Agora, está pronto para começar uma aventura com esta ferramenta de design de interface?