Categoria: Blog Interfaces

Escolher cores de diferentes partes do Círculo Cromático resulta em uma variedade de combinações de cores. A seleção de uma combinação dependerá do propósito da tarefa.

Apresentando Combinações e Paletas

Amplas paletas são apresentadas com cores dispostas da esquerda para a direita, indicando a dominância e uso. Combinações menores usam retângulos com linhas, representando cores e proporções.

Exemplos de Combinações de Cores:

1. Ativas / Vibrantes: cores intensas, brilhantes, jovens, ideais para indústrias como viagens.
2. Mudas / Calmas: paletas com muito branco, predominantemente azuis, criando uma sensação equilibrada e tranquila, comumente usadas na indústria cosmética.
3. Pastel: semelhante às mudas, mas incorpora tons quentes e frios, transmitindo juventude e inocência.
4. Naturais: cores retiradas da natureza, como vermelhos enferrujados e azuis celestiais, ideais para evocar charme rústico.
5. Ricas: tons de realeza, tradição, e riqueza. Cores como marrom e verde se misturam com tons mais intensos.

Contando Histórias com Cores

As cores contam histórias e geram reações emocionais, no entanto, significados variam culturalmente. Vermelho pode ser associado à raiva ou riqueza. Azul pode ser percebido como calmo ou reservado.

Designers devem considerar sensibilidades culturais para evitar interpretações equivocadas.

Cores Primárias

• Vermelho: caloroso e vibrante, associado à paixão no Ocidente e riqueza no Oriente.
• Azul: calmo e tradicional, sugerindo confiança quando combinado com cinza.
• Amarelo: alegre e brilhante, associado à natureza, mas pode ter conotações negativas quando combinado com verde.
• Verde: natural e tranquilizador, usado em produtos ecológicos.

Secundárias e Terciárias:

• Laranja: quente e brincalhão, muitas vezes associado à juventude e à mudança de estações.
• Marrom: substituto para o preto em combinações naturais, trazendo calor e vibrância.
• Roxo: cor real, sugerindo riqueza e mistério. Usado em produtos infantis.

Entender o significado e as diferenças culturais das cores é essencial para uma combinação eficaz e sensível ao design.

Descrever uma cor pode ser confuso, portanto o uso de termos padrão para descrever cores é útil. Matiz, saturação e brilho são formas de organizar e descrever cores.

Matiz

Refere-se a um tom específico de cor, não é outro nome para cor, pois a cor pode ter saturação e brilho, além do matiz.

Saturação

Indica a pureza ou intensidade de uma cor, sendo a intensidade de um matiz a partir do cinza. Máxima saturação não teria cinza, mínima saturação teria principalmente cinza.

Brilho

Relaciona-se a quanto branco ou preto está contido em uma cor.

Este capítulo aborda o tópico de Design e Cor, focando principalmente na teoria artística da cor. A teoria da cor é complexa, dividida em três áreas: científica, artística e psicológica.

Roda de Cores:

A teoria da cor trata da criação de combinações de cores por meio de relações, utilizando a roda de cores.

As cores primárias são vermelho, verde e azul (aditivas) e ciano, magenta e amarelo (subtrativas).

Seleções na Roda de Cores:

1. Monocromático: Uma cor da roda de cores.
2. Complementares: Cores contrastantes, situadas opostamente na roda.
3. Tríades: Três cores equidistantes na roda, criando tensão devido ao contraste.
4. Outras Seleções: Analógicas, complementos mútuos, complementos próximos e duplos.

O design com cores é subjetivo, mas compreender essas seleções ajuda a criar paletas eficazes. Conhecimento básico de teoria de cores é crucial para designers, permitindo decisões objetivas.

Às vezes, a tela é só uma forma de mostrar o que criamos. Outra forma importante é a impressão. Vamos ver por que ela importa ao criar sites.

Design Impresso vs. Web

• Foco na Web: designers geralmente pensam mais na aparência online.
• Botão ‘Versão para Impressão’: dites têm isso, mas poucos usam.

Folhas de Estilo para Impressão

• Alternativa Eficiente: use folhas de estilo CSS para impressão, melhor que botões de ‘Versão para Impressão’.
• Design vs. Técnico: designers deveriam cuidar disso, não só os técnicos.

Importância do Design Impresso

• Percepção Errada: às vezes, acham que a impressão não importa, mas muita gente imprime páginas.
• Cuidado com Dinheiro: algumas páginas ganham dinheiro com versões impressas, influenciando escolhas de design.

Conclusão

Design para impressão importa, mas muitos esquecem. Usar folhas de estilo e cuidar dos detalhes garante uma impressão boa, mantendo a identidade visual.

Designers precisam lembrar da importância da impressão para melhorar a experiência dos usuários.

No design, a escolha das letras e como organizá-las são super importantes.

Tamanho e Espaçamento

• Medida Importante: a largura do texto é crucial, cerca de 52-78 letras por linha.
• Web e Layouts Flexíveis: adaptar texto para diferentes tamanhos na web é desafiador, mas a legibilidade é a chave.

Entrelinhas e Espaços

• Boa Distância: deixe um pouco mais de espaço entre as linhas do que entre as palavras.
• Mudanças de Cor: se usar texto branco em fundo preto, ajuste o espaço e o peso da fonte.

Dicas Práticas

• Espaço Entre Palavras: ajuste conforme o comprimento da linha; menos espaço para linhas curtas.
• Responsabilidade do Designer: designers devem seguir regras para texto fácil de ler.

Detalhes Importantes

• Bom Entrelinhamento: ajuste o espaço entre linhas conforme o tamanho do texto.
• Escolha Cuidadosa das Letras: entenda onde usar ponto e vírgula, reticências e aspas.

