As folhas de dicas (também conhecidas como cartões de referência, folhas de referência, etc.) não apenas ajudam você a lembrar das coisas rapidamente, mas também podem servir como decoração de parede para seu espaço de trabalho. Nesta postagem você encontrará 28 folhas de dicas excelentes e úteis em vários formatos de arquivo para Photoshop, Dreamweaver, cores, tipografia e outros tópicos relacionados a web design tudo em uma página com fotos de cada folha de dicas. Essas folhas de dicas são usadas até pelos melhores web designers!
Se você está procurando folhas de referências para desenvolvedores web front-end (mais CSS, HTML e JavaScript), confira Folhas de dicas para desenvolvedores web front-end.
Photoshop
Folha de referências dos atalhos de teclado do Photoshop CS3
Transferências: PDF (janelas), PDF (Mac)
Chaves para usar a paleta Camadas (HTML)
Referência da caixa de ferramentas do Photoshop (HTML)
Folha de dicas da ferramenta Lasso do Photoshop
Baixar: PDF
Folha de dicas da ferramenta Pincel do Photoshop
Baixar: PDF
Cor
Tabela de cores hexadecimais RGB
Downloads: PDF, PNG
Guia de referência de cores (PDF)
Tapete de rato hexágono de referência de cores do Web Designer
Download: GIFs
Tabela de cores seguras para a Web (HTML)
Tabela de cores hexadecimais (HTML)
As cores seguras do navegador (HTML)
Tipografia
Cartão de fonte VisiBone
Download: GIFs
Fontes comuns para todas as versões de equivalentes do Windows e Mac (HTML)
Misturando fontes (PDF)
Unidades/Dimensão
Conversão aproximada de pontos em pixels (HTML)
Gráfico de megapixels
Download: GIFs
Estruturas CSS/CSS
Folha de dicas CSS do Blueprint
Baixar: PDF
Biblioteca YUI: redefinição de CSS, base, fontes e grades (PDF)
Folha de dicas de taquigrafia CSS (PDF)
Widget de folha de dicas CSS da Apple (widget do painel do Mac)
HTML/XHTML
Referência rápida de tags HTML e XHTML (PDF)
Entidades de caracteres HTML/XHTML
Referência de entidade de caractere XHTML (HTML)
Dreamweaver
Guia de referência rápida do Dreamweaver (PDF)
Cartão de referência rápida do Dreamweaver CS3 para Mac (PDF)
Ilustrador
Atalhos de teclado do Adobe Illustrator CS2 – MAC
Baixar: PDF
Navegadores
O navegador aplicará as regras? (HTML)
Tabelas de compatibilidade W3C DOM (HTML)
Resumo
Existem várias folhas de dicas que você pode usar para diferentes áreas do web design.
Essas são apenas pequenas coisas, mas podem economizar muito tempo para sua agência, o que economizará muito dinheiro para o cliente. Os clientes buscam coisas como a eficiência dos procedimentos de uma agência quando escolhem uma empresa de web design. Mesmo grandes instituições, como faculdades ou empresas da Fortune 500, estão procurando maneiras de economizar em web design, portanto, o uso dessas folhas de dicas pode ajudar a reduzir o tempo de um projeto e o preço para o cliente.
(Possivelmente) Postagens relacionadas
FAQ sobre Folhas de Dicas de Web Design
1. Onde posso encontrar folhas de dicas para o Photoshop?
Você pode encontrar folhas de dicas para o Photoshop, como atalhos de teclado e referências da caixa de ferramentas, em diversos sites especializados.
2. Existe alguma folha de dicas de cores disponível?
Sim, há várias folhas de dicas de cores, como tabelas de cores hexadecimais e guias de referência de cores, que podem ajudar no processo de design.
3. Quais são as opções de folhas de dicas para tipografia?
Há cartões de fonte, fontes comuns para Windows e Mac, e até mesmo guias de mixagem de fontes disponíveis como folhas de dicas para tipografia.
4. Onde posso encontrar folhas de dicas de CSS?
Você pode encontrar folhas de dicas de CSS, como a do Blueprint CSS, biblioteca YUI, taquigrafia CSS e widgets da Apple, que ajudarão a facilitar o uso do CSS em seus projetos.
5. Existem folhas de dicas disponíveis para Dreamweaver?
Sim, há guias de referência rápida do Dreamweaver em formato PDF, assim como cartões de referência rápida específicos para Mac, que podem auxiliar no uso eficiente do software.
