Pular para o conteúdo principal

Design Sem Fórmula

Design Gráfico x Design Digital: qual é a diferença?

Se você está começando a estudar Design, provavelmente já encontrou os termos Design Gráfico e Design Digital. À primeira vista, parece fácil diferenciar os dois. Um trabalha com coisas impressas e o outro com coisas digitais. Certo? Bom… mais ou menos. A diferença não está apenas no fato de um projeto ser impresso ou aparecer em uma tela. As duas áreas compartilham muitos fundamentos, mas possuem objetivos, limitações e formas de trabalhar diferentes. E entender isso pode ajudar bastante se você está tentando descobrir qual caminho seguir dentro do Design. O que é Design Gráfico? O Design Gráfico está relacionado à criação de soluções visuais para comunicar uma mensagem. Ele pode aparecer em materiais físicos ou digitais e está presente em praticamente todos os lugares. Uma embalagem que você encontra no supermercado. Um cartaz. Uma revista. Um livro. Um cartão de visita. Uma identidade visual. Uma capa. Uma peça publicitária. Tudo isso pode envolver Design Gráfico. O objetivo não é simplesmente fazer algo “bonito”. É organizar elementos visuais para que uma mensagem seja transmitida de maneira clara e coerente. Para isso, o designer trabalha com elementos como: E esses fundamentos continuam sendo importantes mesmo quando o projeto deixa o papel e vai para uma tela. E o que é Design Digital? No artigo anterior, vimos que Design Digital está relacionado à criação de experiências, interfaces e soluções para ambientes digitais. Aqui entram projetos como: Mas existe uma diferença importante. Em muitos projetos de Design Gráfico, a pessoa simplesmente olha para a peça. No Design Digital, muitas vezes ela precisa interagir com aquilo. Ela clica. Rola a página. Preenche um formulário. Abre um menu. Volta para uma tela anterior. Recebe uma mensagem. Faz uma compra. Essa interação muda bastante a maneira como o designer precisa pensar. Então Design Gráfico é só para impressão? Não. Essa é uma confusão bastante comum. Design Gráfico não significa necessariamente “design para impressão”. Um designer gráfico pode criar materiais para ambientes digitais também. Por exemplo: O ponto principal é que Design Gráfico está muito ligado à comunicação visual. Já o Design Digital pode envolver, além da comunicação visual, questões de interação, comportamento e experiência. É por isso que as duas áreas podem se encontrar. Onde Design Gráfico e Design Digital se encontram? Em muitos lugares. Imagine que uma empresa está lançando um aplicativo. Ela pode precisar de uma identidade visual. Logo, cores, tipografia e elementos gráficos. Isso envolve conhecimentos tradicionalmente associados ao Design Gráfico. Mas o aplicativo também precisa de: Aqui entram conhecimentos de Design Digital, UX e UI. Percebe como as áreas começam a se conectar? Não existe uma parede separando completamente uma área da outra. Na verdade, quanto mais você estuda Design, mais percebe que muitos conhecimentos se complementam. Qual é a principal diferença entre os dois? Uma forma simples de entender é pensar no tipo de experiência que o projeto proporciona. No Design Gráfico, muitas vezes o objetivo principal é: comunicar visualmente uma mensagem. No Design Digital, além de comunicar, podemos precisar: criar uma experiência com a qual a pessoa vai interagir. Imagine um cartaz anunciando um show. Você olha para ele e encontra: Nome do evento → data → local → informações A composição precisa chamar sua atenção e organizar essas informações. Agora imagine o site desse mesmo evento. Além de apresentar as informações, você pode precisar: Encontrar o evento → escolher uma data → selecionar ingressos → preencher seus dados → realizar o pagamento → receber a confirmação. Agora existe um caminho. E esse caminho precisa funcionar. É aí que o pensamento de UX e UI começa a ganhar ainda mais importância. Os fundamentos de Design são os mesmos? Muitos deles, sim. E esse é um dos motivos pelos quais eu acredito que estudar os fundamentos seja tão importante. Independentemente da área que você escolher, alguns conceitos vão continuar acompanhando você. Tipografia Escolher e organizar fontes de maneira adequada. Cores Criar combinações que façam sentido para a mensagem e o contexto. Hierarquia visual Definir o que precisa chamar atenção primeiro, segundo e terceiro. Contraste Criar diferenciação suficiente para facilitar a leitura e destacar informações. Composição Organizar os elementos de maneira equilibrada e intencional. Espaçamento Criar respiro e facilitar a compreensão das informações. Esses conhecimentos não ficam presos ao papel. Você pode utilizá-los em uma embalagem, um cartaz, um site ou uma interface de aplicativo. A ferramenta muda. O fundamento continua sendo importante. E o que muda quando vamos para o digital? Uma das principais diferenças é que o projeto passa a ter comportamento. Uma página pode ter um botão. Esse botão pode mudar quando você passa o mouse. Pode apresentar uma animação. Pode abrir outra tela. Pode mostrar uma mensagem de erro. Pode desaparecer depois de determinada ação. Pode funcionar de uma maneira no computador e de outra no celular. Tudo isso precisa ser considerado. Por isso, quando trabalhamos com Design Digital, precisamos pensar não apenas: “Como isso vai parecer?” Mas também: “Como isso vai funcionar?” Essa é uma mudança de pensamento muito importante. Design Digital precisa ser interativo? Nem sempre. Existem muitos projetos digitais que são essencialmente visuais. Uma publicação para Instagram, por exemplo, é um conteúdo digital, mas não necessariamente exige o mesmo tipo de planejamento de interação que um aplicativo. Por isso, não devemos transformar Design Digital em sinônimo de UX/UI. UX e UI fazem parte desse universo, mas Design Digital é mais amplo. Ele pode envolver diferentes tipos de projetos e conhecimentos. Qual área é mais criativa? Essa é uma pergunta interessante porque existe uma ideia de que Design Gráfico é “mais criativo” e Design Digital é “mais técnico”. Eu não vejo dessa maneira. As duas áreas exigem criatividade. A diferença é que a criatividade pode aparecer de formas diferentes. No Design Gráfico, você pode precisar encontrar uma maneira visualmente interessante de comunicar uma mensagem. No UX, pode precisar encontrar uma solução para um problema que não tem uma resposta óbvia. No UI, pode precisar criar uma interface que seja bonita, clara e funcional ao mesmo