Pontuação Especial

• Reticências Certas: três pontos indicam pausa ou omissão, seguindo regras específicas.
• Use Aspas Corretamente: as aspas devem ser usadas direitinho quando citar algo.

Toques Finais

• Letras Especiais: ligaduras, letras especiais, são importantes.
• Hífens e Travessões: eles têm usos diferentes, então saiba quando usar cada um.

Organização Simples

• Listas e Tabelas: mantenha tudo organizado para facilitar a leitura.
• Formulários Simples: desenhe tabelas e formulários pensando no espaço e alinhamento.

Conclusão

Mesmo no mundo digital, lembre-se sempre de manter o texto fácil de ler. Seja organizado e use as regras, elas estão aí para ajudar!

Página 89 a 100

A qualquer momento, um sistema Linux por norma pode ter centenas, ou às vezes até
milhares, de processos rodando simultaneamente. Um processo é simplesmente um programa que está em execução e ao mesmo tempo usa recursos. Inclui um terminal, servidor web, quaisquer comandos, qualquer banco de dados, a interface gráfica e muito mais.
Qualquer bom administrador de Linux e particularmente um hacker, precisa de compreender como gerir os seus processos para otimizar os seus sistemas. Por exemplo, assim que um hacker assume o controlo de um sistema alvo, ele pode querer encontrar e parar um certo processo, como um aplicativo antivírus ou firewall. E para isso, o hacker precisa primeiro antes de tudo de saber como encontrar o processo.
Além disso o hacker também pode querer definir um script de verificação para ser executado periodicamente para encontrar sistemas vulneráveis, por isso também veremos como agendar esse script especifico.
Neste capítulo, aprendemos a gerir estes processos. Primeiro a visualizar e a encontrar processos e como descobrir quais processos estão a usar mais recursos. Em seguida,
aprendemos a gerenciar processos executando-os em segundo plano, priorizando-os
e eliminando-os se necessário. Finalmente, por fim além do típico exercício, começamos a agendar processos para serem executados em dias e datas específicos e em horários específicos.

Hierarquia tipográfica é organizar palavras visualmente usando diferentes tamanhos ou estilos. Isso ajuda na compreensão e destaque das informações.

Escala Tipográfica

Lista de tamanhos padrão para manter o design equilibrado, usada há muito tempo.

Aplicação Prática

Ao criar, por exemplo, um site, seguir essa lista ajuda a definir tamanhos específicos para diferentes partes, tornando o design mais equilibrado.

Considerações sobre Tamanho

Escolher tamanhos certos é crucial. Planejar em vez de escolher aleatoriamente melhora a estética e a legibilidade.

Estilo e Peso

Além do tamanho, compreender o uso de estilos, como itálico ou negrito, é essencial para resolver problemas de design.

História das Letras

A ideia de usar maiúsculas e minúsculas existe há mil anos. No século XIX, adicionaram mais estilos, como itálico e negrito.

Conclusão

Hierarquia tipográfica não é só estilo, é tornar o texto fácil de ler. Seguir princípios básicos ajuda a criar designs claros e atraentes.

Partes das Tipografias:

As tipografias têm partes que definem suas características.

Classificação de Tipografias:

1. Serif ou Sans-Serif: Com ou sem prolongamentos no final das hastes.
2. Contraste e Espaçamento: Espessura relativa das letras determina espaçamento.
3. Altura x: Altura da letra minúscula ‘x’.
4. Estresse: Direção da espessura da haste.
5. Peso: Espessura da haste.

Classificação Tradicional:

Gráficas, Humanistas, Garaldes, Transicionais, Didones, Slab Serif, Lineares, Glíficas, Manuscritas e Estilizadas.

Tipos Icônicos:

Algumas tipografias representam épocas específicas, mas o uso excessivo pode prejudicá-las.

Clássicos e Ícones:

Tipografias duráveis e versáteis, como Helvetica e Meta, são respeitadas por diferentes designers.

Exemplos Adicionais:

1. VAG Rounded: Juvenil, usado pela Volkswagen.
2. Meta: Design corporativo por Erik Spiekermann.
3. Mrs. Eaves: Releitura elegante da Baskerville.

Design Tipográfico na Web:

O design tipográfico é vital para websites e marcas. Mesmo sem fontes garantidas na web, compreender profundamente o design tipográfico é crucial. Tipografias têm características que comunicam e possuem personalidades únicas.

Importância para Marcas:

Empresas como Microsoft, Audi e BBC são reconhecíveis devido, em parte, às suas tipografias. Na web, onde não podemos garantir fontes específicas, entender o design tipográfico faz toda a diferença.

Elementos das Tipografias:

Tipografias têm elementos distintos, como cauda, espinha, ápice, serifas, bacia, final, contraforma, descedor, haste, esporão, ligação, laço, orelha, ascendente, braço e barra. Conhecer esses elementos é crucial para escolher a tipografia certa.

Neste capítulo é sugerido um estudo de caso para pôr em prática o que foi abordado nos capítulos anteriores.

Estudo de Caso: Site de Jardinagem

1. Equipe do Projeto e Cliente: Reúna uma equipe diversificada para representar diferentes áreas.
2. Coleta de Pesquisa: Consuma mídias relacionadas ao projeto, explore pesquisas existentes e entreviste especialistas.
3. Auditoria de Concorrentes: Analise marcas e experiências online dos concorrentes.
4. Organizando Tudo: Coloque descobertas em um local visível, escrevendo breves ideias para oportunidades.
5. Desenvolvimento de Ideias: Realize uma sessão de ideias, reduzindo para uma principal para cada oportunidade.
6. Brief Criativo: O designer cria um brief orientando a equipe de design com base nas ideias e insights.