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