O Que é Design Digital?

O que é Design Digital

Entenda o que faz um Designer Digital. Quando você abre um aplicativo, acessa um site, compra alguma coisa pela internet ou simplesmente rola o feed de uma rede social, existe muito mais design ali do que parece. A posição de um botão, a escolha de uma fonte, as cores de uma tela, a maneira como uma informação aparece e até o caminho que você percorre dentro de um aplicativo são decisões que foram pensadas por alguém. É nesse universo que entra o Design Digital. Mas afinal, o que isso significa? O que faz um Designer Digital? É a mesma coisa que Design Gráfico? Precisa saber programar? E será que é necessário ser uma pessoa supercriativa para trabalhar com isso? Vamos por partes. O QUE É DESIGN DIGITAL ? De forma simples, podemos entender o Design Digital como o design aplicado aos ambientes digitais. Isso inclui a criação de interfaces, experiências, produtos e conteúdos que serão utilizados em computadores, celulares e outros dispositivos. Um site que você acessa todos os dias, por exemplo, não precisa apenas ser bonito. Ele precisa ser fácil de entender, funcionar bem, organizar as informações de maneira clara e ajudar você a chegar onde precisa. O mesmo acontece com um aplicativo. Não basta colocar alguns botões e escolher uma cor bonita. É preciso pensar em como aquela pessoa vai utilizar o produto. Por isso, Design Digital está muito ligado a uma combinação de criatividade, comunicação, tecnologia e resolução de problemas. E talvez essa seja uma das coisas mais interessantes da área: você não está simplesmente criando uma imagem. Está criando algo que alguém vai utilizar. O que faz um Designer Digital? Essa pergunta não tem uma única resposta. E talvez seja justamente aí que muita gente se confunda quando começa a pesquisar sobre a profissão. O Designer Digital pode trabalhar em diferentes etapas de um projeto, dependendo da empresa, do tipo de produto e da sua especialização. Pode participar de pesquisas, organizar informações, criar fluxos, desenvolver wireframes, desenhar interfaces, criar protótipos, pensar em identidade visual para produtos digitais e até acompanhar testes com usuários. Por isso, eu gosto de pensar no Designer Digital menos como alguém que tem uma única função e mais como alguém que usa o design para resolver problemas dentro do ambiente digital. Quais são as principais áreas do Design Digital? O Design Digital é um universo bastante amplo. E você não precisa dominar tudo para começar. Algumas das áreas que aparecem com frequência são: UX Design UX significa User Experience, ou Experiência do Usuário. Aqui, a preocupação está principalmente em entender as necessidades das pessoas e criar experiências que façam sentido para elas. É pensar, por exemplo: UX envolve muito mais do que aparência. UI Design UI significa User Interface, ou Interface do Usuário. É a parte mais relacionada à interface que a pessoa vê e utiliza. Cores, tipografia, botões, ícones, espaçamento, hierarquia visual, componentes e outros elementos fazem parte desse universo. Mas UI também não é simplesmente “deixar a tela bonita”. Uma interface precisa comunicar, orientar e facilitar a interação. Design de Produto Product Design está muito relacionado ao desenvolvimento de produtos digitais. O profissional pode atuar desde a compreensão do problema até a criação e evolução da solução, trabalhando próximo de pessoas de produto, tecnologia, negócios e outras áreas. É uma área que mistura bastante coisa: experiência, interface, estratégia e tecnologia. Web Design É o design voltado para sites e experiências na web. Aqui entram questões como estrutura da página, navegação, hierarquia de informações, identidade visual, responsividade e experiência em diferentes dispositivos. Motion Design É quando o design ganha movimento. Animações, transições, vídeos, interfaces animadas e outros recursos podem ser utilizados para comunicar uma ideia ou melhorar uma experiência. Essas áreas podem se cruzar. Um mesmo profissional pode ter conhecimentos em mais de uma delas. Design Digital e Design Gráfico são a mesma coisa? Não exatamente. Embora compartilhem muitos fundamentos, os contextos são diferentes. O Design Gráfico tradicionalmente está muito associado a peças como: Já o Design Digital está mais relacionado a ambientes em que existe uma interação por meio de uma tela ou dispositivo. Por exemplo: Mas existe uma grande área de encontro entre os dois. Tipografia, composição, cor, contraste, hierarquia e identidade visual continuam sendo importantes, independentemente de o projeto terminar em uma folha de papel ou em uma tela. Por isso, conhecer fundamentos de Design Gráfico pode ser bastante útil para quem trabalha com Design Digital. Designer Digital precisa saber programar? Essa é uma pergunta que aparece bastante. E a resposta curta é: não necessariamente. Você não precisa ser desenvolvedor para ser Designer Digital. Mas existe uma diferença entre saber programar e entender como a tecnologia funciona. Conhecer um pouco de HTML, CSS, responsividade e das limitações de desenvolvimento pode ajudar bastante no trabalho. Imagine que você criou uma interface incrível no Figma, mas determinada interação é extremamente complicada ou inviável de desenvolver. Ter uma noção básica de tecnologia ajuda você a conversar melhor com quem vai transformar aquele projeto em um produto funcionando. Na minha visão, não é necessário tentar ser designer e desenvolvedor ao mesmo tempo. Mas entender um pouco do outro lado pode fazer uma diferença enorme. Preciso saber desenhar para trabalhar com Design Digital? Não. E essa talvez seja uma boa notícia para quem já pensou: “Eu gostaria de trabalhar com Design, mas não sei desenhar.” Desenhar pode ser uma habilidade muito útil em determinadas áreas, mas Design Digital envolve muitas outras competências. Você precisa aprender a observar, organizar informações, tomar decisões, comunicar ideias e entender problemas. Em UX, por exemplo, saber fazer uma pesquisa bem estruturada pode ser muito mais importante para determinado projeto do que saber desenhar perfeitamente. Em UI, entender hierarquia, tipografia, espaçamento e composição pode ter um impacto muito maior no resultado de uma interface. Design não é uma competição para descobrir quem desenha melhor. Quais ferramentas um Designer Digital utiliza? Existem muitas ferramentas e elas mudam bastante ao longo do tempo. Hoje, algumas das mais conhecidas são: Figma