Pular para o conteúdo
Voltar ao glossário
Termo do glossário

Device Frame (Moldura de dispositivo)

A moldura visual de telefone ou tablet renderizada ao redor de uma captura de tela para dar contexto do mundo real.

Eric Isensee
Eric IsenseeFounder · Last updated 5 de maio de 2026

Uma moldura de dispositivo é a representação visual de um corpo de telefone ou tablet — a moldura, o entalhe ou Dynamic Island, os cantos arredondados, os botões laterais e a sombra — colocada ao redor de uma captura de tela do app. As molduras servem a dois propósitos. Primeiro, elas comunicam a plataforma e o fator de forma à primeira vista: um espectador entende instantaneamente que está olhando para uma captura de tela de iPhone versus uma captura de tela de Android, mesmo antes de ler qualquer legenda. Segundo, elas fazem com que capturas brutas pareçam interfaces reais e vivas em vez de fragmentos de UI desencarnados, o que mensuravelmente melhora a qualidade percebida e a confiança. As bibliotecas modernas de molduras de dispositivo cobrem dezenas de aparelhos — iPhone 16 Pro, iPhone 16, iPad Pro 12.9 polegadas, Pixel 9, Galaxy S24, Surface Duo — e entregam cada moldura como um PNG ou SVG de alta resolução com uma janela de tela definida com precisão onde a captura é composta. Ao automatizar pipelines de capturas, a moldura de dispositivo geralmente é uma camada em um template, com a captura de tela ao vivo renderizada na região da janela da tela no momento da exportação. Escolher a moldura certa importa: enquadrar uma captura iOS em um corpo Android, ou usar um dispositivo desatualizado, sinaliza descuido para os revisores e reduz a conversão.

Usado em

Veja como este conceito aparece no produto:

Explore a funcionalidade