Please enable JavaScript.

Coggle requires JavaScript to display documents.

Aula 3 - Conceitos Importantes no Design - Coggle Diagram

- - - - Redondas
    - - Itálicas ou grifos
  - - - Mais espessos
        
        Extra bold
        
        Semibold
      - Mais finos
        
        Light
        
        Extralight
  - - - Gótico
        
        Atualmente, esse estilo de letra ficou restrito a impressos que remontam ao clássico, como diplomas, mensagens e logos que queiram inspirar confiança e tradição (Collaro, 2007).
        
        Tentava imitar os textos feitos à mão
      - Românico
        
        Dois momentos
        
        Românico antigo
        
        Herdeiro da arte romana, criou fontes baseadas nas inscrições das ruínas romanas, com as serifas arredondadas
        
        Romanas de transição (Gaspar, 2015)
        
        São fontes serifadas tanto na versão de caixa-alta como em caixa-baixa
        
        A sua principal característica é que, na junção da haste com a serifa, há um angulo arredondado
        
        A diferença de espessura entre hastes também é pouco acentuada (Gaspar, 2015).
      - Egípcio
        
        As fontes criadas por designers italianos a pedido dos ingleses para diferenciar seus produtos na Revolução Industrial foram baseadas no estilo das inscrições egípcias (hieróglifos), que eram esculpidas em pedra (Collaro, 2007).
      - Lapidário
        
        Conhecido pela simplicidade e visibilidade, foram inspirados na escrita fenícia (cuneiforme), que era formada por hastes, sem maiores rebuscamentos (Collaro, 2007).
      - Romântico
        
        Eram muito focados na estética, mas apresentavam pouca legibilidade
        
        Este estilo começou a utilizar elementos decorativos e flores
        
        Dele se originou o estilo Floreal (Art Noveau) que tinha inspiração na natureza, nas flores, e também o estilo Liberty, uma estilização do gótico, com formas menos rebuscadas
        
        Em contrapartida aos exageros desse estilo, surgiram o cubismo e o futurismo, estilos que pregavam a simplificação das formas e romperam em definitivo com os estilos clássicos (Collaro, 2007).
    - - Os movimentos cubistas e futuristas trouxeram uma simplificação das formas, rompendo com o desenho clássico das letras. Esses movimentos influenciaram a tipografia, geometrizando suas formas, valorizando as proporções e os espaços em branco.
      - Dividida em
        
        Elementar
        
        Queria romper com o óbvio
        
        Funcional
        
        Atendia às necessidades do projeto (função)
        
        Moderna
        
        Uniu o avanço tecnológico com mudanças sociais
- - - - Estuda a anatomia humana, a antropometria, a fisiologia e a biomecânica
      - Ela analisa a postura no trabalho, o manuseio de materiais, os movimentos repetitivos, os distúrbios musculoesqueléticos relacionados ao trabalho, a elaboração de projetos de postos de trabalhos, entre outros (Abrahão et al., 2009).
      - No entanto, com a disseminação da informática na década de 1980, surgiram postos de trabalho informatizados e máquinas programáveis, levando a ergonomia a se preocupar com os aspectos cognitivos das atividades (IIDA, 2018).
    - - Preocupa-se com os processos mentais (percepção, raciocínio, memória e resposta motora) e seus efeitos nas interações entre o ser humano e elementos de um sistema
      - Ela analisa, por exemplo, a carga mental no trabalho, a tomada de decisões, a interação humano-computador, o estresse profissional etc. (Abrahão et al., 2009).
    - - Cuida da estrutura das organizações, suas regras e processos, e aborda temas como a comunicação, a organização temporal do trabalho, o trabalho em equipe, a cultura organizacional, a gestão da qualidade etc. (Abrahão et al., 2009).
  - - - Interdisciplinaridade é um desses princípios por ser muito difícil ter um profissional que possua todas as competências para realizar uma ação ergonômica
        
        Por isso, o ergonomista (profissional que atua nessa área) deve fazer parte de uma equipe que envolva diferentes profissionais (psicólogos, engenheiros, designers etc.)
      - A análise deve ocorrer ante situações reais para verificar como, por exemplo, o trabalhador executa suas tarefas para então estudá-las e indicar possíveis melhorias
      - O envolvimento dos sujeitos é fundamental, pois são eles que detêm as competências da realização do trabalho e, por meio da troca de informações é que se possibilitará a compreensão dessas atividades por parte do ergonomista (Abrahão et al., 2009).
  - - - Prevenções de erros
        
        Como o Google, que corrige os erros de digitação
      - Reconhecimento, em vez de memorização
        
        O usuário não tem obrigação de decorar o caminho que fez para chegar até determinado lugar. Disponibilize o caminho que o usuário fez para chegar até onde está. Isso é chamado de breadcrumb (ou “migalha de pão”).
      - Consistência e padrões
        
        Manter a consistência e o padrão visual (texto, cor, desenho do elemento, som etc.)
      - Flexibilidade e eficiência de uso
        
        O sistema deve ser ágil para usuários avançados (atalhos de teclados, preenchimento automático) e ser fácil de utilizar pelos usuários leigos
      - Controle do usuário e liberdade
        
        Quando os usuários escolhem alguma função do sistema por engano, vão precisar sempre de uma “saída de emergência” claramente marcada (por exemplo, botões de “editar”, “desfazer” etc.)
      - Estética e design minimalista
        
        Deixe o seu layout e o conteúdo o mais simples e direto possível, pois toda informação extra (excessos de cores e elementos visuais) pode confundir o usuário
      - Correspondência entre o sistema e o mundo real
        
        O sistema deve “falar” a linguagem dos usuários, com palavras, frases e conceitos usados por eles (por exemplo, símbolo de som no botão para regular o som)
      - Ajude os usuários a reconhecerem, diagnosticarem e recuperarem-se de erros
        
        As mensagens de erro têm que ser claras e próximas do conteúdo ou da ação que causou o erro (por exemplo, no formulário de cadastro, caso falte algum dado a ser preenchido, deixe bem claro quais campos estão faltando)
      - Visibilidade do status do sistema
        
        O sistema deve informar o que está acontecendo em tempo real para o usuário (por exemplo, a playlist do YouTube, que mostra em qual música está e qual estava antes ou vem depois).
      - Ajuda e documentação
        
        Devemos manter ao alcance do usuário itens de auxílio para determinadas ações (FAQs – Frequently asked questions ou “perguntas mais frequentes”, ou ainda, uma imagem mostrando em que lugar fica o código de segurança do cartão)
