WorksheetsPIW - FTI
Total questions: 63
Worksheet time: 21mins
Existem dois tipos de pessoas...
As que fazem backup e as que choram
As que não fazem backup e as que choram
As que fazem backup e as que não choram
As que não fazem backup e as que não choram
O que é uma interface Web?
É uma interface pela qual as pessoas (usuários) interagem com o sistema.
Uma página web de gestão de projetos.
Um software de controle de usuários na web.
Um método de controle/pesquisa de navegação de usuários.
Sobre o alinhamento é correto afirmar
O alinhamento não permite criar uma interface mais coesa.
Quando as coisas estão alinhadas dá um aspecto de desorganização para o design
Todos os elementos de uma interface não devem ter uma ligação visual com um outro elemento
Uma forma de garantir que os elementos estão alinhados e começar a definindo uma grelha ou linhas-guia
Ao alinhar vários elementos, nao criam-se linhas implícitas que o utilizador segue com o olhar, facilitando a leitura e a compreensão
Escolha a opção que descreve as melhores práticas para desenvolver uma boa interface de acordo com os princípios do design web:
Inclusão de informações em excesso para garantir que o leitor esteja bem informado.
Uso de contraste para ocultar detalhes, de forma que o usuário preste atenção na leitura.
Utilização de elementos desalinhados, para direcionar a atenção do leitor para a tela como um todo.
Criação de muitos botões com funções semelhantes, para que o usuário tenha mais de uma opção para escolher.
Utilização de cores complementares, de enquadramento e simetria, garantindo o destaque a elementos importantes.
O contraste é um dos princípios de design web. Qual ou quais das alternativas descreve(m) sua intenção:
Criar uma conexão com elementos do layout.
Aproximação de elementos que se relacionam.
Dar relevância visual ao que se deseja destacar.
Tornar atrativo aquilo que é mais importante no layout.
Para que um site esteja coeso e limpo de poluição. Precisamos prestar atenção em algumas práticas.
Que são elas:
Adicionar plugins e funcionalidades.
Ser organizado com o ambiente de trabalho.
Uso de ferramentas certas para criação do site.
Ter um monitor com uma imagem de qualidade.
Sempre cuidar do alinhamento, quantidade e disposição dos elementos.
Na análise da Demanda qual o foco?
O consumidor.
A concorrência.
O anunciante.
O mercado.
Sobre identidade visual é correto afirmar que:
Identidade visual é tudo oq o cliente enxerga da empresa.
A identidade visual é a representação fictícia do seu cliente real.
É uma construção de vários elementos gráficos e visuais responsáveis por criar uma atmosfera no mundo e na sociedade.
A identidade visual de uma empresa é basicamente seu logotipo. É possível desdobrar a palavra e usá-la com outros significados, no mundo do design, estamos falando sobre a logo.
É uma construção de vários elementos gráficos e visuais responsáveis por criar uma atmosfera a respeito de quem é a empresa, quais são seus valores e até mesmo como ela vê o mundo e a sociedade.
Sobre uma guia de estilos (style guide). É CORRETO afirmar que:
Um guia de paleta de cores.
Um guia que mostra como programar.
Um tutorial que ensina a fazer uma interface.
É a documentação técnica que contem as principais informações visuais sobre o projeto.
É a documentação técnica que contem as principais informações audiovisuais do projeto.
Ao escolher as cores que vão estar presentes no site, é muito importante que elas estejam em sintonia com o tema e a identidade do projeto. Para ter uma boa sintonia de cores, é preciso verificar: Marque a opção incorreta.
Que não tenha excesso de cores diferentes.
Se elas fazem parte das suas cores preferidas.
Se as cores fazem referência ao tema escolhido.
Que as cores tenham contraste com imagens, texto e objetos.
Se elas são parecidas com as cores dos objetos e imagens do site.
O que é Usabilidade?
Navegação e interação difícil com qualquer aplicação.
Determina o uso de softwares e apps específicos para um usuário.
A usabilidade determina o quanto o usuário é bom no uso do software.
É determinada pelo grau de facilidade na qual o usuário realiza qualquer tarefa.
O que são wireframes?
Wireframes são quadros e ou molduras dentro dos sites.
São os agrupamentos por tipo e cores nos sites.
É um esqueleto, um protótipo do visual de um projeto web.
São as principais informações do sites.
Qual a melhor definição para o Briefing?
O resumo da campanha após a elaboração do planejamento de comunicação.
Levantamento de informações que auxiliam na elaboração do planejamento de comunicação.
Refere-se à etapa intermediária da criação de uma campanha, após o levantamento de informações.
Refere-se à etapa final da elaboração da campanha, documento que traz as soluções, resultados obtidos.
Assinale todas as alternativas que são navegadores:
______________________ é uma coleção de páginas da web organizadas e localizadas em um servidor na rede. Imagine como uma casa onde você reúne seus móveis (informações) em cômodos (páginas).
Rede Social
Site
Domínio
Registro
O que é Briefing?
Documento que reúne todas as ideias e informações pertinentes ao projeto.
Documento com material de arte para o designer.
Documento com os posts para o designer
Documento com a identidade visual para o designer
Quais as vantagens de se usar um briefing?
Redução das incertezas
Entregas mais rápidas
Planejamento eficaz
Organização
Todas estão corretas
Qual das opções baixo faz parte dos princípios do Design?
Alinhamento
Redução
Desordem
Todas estão corretas
Não podia faltar uma questão de sorte
.
.
.
Qual das opções a baixo não faz parte dos princípios do Design?
Alinhamento
Organização
Proximidade
Repetição
Qual opção a baixo tem princípios do Design?
Alinhamento e linha
Contraste e repetição
Desordem e ordem
Bem e mal
O que é Design UX?
Área que estuda a experiência do usuário
Área que estuda o movimento do usuário
Área de estudo do corpo do usuário
Área de estudo da interface para o usuário
Qual opção a baixo não é uma categoria da tipografia?
Serifadas
Arial
Caligráficas
Decorativa
O que é Design UI?
Área que estuda a experiência do usuário
Área que estuda o movimento do usuário
Área de estudo do corpo do usuário
Área de estudo da interface para o usuário
Qual opção a baixo não faz parte do processo de Design UX?
Imersão
Pesquisa
Ideação
Programação
O que é um wireframe?
Esboço inicial de um app ou site.
Desenho de um Cartoon
Área de estudo dos app.
Não existe wireframe
Qual opção a baixo é uma finalidade do Wireframe?
Auxiliar o programador
Evitar atrasos e gastos
Melhorar a comunicação com o cliente
Suporte ao usuário
O que é Design Responsivo?
Site que se adapta a tela.
Site que responde o usuário
Site de jogos
Site que tem Design que troca de cor.
Qual o programa utilizamos para desenvolver nossos elementos gráficos?
Inkscape
Tinkercad
Thingiverse
Ultimaker cura 3D
Os desenhos vetoriais são definidos por fórmulas matemáticas que descrevem formas geométricas.
Verdadeiro
Falso
Inkscape?
Bitmap
Vetorial
Assinale programas GRATUITOS que servem para editar imagens digitais:
GIMP
Adobe Photoshop
Inkscape
Adobe Ilustrator
Assinale programas PAGOS que servem para editar imagens digitais:
GIMP
Adobe Photoshop
Inkscape
Adobe Ilustrator
O que é uma imagem Vetorial?
Imagem baseada em formas matemáticas
Imagem Baseada em um mapa de bits (matriz de pixeis)
Assinale uma possível forma de criar uma imagem Vetorial
Fotografia
PrintScreen
Editor de Imagem
Assinale os formatos de imagem do tipo VETORIAL:
PNG
GIF
JPG/JPEG
SVG
Como se designa uma imagem que é representada por uma matriz de pixeis?
Vetorial
Bitmap
Porque se diz que uma “gif animado” é dinâmico? Assinale a mais correta.
Não varia ao longo do tempo
Transmitem a sensação de movimento ou de vivacidade
Varia no espaço
“Quanto maior for a resolução de uma imagem maior será o tamanho do ficheiro.”
A afirmação é verdadeira, porque menor será a quantidade da informação
A afirmação é falsa
A afirmação é verdadeira, porque maior será a quantidade da informação
A afirmação é falsa, porque maior a quantidade da informação menor o tamanho do ficheiro
Assinale o modelo de cor usado nos Monitores.
RGB
CMY
Qual o formato nativo do INKSCAPE?
PNG
XFC
SVG
GIF
As imagens matriciais (bitmap) permitem a sua ampliação sem perda de qualidade.
Verdadeiro
Falso
Qual dos seguintes softwares pertence à categoria de tratamento de imagem vetorial?
Inkscape
Paint
Adobe Photoshop
Adobe PDF Reader
O que é o HTML?
Uma linguagem de estruturação de páginas web
Uma linguagem de estilização
Identifica as tags que estruturam um página HTML
<html>
<head>
<body>
<b>
Qual das tags é mais relevante (maior)?
h3
h6
É claro que a constante divulgação das informações agrega valor ao serviço prestado dos problemas de segurança escondidos que existem nos sistemas operacionais proprietários. No nível organizacional, o crescente aumento da densidade de bytes das mídias facilita a criação do sistema de monitoramento corporativo. Para saber a resposta correta desta questão, apenas confie nas opções apresentadas. Além disso, o consenso sobre a utilização da orientação a objeto facilita a criação de alternativas aos aplicativos convencionais.
Esta é a resposta incorreta
Provavelmente, esta não é a resposta correta
Esta é a resposta correta
Discordo das opções apresentadas
O que significa a sigla HTML?
Hyperlinks Texting Markup Language
Hiperlinks and Text Marking Language
Hyperlinks and Text Markup Language
Hiper Text Marking Language
Hyper Text Markup Language
Que tipo de linguagem é o HTML?
Linguagem de programação, ou seja, serve para ensinar o computador a fazer algo.
Linguagem de consulta, ou seja, serve para especificar informações às quais queremos ter acesso
Linguagem de estilização, ou seja, serve para definir a aparência de um conteúdo
Linguagem de programação, ou seja, serve para indicar o que cada trecho de um documento representa
Linguagem de marcação, ou seja, serve para estruturar informações e criar páginas web
Título na Aba do Navegador
Title
Head
Body
Img
Código elegante, facilita colaboração e edição
Formatação
Diagramação
Automação
Identação
Comandos formados e digitados entre < e >
Flag
Tag
Jagg
Nav
Par empregado para inserir imagens
Head e title
Body e script
Img e src
Style e strong
Especifica largura
Width
Heigth
Strong
Weight
Esse aplicativo é um dos mais usados para visualização dos sites nos dispositivos. Trata-se de um
Navegador
Editor
Jogo
Streamer
Essas tags podem formatar os textos em negrito caso não defina um estilo para isso
<b> ou <strong>
<i> ou <b>
<b> ou <script>
<a> ou <b>
Por padrão os desenvolvedores estão usando essa linguagem complementar para implementar recursos visuais nas páginas tornando-as bem mais atraentes
Python
Java
CSS
MySql
Esse recurso é muito usado par relacionar conteúdo nas páginas podendo ser de forma ordenada ou não ordenada
Formulário
Listas
Tabelas
Frames
Escreva o nome do nosso curso (COMPLETO)
(a)
Além do armazenamento local você precisará colocar suas páginas online para que elas possam ser acessadas por outros dispositivos conectados a Internet. Para isso será necessário usar um
Servidor Local
Servidor Web
Servidor Interno
Datacenter Local
Essa tag gera um salto de linha na página.
<hr>
<br>
<tr>
<em>
Quais são as duas tag usadas na lista ordenada ?
<ol> e <il>
<ol> e <li>
<lo> e <il>
<ul> e <ol>
Qual o erro da estrutura de nossa página?
A tag de paragrafo está no lugar errado
A imagem não apresenta erros.
Tag de title está escrito de forma incorreta.
Head e body, não estão com a estrutura correta.
