Unidade Curricular 7
Informática Básica e
Recursos do Windows
Compreenda os fundamentos físicos e lógicos da computação moderna, otimize seu fluxo de trabalho com atalhos de teclado e aprenda boas práticas de segurança digital.
Desenvolvido por Italo Roberto com foco nas ferramentas de produtividade para o curso de Design Gráfico.
Objetivo
"Proporcionar a compreensão da arquitetura básica de computadores e sistemas operacionais, capacitando o estudante a gerenciar arquivos, utilizar comandos de teclado para otimizar processos de design e adotar comportamentos seguros na internet."
Conceitos Fundamentais
A computação moderna baseia-se na relação essencial entre as partes físicas (que executam) e lógicas (que instruem) de uma máquina.
Hardware
A máquina em si. É toda a parte física e tangível que podemos tocar e ver no computador.
Exemplos: Placa-mãe, CPU, RAM
Software
A mente digital. É a parte lógica, correspondente aos programas, aplicativos e instruções instalados.
Exemplos: Photoshop, Chrome, Word
S.O. (O Elo)
O Sistema Operacional gerencia o hardware e fornece a base (interface gráfica) para rodar outros softwares.
Exemplos: Windows, Linux, macOS
Estrutura do Hardware
Computadores modernos trabalham com peças altamente especializadas integradas em perfeita sincronia:
🧬 Componentes de Processamento
Placa-Mãe (Motherboard)
A espinha dorsal que conecta física e eletricamente todos os componentes internos.
Processador (CPU)
O cérebro do computador. Executa os cálculos matemáticos e lógicos necessários para processar dados.
Placa de Vídeo (GPU)
Processa e renderiza imagens, vídeos e gráficos pesados na tela. Crucial para programas de edição e design 3D.
⚡ Componentes de Memória & Entrada/Saída
Memória RAM
Armazenamento volátil e ultrarrápido de curto prazo. Guarda os dados dos programas que estão abertos no momento.
Armazenamento (HD/SSD)
Memória permanente de longo prazo onde ficam salvos seus arquivos pessoais, projetos, programas e o SO.
Periféricos
Dispositivos externos que permitem a interação humana com a máquina. Teclado, mouse, monitor e mesa digitalizadora.
Armazenamento: HD vs SSD
Escolher a tecnologia de armazenamento correta impacta diretamente a velocidade com que programas de design (como Illustrator e Photoshop) carregam.
HD (Hard Disk Drive)
MecânicoTecnologia mecânica que armazena dados em discos magnéticos girando a alta velocidade (geralmente 5400 ou 7200 RPM). Uma agulha física move-se sobre a superfície do disco para ler/gravar.
SSD (Solid State Drive)
EletrônicoTecnologia moderna sem partes móveis. Utiliza chips de memória Flash (semelhantes a um pen drive de alta performance) para armazenar dados de forma puramente eletrônica.
Sistemas Operacionais
O sistema operacional é a base onde todo o ecossistema gráfico de softwares roda. Veja o comparativo das plataformas:
| Característica | Microsoft Windows | Linux (Ubuntu, Mint, etc.) |
|---|---|---|
| Licença | Proprietária (Paga) | Gratuito (Código Aberto / Open Source) |
| Interface & Uso | Alta facilidade, design padronizado, muito amigável | Média/Alta facilidade (depende da Distribuição escolhida) |
| Segurança & Estabilidade | Mais visado por vírus, requer antivírus ativo | Altamente estável e seguro, quase imune a vírus comuns |
| Ecossistema Gráfico | Suporte completo a Adobe CC, Figma Desktop e Jogos | Excelente para programação e servidores; limitado em softwares de design comercial nativos |
Principais Recursos do Windows
O Windows oferece diversas ferramentas nativas integradas para gerenciar recursos e organizar o trabalho:
Explorador de Arquivos (File Explorer)
Local onde você gerencia discos, pastas e arquivos do computador. Permite renomear, mover e pesquisar pastas de projetos.
Painel de Configurações
Ambiente centralizado para ajustar a resolução de tela, conectar monitores extras, configurar impressoras e mesa digitalizadora.
Gerenciador de Tarefas
Mostra o uso em tempo real do Processador (CPU), Memória RAM e Placa de Vídeo. Permite encerrar programas que pararam de responder.
Histórico da Área de Transferência
Mantém um registro de vários itens copiados (textos ou prints de referência) para que você cole mais tarde.
Explorador Interativo de Atalhos
O domínio dos atalhos de teclado aumenta significativamente a produtividade de qualquer designer gráfico. Utilize o painel abaixo para encontrar e filtrar as principais combinações de teclas do Windows.
Simular Teclas Modificadoras
Internet e Segurança Digital
No cotidiano de um designer gráfico, o download de fontes, imagens de stock, mockups e programas expõe a máquina a sérios riscos. Conheça as ameaças e navegue seguro.
🌐 Navegadores Web (Browsers)
Os navegadores traduzem os códigos das linguagens da web (HTML, CSS e JavaScript) em páginas visuais interativas.
🛡️ Principais Ameaças Digitais
Aprenda a reconhecer as artimanhas dos criminosos virtuais e mantenha a proteção dos seus arquivos:
Editores de Texto: Word e Google Docs
Editores (ou processadores) de texto são softwares essenciais no dia a dia acadêmico e profissional, permitindo redigir, formatar e organizar documentos de forma profissional. Para designers, dominar essas ferramentas é fundamental para organizar propostas comerciais, briefings, relatórios e contratos de prestação de serviços.
📘 Microsoft Word
Desktop / OfflineO processador de texto mais tradicional do mercado, focado em recursos locais robustos e diagramações complexas. Faz parte do ecossistema Microsoft Office.
Ideal para: Documentos longos, contratos complexos e uso offline
📒 Google Docs (Documentos)
Nativo em NuvemUm processador moderno e leve criado nativamente para a web, centrado na facilidade de acesso, compartilhamento e edição compartilhada.
Ideal para: Trabalho em equipe, briefings rápidos e cocriação
🖥️ Simulador Interativo: A Interface do Google Docs
Explore a interface simulada abaixo para compreender na prática como funcionam os principais recursos de colaboração e produtividade do Google Docs. Clique nos botões da barra de ferramentas, faça alterações no documento ou interaja com os comentários e o histórico de versões.
Briefing de Identidade Visual - Café Antigravidade
1. Objetivo do Projeto
Desenvolver uma identidade visual moderna e minimalista para a nova cafeteria "Café Antigravidade". A marca busca traduzir a leveza e sofisticação de cafés especiais selecionados, desafiando a gravidade através da experiência sensorial única da torrefação artesanal.
2. Elementos Necessários para Criação
- Logotipo principal e variações (horizontal, vertical e marca isolada)
- Paleta de cores oficial (tons de marrom café combinados com azul elétrico e prata metalizado)
- Manual de uso da marca e tipografia sugerida (sem serifa, de alta legibilidade)
3. Cronograma e Entregas
- Envio dos primeiros conceitos: 12 de Julho
- Revisão final e aprovação: 26 de Julho
Colaboração em Tempo Real
Veja cursores de outros usuários em tempo real e edite simultaneamente. Clique para simular.
Comentários e Revisões
Deixe feedbacks específicos selecionando partes do texto e respondendo aos balões laterais.
Histórico de Versões
Consulte versões anteriores do rascunho e restaure-as a qualquer momento sem perder o progresso.
Digitação por Voz
Use inteligência artificial para converter voz em texto diretamente no documento. Teste agora!
📝 Recursos Avançados de Formatação de Texto
Além dos estilos básicos de caracteres (como negrito e itálico), a estruturação profissional de um documento exige a configuração correta do layout dos parágrafos e da própria página:
⇹ Alinhamento e Recuo
- Alinhar à Esquerda: Alinha o texto à margem esquerda. Ideal para cartas e textos curtos.
- Centralizar: Centraliza o texto entre as margens. Usado em títulos, capas e poemas.
- Alinhar à Direita: Alinha o texto à margem direita. Usado em assinaturas, datas e citações diretas.
- Justificar: Distribui o texto igualmente entre as margens esquerda e direita, criando bordas retas. É o padrão em livros, artigos e documentos formais.
- Recuo de Parágrafo: Desloca o início do texto para a direita, ajudando a identificar visualmente onde começa um novo parágrafo.
↕️ Espaçamento e Configuração
- Espaçamento entre Linhas (Entrelinhas): É a distância vertical entre as linhas de texto. Valores maiores evitam que as linhas fiquem "amontoadas", facilitando a leitura de textos longos.
- Listas com Marcadores e Numéricas: Permitem organizar tópicos, listas de itens ou passos ordenados, melhorando a visualização rápida e clareza do documento.
- Orientação da Página: Define se a folha está na vertical (Retrato, ideal para a maioria dos relatórios) ou na horizontal (Paisagem, ideal para certificados, tabelas e apresentações).
- Configuração de Margens: Limita a área onde o texto pode ser digitado, mantendo bordas em branco adequadas para leitura e encadernação.
🎓 Normas ABNT: Padronização Acadêmica e Profissional
A **ABNT** (Associação Brasileira de Normas Técnicas) é o órgão responsável pela normalização técnica no Brasil. Na área acadêmica e de negócios, as normas ABNT estabelecem um padrão rigoroso para a apresentação de relatórios, monografias, TCCs e propostas comerciais, garantindo clareza, formalidade e organização visual dos dados.
Por que usar as Normas ABNT?
A padronização evita subjetividades no layout. Quando todos os trabalhos seguem a mesma regra, a leitura fica focada puramente no conteúdo, as citações de outros autores tornam-se rastreáveis de forma idêntica e a apresentação ganha um aspecto altamente profissional de credibilidade acadêmica.
Guia Rápido de Formatação ABNT (Trabalhos Científicos)
| Elemento de Layout | Regra Padrão ABNT | Objetivo Acadêmico |
|---|---|---|
| Fontes Permitidas | Arial ou Times New Roman (cor preta) | Garante alta legibilidade e neutralidade visual. |
| Tamanho da Fonte | 12 para o corpo do texto; 10 para citações longas e notas | Hierarquia clara entre o texto principal e referências de rodapé. |
| Alinhamento | Justificado (com distribuição igual de margens) | Cria blocos de texto uniformes e organizados nas bordas. |
| Espaçamento Entrelinhas | 1.5 no corpo do texto; simples (1.0) para citações longas | Conforto de leitura, evitando cansaço visual em textos densos. |
| Recuo de Parágrafo | 1.25 cm na primeira linha de cada parágrafo | Indica visualmente o início de uma nova ideia sem pular linhas vazias. |
| Margens da Folha | Superior e Esquerda: 3 cm Inferior e Direita: 2 cm |
Reserva espaço suficiente na esquerda para a encadernação. |
Dica Prática no Simulador: Suba até a interface do Google Docs acima e clique no botão ABNT na barra de ferramentas. O simulador aplicará automaticamente essa formatação rígida de fonte Arial 12, entrelinhas 1.5, margens de encadernação e texto justificado ao briefing do seu projeto!
Planilhas Eletrônicas: Excel e Google Planilhas
As planilhas eletrônicas são ferramentas poderosas para organizar dados, realizar cálculos complexos e criar relatórios visuais através de tabelas e gráficos. Para designers, dominar planilhas é essencial para precificação de projetos, criação de orçamentos, acompanhamento de horas trabalhadas (timesheet) e emissão de cobranças estruturadas de forma automatizada.
📘 Microsoft Excel
Desktop / RobustoA ferramenta de análise de dados padrão do setor corporativo, com recursos avançados de processamento local, modelos estatísticos e automações com macros.
Ideal para: Grandes bancos de dados, macros complexas e uso profissional local
📊 Google Planilhas (Sheets)
Nativo em NuvemUma planilha moderna baseada na web, desenvolvida com foco total em compartilhamento, colaboração online e integração rápida com formulários e serviços web.
Ideal para: Orçamentos colaborativos, coleta de dados e acompanhamento de projetos
🖥️ Simulador Interativo: A Interface do Google Planilhas
Experimente a interface simulada abaixo para entender como funciona a estrutura de colunas, linhas e células de uma planilha. Clique nas células para ver seus valores ou fórmulas, edite os números de horas ou valores na grade (dê dois cliques na célula ou use a barra de fórmulas) e veja os subtotais e totais serem recalculados na hora com as fórmulas `=SOMA()` e `=B*C`!
Fórmulas e Funções
O símbolo "=" indica ao Sheets que execute uma conta. O simulador atualiza os totais automaticamente usando `=SOMA()` e `=B*C`!
Endereço de Células
Cada caixa possui um endereço único (coluna + linha), como B2 (coluna B, linha 2). Isso possibilita criar referências dinâmicas.
Formatação de Células
Você pode alterar a visualização dos dados (ex: converter 2800 em R$ 2.800,00) sem alterar o valor matemático real da célula.
📊 Funções Essenciais para Produtividade e Design
Planilhas funcionam de forma lógica através de operadores e funções pré-programadas. Compreender como utilizá-los economiza horas de trabalho manual:
➕ Operadores Matemáticos Básicos
- Adição (+): Soma valores. Exemplo: `=B2+C2`
- Subtração (-): Subtrai valores. Exemplo: `=D2-C2`
- Multiplicação (*): Multiplica valores usando asterisco. Exemplo: `=B2*C2`
- Divisão (/): Divide valores usando barra. Exemplo: `=D2/B2`
- Potenciação (^): Eleva um valor ao expoente. Exemplo: `=2^3` (resultado: 8)
⚙️ Funções Prontas mais Utilizadas
- `=SOMA(intervalo)`: Soma todos os números em um intervalo. Exemplo: `=SOMA(B2:B5)` soma as células B2, B3, B4 e B5.
- `=MÉDIA(intervalo)`: Calcula a média aritmética do intervalo selecionado. Exemplo: `=MÉDIA(C2:C5)`.
- `=MÁXIMO(intervalo)`: Retorna o maior número de um conjunto. Útil para ver qual o maior custo de um orçamento.
- `=MÍNIMO(intervalo)`: Retorna o menor número de um conjunto. Útil para descobrir a tarefa que consumiu menos horas.
- `=SE(condição; valor_se_verdadeiro; valor_se_falso)`: Função lógica que executa um teste. Exemplo: `=SE(D6>2500; "Orçamento Alto"; "Dentro do Limite")`.