- - - - Cor que chama a atenção, faz a pessoa se sentir ousada, poderosa, mas, em exagero, pode estimular a insensibilidade e até a violência
    - - Cor do equilíbrio; ajuda a reduzir a tensão e o estresse
    - - Ativa a mente para novas ideias e deixa as pessoas mais alertas, mas o amarelo escuro em exagero pode causar pessimismo e negatividade
    - - Relaxa, acalma, mas, em exagero, pode causar sonolência
    - - Deixa as pessoas mais confiantes, estimula a criatividade, a comunicação
    - - É a cor mais poderosa. Estimula a musicalidade, as artes e também é associada a ideias nobres.
    - - Cor relaxante, mas quando muito clara e usada em exagero, causa cansaço; no entanto, o rosa em tons mais escuros torna as pessoas mais ativas
    - - Realça todas as cores
    - - É imponente quando usado com outras cores, mas sozinho traz preponderância, insensibilidade
  - - - Cores-luz
        
        Sistema aditivo
        
        Sistema que emite a luz; é chamado assim porque, se somarmos suas três cores primárias, obteremos o branco
        
        Cores primárias da luz: vermelho, verde e azul. Por isso, é chamado de RGB (red, green e blue – vermelho, verde e azul) (Rocha, 2018) e está presente em todos os monitores. Quando misturamos essas cores primárias entre si, temos as conhecidas cores secundárias: vermelho + azul = magenta; vermelho + verde = amarelo; verde + azul = ciano.
      - Cores-pigmentos
        
        Sistema subtrativo
        
        É determinado pelos pigmentos/cores que existem na natureza e absorvem a luz. É conhecido por esse nome porque, se somarmos as suas três cores primárias, obteremos o preto, que é a ausência de cor.
        
        Cores primárias de pigmentos: magenta, amarelo e ciano. Esse sistema é chamado de CMY (cyan, magenta e yellow – ciano, magenta e amarelo). Contudo, para que a mistura resultasse realmente no preto, os pigmentos deveriam ser puros (de boa qualidade) e misturados nas proporções perfeitas. Por isso, foi criada uma versão “industrial” desse sistema, o CMYK, em que foi adicionando o preto (“K” de blacK, “preto” em inglês). Essa é uma opção mais barata, pois não necessita de pigmentos puros e mais caros (Rocha, 2018) sendo, portanto, muito utilizados em gráficas e nas impressoras. As cores primárias misturadas também formam as cores secundárias: ciano + magenta = azul; ciano + Amarelo = verde; amarelo + magenta = vermelho.
- - - - O design acomoda um vasto leque de preferências e capacidades individuais
    - - O uso do design é fácil de compreender, independentemente da experiência, do conhecimento, das capacidades linguísticas ou do atual nível de concentração do utilizador
    - - O design é útil e vendável a pessoas com diversas capacidades
    - - O design comunica eficazmente ao utilizador a informação necessária, independentemente das suas capacidades sensoriais ou das condições ambientais
    - - O design minimiza riscos e consequências adversas de ações acidentais ou não intencionais
    - - O design pode ser usado eficiente e confortavelmente e com um mínimo de fadiga
    - - São providenciados um tamanho e um espaço apropriados para aproximação, alcance, manipulação e uso, independentemente do tamanho do corpo, postura ou mobilidade do utilizador