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
UX e UI: Qual é a diferença?
Entenda de forma simples Quando alguém começa a estudar Design Digital, é quase impossível não se deparar com duas siglas: UX e UI. E, se você está começando agora, provavelmente já encontrou alguma explicação dizendo que UX é uma coisa e UI é outra. Até aí, tudo bem. O problema é que, depois de algumas pesquisas, parece que a diferença ficou ainda mais confusa. Afinal, UX e UI são a mesma coisa? Um Designer UX faz o quê? E o Designer UI? Qual área devo escolher? A verdade é que UX e UI são diferentes, mas estão muito mais conectados do que parece. Neste artigo, vamos entender essa diferença de uma forma simples, sem complicar. O que significa UX? UX significa User Experience, ou Experiência do Usuário. Como o próprio nome sugere, UX está relacionado à experiência que uma pessoa tem ao utilizar um produto, serviço ou sistema. Pense em um aplicativo de banco. Você precisa fazer uma transferência. Abre o aplicativo, encontra a opção de transferência, escolhe a conta, informa o valor e confirma. Agora imagine que, para fazer a mesma coisa, você precisasse passar por oito telas diferentes, não soubesse onde encontrar a opção ou recebesse mensagens difíceis de entender. Mesmo que o aplicativo fosse visualmente bonito, a experiência provavelmente seria ruim. É aí que entra o UX. O profissional de UX procura entender as necessidades, dificuldades e expectativas das pessoas para ajudar a criar uma experiência mais clara, simples e adequada ao problema que precisa ser resolvido. Por isso, UX não começa necessariamente desenhando uma tela. Antes de pensar em cores, fontes e botões, existe uma pergunta muito mais importante: “Qual problema estamos tentando resolver?” E o que significa UI? UI significa User Interface, ou Interface do Usuário. Aqui estamos falando daquilo que a pessoa vê e utiliza para interagir com um produto digital. Entram nessa parte elementos como: Imagine novamente o aplicativo do banco. Depois de entender o que o usuário precisa fazer, é necessário transformar essa solução em uma interface. Onde ficará o botão? Qual será o tamanho dele? Qual cor será utilizada? Como o usuário saberá que o pagamento foi concluído? Qual informação precisa aparecer primeiro? Tudo isso faz parte do universo de UI. Mas existe um detalhe importante: UI não é simplesmente deixar uma tela bonita. Uma interface precisa ser visualmente agradável, mas também precisa comunicar, orientar e facilitar a interação. Uma tela linda que ninguém consegue entender não é uma boa interface. UX e UI são a mesma coisa? Não. Mas elas trabalham juntas. Uma maneira simples de entender é pensar que: UX está mais relacionado à experiência e ao caminho que a pessoa percorre. UI está mais relacionado à interface que permite que essa pessoa percorra esse caminho. Vamos imaginar um aplicativo de delivery. UX O Designer pode pensar: “Como podemos tornar o processo de pedir comida mais simples?” Ele pode analisar: UI Depois entram decisões relacionadas à interface: Percebe como as duas coisas se complementam? Uma está muito ligada à experiência e a outra à interface. Uma comparação simples para entender UX e UI Se ainda estiver difícil visualizar a diferença, vamos usar uma comparação. Imagine que você entrou em um restaurante. O UX seria toda a experiência que você tem: Você consegue encontrar o restaurante? É fácil fazer uma reserva? O cardápio é compreensível? Você consegue fazer seu pedido sem dificuldade? O atendimento funciona bem? Já o UI estaria mais relacionado à parte visual e aos elementos com os quais você interage: O cardápio é organizado? A tipografia é fácil de ler? As informações estão bem distribuídas? Os botões e elementos visuais são claros? É claro que essa comparação não representa tudo o que UX e UI envolvem, mas ajuda bastante a visualizar a diferença. O que faz um Designer UX? Agora que entendemos o conceito, podemos falar um pouco sobre o trabalho. O Designer UX pode participar de várias etapas de um projeto. Dependendo da empresa e do projeto, pode trabalhar com: Isso significa que UX não é necessariamente passar o dia inteiro desenhando telas. Em muitos projetos, uma parte importante do trabalho acontece antes mesmo de abrir o Figma. É preciso entender o problema primeiro. E essa é uma das coisas que considero mais interessantes no UX: você precisa aprender a olhar para o projeto pelo ponto de vista de quem vai utilizá-lo, e não apenas pelo seu próprio ponto de vista. E o que faz um Designer UI? O Designer UI trabalha mais diretamente com a construção visual da interface. Entre suas atividades podem estar: Mas, novamente, não pense que UI é apenas escolher uma paleta bonita e colocar alguns botões na tela. O Designer precisa tomar decisões. Por que esse botão tem essa cor? Por que esse título é maior? Por que esse elemento está alinhado dessa maneira? Por que determinada informação aparece antes de outra? Essas escolhas precisam ter um motivo. Uma boa interface não é feita apenas de elementos bonitos. Ela é construída com intenção. UX precisa saber UI? Não necessariamente. E UI também não precisa dominar UX da mesma maneira que um profissional especializado na área. Existem profissionais que trabalham especificamente com UX, outros com UI e outros que atuam nas duas áreas. No início da carreira, porém, eu considero muito interessante conhecer os dois lados. Mesmo que você descubra depois que prefere UX, entender um pouco de UI vai ajudar a conversar com outros designers e profissionais do projeto. Da mesma forma, quem trabalha com UI pode se beneficiar muito ao entender os princípios de UX. Afinal, você não está criando uma interface para você. Está criando para alguém utilizar. Qual área escolher: UX ou UI? Essa é uma pergunta que muita gente faz quando está começando. E eu acho que a resposta depende bastante do que você gosta de fazer. Se você gosta de: talvez UX desperte mais seu interesse. Se você gosta de: talvez UI seja mais interessante para você. Mas não precisa decidir imediatamente. Você pode experimentar
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