tanto quanto gostaríamos de não nos incomodar em inventar um design de documentação – não há como evitá-lo. Sua documentação é o que representa você para seus usuários, então é melhor parecer decente.
você não precisa necessariamente de um designer para cumprir essa tarefa específica. Neste post, mostraremos várias abordagens para criar um esquema de cores.
Use um modelo
não basta escrever manuais do usuário no bloco de notas. Se ao menos fosse assim tão simples. Então, provavelmente, você já está usando uma ferramenta para autoria de documentação. Se não, então você deve definitivamente considerar a fazer isso porque a documentação é muito mais do que simples texto: imagens, esquemas, tabelas, listas ordenadas, e talvez ainda mais profissional coisas, como single sourcing, restrição de acesso, um sacrifício de sangue para os deuses que irá ajudá-lo a obter o seu aplicativo de versão, quando uma nova vem de fora, e de repente você precisa de mudar que um número de cada página (ah, aqui está a viver no século XXI! Em ferramentas de criação de documentação como o ClickHelp, você pode apenas usar variáveis para armazenar o número da versão, para que você não precise pixelhuntá-lo em toda a sua documentação), etc.
as ferramentas de autoria de documentação podem ajudá-lo em muitos aspectos do seu processo de trabalho, incluindo o design. Os modelos pré-configurados quase sempre fazem parte do negócio.
como regra, o software para escrita de documentação apresenta vários modelos projetados para diferentes tipos de documentação. Por exemplo, aqui está um modelo para documentos de API com blocos claros e escuros:
então, você terá algumas opções para escolher.
claro, usar um modelo pronto economizará muito tempo, mas não se esqueça de que ele ainda deve ser relacionável com o seu negócio. Aqui está uma abordagem a considerar – escolha um modelo pronto que corresponda mais ao estilo da sua empresa e faça alguns pequenos reparos.
Vantagens
- Você obter um design pronto
- Desenhos são criados por profissionais
Contras
- Modelos não são sempre grátis
- Pronto projetos nem sempre vai caber em termos de seu estilo corporativo
- Algumas alterações e correções são necessárias, muitas vezes
Tabela de Conteúdo
Ir Corporativa
Esta abordagem requer um pouco mais de cabeça coçar. Cada empresa possui algumas soluções básicas de design que são usadas em seu design de produto, em seu site, em seus anúncios, etc. Seu estilo é o que faz seu produto se destacar, é assim que as pessoas vão se lembrar da sua marca e encontrá-la entre outras. Mesmo quando os usuários vêm ler seus manuais, eles devem estar cientes de qual marca é. Em primeiro lugar, isso dá mais visibilidade, uma chance maior de ser reconhecido no futuro. Em segundo lugar, este ainda é um enorme timesaver. Em terceiro lugar, isso simplesmente fará você parecer bem-os usuários perceberão que as pessoas nesta empresa estão realmente levando seu trabalho a sério, não deixando o menor detalhe despercebido.
então, sim, usar seu estilo corporativo para documentação do Usuário é uma abordagem altamente aconselhável.
se houver um guia de estilo – isso é ótimo. Todas as fontes e cores já foram decididas. Mas, também, esteja pronto para alterar algumas cores e adicionar algumas extras ao esquema. Como alguns tons de alarme vermelho-amarelo-laranja para Avisos, por exemplo. Mais adiante neste artigo, daremos algumas diretrizes sobre técnicas de correspondência de cores, para que você esteja totalmente equipado para escolher as cores adicionais certas com base no seu guia de estilo corporativo.
Vantagens
- , você vai economizar muito tempo como você não precisa fazer o design a partir do zero
- Na maioria dos casos, há um guia de estilo na mão
Contras
- provavelmente Haverá alguns elementos não cobertos por seu guia de estilo
- Alguns adicionais reformulação será necessário
Criação de Esquemas de Cores a Partir do Zero
Isto é – isto é como complicado fica. Criando um esquema de cores de novo. Pode haver várias razões pelas quais você está enfrentando essa tarefa, não vamos nos debruçar sobre isso. Em vez disso, vamos oferecer etapas universais para criar um esquema de cores. Eles podem ser usados para portais de documentação, sites, documentos autônomos, etc.:
- pense no que seu produto representa. Cada nicho tem suas próprias peculiaridades, padrões e tendências. Os esquemas de cores de entretenimento gravitam em direção a cores mais brilhantes e ousadas com mais detalhes, enquanto o estilo corporativo é mais frio, neutro e simples.
- Escolha cores primárias. Estas serão as bases de todo o esquema de cores. E lembre-se de que você precisa de apenas uma/duas cores primárias por design. Veja como encontrar cores correspondentes na próxima seção deste artigo.
- Escolha cores para Acentos. Certifique-se de ter algumas cores básicas e detalhes mais brilhantes, para que seu esquema de cores não pareça opaco e todas as coisas importantes sejam enfatizadas.
- defina quais elementos adicionais você terá (tabelas, caixas de informações, caixas de aviso, etc.) e escolher cores para eles, também. Por via de regra, estas são versões mais brilhantes, mais escuras ou mais saturadas das cores que você já escolheu para sua paleta. Se você está sentindo que as coisas estão ficando fora de controle com essa quantidade de tons – basta ir com suas cores de destaque.
- Aaand está feito! Tire suas cores, agitá-los, não mexa 🙂
Prós
- O projeto vai ser verdadeiramente único
- todo O processo está sob controle desde o início, para a linha de chegada
Contras
- Algumas pesquisas precisam ser realizadas se você é novo para este
- o Desenvolvimento de uma nova marca de design requer uma quantidade de tempo alocado
Teoria das Cores Básicas – A Roda de cores
Agora, para a parte mais interessante – vamos aprender como combinar e combinar cores. Isso vai ser muito mais fácil do que você provavelmente imaginou.
A coisa mágica que vai fazer quase todo o trabalho para nós é chamado a roda de cores:
E, aqui estão algumas maneiras que as cores podem combinar com a ajuda da roda de cores:
- As cores opostas são chamados de complementares, o que significa que elas se encaixam bem, mas elas também criam um contraste impressionante. Use-os em quantidades limitadas para ênfase.
as cores localizadas próximas umas das outras são chamadas análogas. Eles geralmente criam paletas de cores bastante harmoniosas e calmas. Pense em uma cor complementar para tornar seu esquema de cores mais vibrante.
três cores uniformemente distantes umas das outras compreendem esquemas de cores triádicas. Essas combinações de cores são muito vivas e brilhantes. Tente usar tons mais pálidos ou tornar uma cor dominante, enquanto os outros dois servirão como acentos.
Livre de Esquema de Cores de Recursos
Se por algum motivo você ainda não se sentir confiante sobre seus esquemas de cor depois de tentar os truques acima mencionados com a roda de cores – felizmente, temos a Internet em nossas mãos. E, está cheio de grandes recursos para a criação de esquema de cores. Abaixo, você encontrará uma visão geral rápida de três grandes recursos online para criação de paleta de cores:
paletton.com
Esse incrível recurso dá-lhe uma interativo de cor roda para jogar com. Você pode usar as técnicas que mencionamos na seção anterior ou tentar algo novo, como, por exemplo, uma combinação de tetrad de quatro cores. Este site pode até criar uma página de exemplo rápida para o seu esquema de cores.
www.degradeve.com
este site oferece uma coleção peculiar de geradores, o gerador de paleta de cores é um deles.
você simplesmente carrega uma imagem cuja combinação de cores você acha visualmente atraente, e o aplicativo a divide em cores separadas, para que você obtenha um esquema de cores pronto como saída.
coolors.co
Este site pode gerar aleatório esquemas de cores que você pode ajustar mais tarde. Além disso, armazena um número impressionante de paletas de cores prontas de outros usuários. Sinta-se à vontade para filtrá-los para ver as melhores ofertas.
neste artigo, você se familiarizou com três caminhos que pode seguir para criar um design de documentação próprio: usando um modelo pronto, criando seu design com base no seu estilo corporativo ou fazendo tudo do zero. Seja qual for o caminho que você seguir, tenha em mente os truques de cores que você aprendeu neste artigo, eles podem ser muito úteis.
há, na verdade, mais um conselho para você – olhe ao redor. Todo o nosso universo está aqui para inspirá-lo, basta olhar mais de perto.
este artigo foi escrito com base em nossa própria experiência de redação técnica. Se você precisar criar documentação on – line, também poderá gostar do ClickHelp-a melhor ferramenta de documentação on-line para desenvolvedores da web.