Um wireframe é um diagrama visual que esboça a estrutura de uma tela de um site ou de aplicativo. Às vezes conhecido como protótipo de tela ou app, o wireframe demonstra como os elementos se relacionam entre si e como são estruturados. O Wireframing, ou seja, o ato de criar wireframes, é um processo que busca criar uma visão geral de uma tela. Designers de User Experience (UX) geralmente o utilizam para mapear o design e o layout de seu trabalho sem entrar em muitos detalhes. É a primeira etapa do processo de design antes de entrar em mais detalhes sobre cores, fontes, imagens etc. Nesse sentido, analise as assertivas abaixo:

I. Um wireframe de app geralmente tem características interativas, tornando-o uma ótima maneira de visualizar como os usuários irão interagir com o aplicativo em si. Como um wireframe para UX, os designers analisam os elementos-chave a partir da perspectiva do usuário.

II. Um wireframe de site organiza os elementos visuais em cada página de um website. Ele adiciona mais detalhes que uma wireframe de alta fidelidade, atuando como mais um protótipo para o design final. Dá aos designers a chance de ver exatamente como será a interface do usuário e como os usuários irão interagir com ela.

III. Wireframes de baixa fidelidade são comuns na criação de aplicativos. Eles permitem que os desenvolvedores de aplicativos e web designers esbocem rapidamente seus projetos de wireframes, ajudando-os a visualizar como as coisas funcionam a partir de uma perspectiva mais geral do fluxo.

IV. Um wireframe de alta fidelidade é uma representação visual completa de um framework. Ela tem mais detalhes técnicos e normalmente é clicável e responsiva às ações do usuário. Isto dá aos designers uma ideia de como o projeto final funcionará para usuários reais, tornando-o útil para testes do usuário.

Quais estão corretas?

Sobre a ferramenta malha, que pertence ao conjunto de ferramentas de pintura do Adobe Illustrator, analise as assertivas abaixo e assinale V, se verdadeiras, ou F, se falsas.

( ) Permite criar áreas, dentro da ilustração, que podem ser exportadas como imagens individuais.

( ) É possível mesclar cores na superfície de objetos para acrescentar profundidade e transição de cores.

( ) É possível desenhar livremente formas preenchidas que podem ser mescladas com outras formas da mesma cor.

A ordem correta de preenchimento dos parênteses, de cima para baixo, é:

Qual software da Adobe é o mais indicado para criar e publicar livros, revistas digitais, ebooks, pôsteres e PDFs interativos?

É um recurso do Adobe Illustrator que permite converter imagens bitmaps (JPEG, PNG, PSD, etc.) em vetores. Ao utilizar esse recurso, é possível converter a imagem de um desenho feito à mão no papel em uma arte digital vetorizada. Com base nessas informações, assinale a alternativa que apresenta corretamente esse recurso.

A tipografia abrange todos os aspectos visuais das palavras em um texto, desde a criação de fontes, estilos, composições, formatos, tamanhos, etc. As palavras são a base da comunicação, e por isso devemos prestar atenção às características que aplicamos a elas nos textos de um design, para que não fiquem ilegíveis e não comprometam a estética do projeto. Errar na tipografia é fatal para o seu trabalho, sendo ela um elemento crucial para que você tenha sucesso em seus projetos. Além disso, a escolha da tipografia diz muito sobre a marca. Com base nessas informações, existem algumas regras que devem ser seguidas de maneira precisa. São elas:

I. Hierarquia visual.

II. Espaçamento.

III. Legibilidade.

IV. Tipo de fonte.

Quais estão corretas?

Sobre a Propriedades de salvamento de arquivo no Adobe Photoshop, é possível definir várias opções de gravação de arquivos na caixa de diálogo ‘Salvar como’ e ‘Salvar uma cópia’. As opções disponíveis dependem do tipo de arquivo que está sendo salvo e do formato de arquivo selecionado. Nesse sentido, assinale a alternativa correta.

Sobre dimensionamento do tamanho de impressão de uma imagem no Adobe Photoshop, Escolha Arquivo > Imprimir, e expanda as configurações de Tamanho e Posição à direita. Com base nessas informações, analise as assertivas abaixo e assinale V, se verdadeiras, ou F, se falsas, sobre os procedimentos a serem seguidos.

( ) Para redimensionar a imagem numericamente, marque a seleção de Ajustar à Mídia e, em seguida, insira valores para Altura e Largura.

( ) Para realizar a escala desejada, arraste a caixa delimitadora em volta da imagem na área de visualização.

( ) Para ajustar a imagem na área imprimível do papel selecionado, clique em Ajustar-se à Mídia.

A ordem correta de preenchimento dos parênteses, de cima para baixo, é:

Sobre o tipo de alinhamento de texto no Adobe Photoshop, no painel Parágrafo ou na barra de opções, ao clicar em uma opção de alinhamento, as opções para texto horizontais e verticais são, EXCETO:

Os recursos de voz no Adobe XD permitem que você leve os usuários além da tela, para ativar comandos de voz no modo de visualização do Adobe XD quando visualizar um protótipo em um desktop, notebook, aplicativo Adobe XD para dispositivos móveis (iOS/Android) ou em um navegador móvel em smartphones. Com base nessas informações, analise as assertivas abaixo e assinale V, se verdadeiras, ou F, se falsas.

( ) Quando visualizar um protótipo em um desktop ou notebook, deve-se segurar as teclas Shift + Alt.

( ) Quando visualizar um protótipo em um aplicativo Adobe XD para dispositivos móveis (iOS/Android), deve-se usar um gesto de pressionar em qualquer lugar da tela; colocar o dedo na tela (sem movê-lo) e usar o comando de voz antes de levantar o dedo.

( ) Quando visualizar um protótipo em um navegador móvel em smartphones, deve-se segurar o ícone de microfone localizado no canto inferior esquerdo da tela.

A ordem correta de preenchimento dos parênteses, de cima para baixo, é:

O Adobe XD fornece links para kits de interface para Apple iOS, Google Material, Microsoft Windows e wireframes. Esses kits de interface contêm elementos gráficos nativos do sistema operacional. Por exemplo, se você está criando um aplicativo para iOS, pode começar imediatamente com as telas disponíveis no kit de Apple iOS. O XD também fornece acesso a kits inspiradores, como o Designer Marketplace ou os Dashboard UI kits. O XD oferece vários kits de interface que os designers podem usar como ponto de partida para seus produtos de design. Assinale a alternativa que demonstre corretamente o caminho para acessar os kits de interface.