Mostrando postagens com marcador WebDesigner. Mostrar todas as postagens
Mostrando postagens com marcador WebDesigner. Mostrar todas as postagens

quinta-feira, 20 de setembro de 2012

Como elaborar um Brief



Elaborar um briefing não tem segredos para quem trabalha nas àreas da comunicação, publicidade, marketing e media.
Mas não é garantido que todos saibam elaborar um bom briefing ou que entendam todo o processo. Aqui fica um resumo do básico e de boas práticas.
Briefing – Palavra de origem inglesa, com raiz no verbo brief (informar, instruir). Trata-se de um documento escrito, realizado por alguém que dá instruções (anunciante, cliente, designer de comunicação) e que evidencia todas as informações e orientações de base, necessárias para elaboração de um trabalho, projecto ou execução de uma tarefa.

No uso corrente em Portugal pode também significar reunião breve durante a qual são dadas informações e instruções consideradas indispensáveis à realização de determinada tarefa ou o documento que reune o conjunto de informações transmitidas nessa reunião.
E este uso vem da pouca preparação usualmente realizada para as reuniões, de modo que raramente há documentos preparados e estes são portanto efectuados à posteriori… ou ainda de uma outra abordagem, que é a de esperar que o interlocutor possa contribuir para o esclarecimento daquilo que de facto deveria ser o seu material de trabalho. Mas isto já são aspectos culturais da abordagem, e que não interessa estar aqui a detalhar.
Consideremos pois o briefing no sentido mais restrito, de documento ou reunião de passagem estruturada de informação e instruções para a execução de uma tarefa ou trabalho.
Ainda que possa vir a ser desenvolvida e detalhada com a continuição do trabalho, a informação contida no briefing inicial é essencial para a compreensão de alguns aspectos que constituem a base de partida. É por essa razão que é essencial cuidar da estrutura do briefing (ex: Estrutura de um briefing), que obviamente será diferente conforme a àrea de trabalho a que se refere. Supunhamos então um briefing para um website. Uma possivel estrutura seria;
  • Informações gerais e caracterização do cliente
  • Posicionamento
  • Valores associados e relevantes
  • Identificação do trabalho
  • Objectivos
  • Alvo do trabalho (publico, receptores, etc)
  • Efeito/resultados esperados
  • Estrutura minima e descrição de fundionalidades esperadas
  • Orçamento disponivel e temporização
  • Orientações (estratégia, estética, conceitos)
  • Limitações (coordenação com outros meios, posicionamento, valores)
  • Materiais de trabalho
A estes temas poderiam ser acrescentados outros, em função da profundidade de trabalho de preparação que fosse efectuado, como por exemplo, aspectos de orientação estética, de tipografia, de politica de mercado e marketing, de acessibilidade, etc. No entanto cada tema deveria ser integrado na estrutura de forma resumida e objectiva, e como item individual do briefing, por forma a manter a sua estrutura escorreita, de fácil compreensão e de fácil leitura.
Um briefing não é um projecto! Ele é realmente apenas o seu ponto de partida, e portanto é um resumo de informação de base e a informação dos resultados esperados com o trabalho que se está a preparar.
Menu do projectoMas mais importante: Um briefing nunca deve definir a forma de fazer, a metodologia ou o resultado final, mas apenas deve definir a informação base de que se parte e o objectivo a que se pretende chegar. Todo o resto faz parte do trabalho a efectuar pelo publicitário, pelo designer, pela agência, pelo copywriter ou por quem quer que vá de facto intervir na sua realização.
De uma forma simples, quem escreve o briefing deve pensar que ele deve conter o que já conhecemos e é essencial como ferramenta ou orientação para quem vai realizar o trabalho, além da definição do próprio trabalho a efectuar. O briefing não deve conter nada de novo, de inventivo ou de criativo: ele deve conter apenas o que já é conhecido e funciona como referência, definição e limites.
Isto seria suficiente para definir a realização de um bom briefing, seja ele um documento escrito prévio, uma reunião ou um documento escrito à posteriori. Mas na prática muito mais há a dizer sobre o assunto.

Os principais erros

BRIEFING MUITO EXTENSO.

Um briefing é um resumo e deve ser um ferramenta de trabalho prática, e não um tratado completo. Não necessita de ser extenso. Deve referir apenas o essencial, e indicar o que deve ser tomado em atenção. Não necessita de detalhar. Pode perfeitamente indicar uma lista de documentos a ter em atenção (politica de marketing, documentos estratégicos, estudos de mercado, documentos de branding, etc.), não necessita de os transcrever. Um briefing demasiado extenso e carregad de detalhes é limitativo, confunde, não serve de guia e custa caro!

BRIEFING DEMASIADAMENTE SISTEMATIZADO.

Se o método e o sistema se torna mais importante que a informação transmitida, aquele tende a ofuscar a clareza da informação e a sua relevância. um questionário demasiado elaborado, tende a pôr em plano de igualdade o fundamental e o acessório. O Briefing não necessita de cobrir todos os aspectos, mas apenas ser o guia dos aspectos essenciais, aqueles que não podem ser ignorados e definem em traços largos o trabalho.

BRIEFING DEMASIADO CURTO

Um briefing não é um telegrama. Reduza o numero de ideias incluidas, mas explique-as claramente. O que e essencial para definir o trabalho deve lá estar, e deve estar bem explicado. O pior erro que pode aparecer no decorrer do trabalho é descobrir que aspectos importantissimos daquele não tinham sido reveladas (politicas ou estratégias de marketing, imagem corporativa ou de marca, etc.) e tudo o que se fez até ao momento é inutil, com o foco errado ou mal direccionado.

BRIEFING DOGMÁTICO

O briefing não deve definir como fazer o trabalho. Para isso alguém está a ser contratado. O Briefing define a informação de base, as estratégias e o resultado esperado. Se na estrutura do cliente há alguém com ideias bem definidas de como fazer o trabalho, e que insista em trazer isso para o briefing, então será melhor considerar contratá-lo a ele para executar o trabalho. Muitas vezes esta até é uma boa opção… Mas o principal perigo está nas ideias pré-concebidas, desadaptadas, transplantadas de outras situações que só aparentemente são semelhantes e na forma como elas podem de facto limitar ou impedir a criatividade, direccionar o projecto na direcção errada, ou equivocar de forma muitas vezes irrecuperável quem vai realizar o trabalho.

BRIEFING NA HORA ERRADA

O briefing deve ser o ponto de partida do trabalho. Ele deve clarificar o trabalho e servir de acordo entre todas as partes. Ele deve ser o guia que evita mal-entendidos e confusões ou os terrenos pantanosos da infefinição de objectivos. Esle deve evitar o estabelecimento de alvos móveis (objectivos que mudam ao longo do tempo, e que não se fixam de forma a permitir um trabalho consistente). O briefing deve ser definido o mais tarde possivel, para evitar mudanças e alteações permanentes, mas impreterivelmente antes do inicio dos trabalhos: é o primeiro documento e o documento de base para a sua definição e nada deve ser iniciado antes da sua definição. O momento certo para o apresentar é na primeira reunião com os criativos, designers, com a agencia ou com quem vai executar o trabalho. A sua preparação deve ser o trabalho essencial de preparação dessa reunião. Deve contar-se que demora tepo a elaborar e a reunir a informaçao necessária. O trabalho de realização do briefing não é para ser feito nos 10 minutos que antecedem a sua entrega.

BRIEFING DA FORMA ERRADA

O briefing deve clarificar, esclarecer, definir e evitar mal entendidos e confusões. O pior briefing é o que falha nestes principios, porque não contém a informação necessária, ou porque começa imediatamente a explorar alternativas, a definir caminhos, o que traduz duvidas, o que é impreciso, inconsequente ou elabrado sem bases sólidas. Se o cliente não sabe o que pretende, não espere que uma agência saiba o que fazer. No entanto é legitimo fazer a definição a niveis diferentes, em função do nivel de definição e do trabalho a executar: um estudo de marketing tem uma definição diferente de um website; a criação de imagem corporativa tem certamente um nivel de pré definição diferente da execução de grafismos de branding. É necessário ter esta percepção, mas ser coerente e preciso na realização do briefing.

Como abordar um briefing


Um briefing é um trabalho de transmissão de informação. Como tal tem que ser preparado. Tire o tempo necessário e reuna as informações necessária. Depois esquematize de forma a ser sintético e objectivo.
  • Recolha a informação
  • Defina, prepare e sintetize as ideias
  • Não se satisfaça com meras indicações, forneça informação fiável
  • Seja sintético e objectivo, sem informações adicionais de menos importância.
  • Esquematize
  • Concentre-se no essencial.
  • Planeie.

DIVIDA O TRABALHO

Considere o briefing dividido em duas partes, e não desconsidere nenhuma delas. Divida o trabalho nessas duas partes:
1. Informações gerais
2. Instruções específicas do trabalho
A primeira parte dará substância e será a ancora de referência da segunda. Não pense que as informações gerais são menos importante. Assuma que quem vai executar o trabalho nada sabe sobre quem o encomenda e o seu objecto de trabalho. Mesmo coisas que para si podem ser obvias, podem ser completamente ignoradas por quem vai realizar o trabalho, pois não conhece a empresa, o produto, a sua comunicação, a concorrência,o mercado  ou o seu marketing. Dê portanto igual importância à preparação de ambas as partes.

PASSE AO  DETALHE

Tendo compreendido as duas partes, avance para o detalhe. Planeie e desenvolva. Na parte 1 concentre-se naquilo que você sabe e é necessário que o outro saiba antes de começar a discutir o trabalho pretendido. Na parte 2 defina o trabalho e acrescente o que são conhecimentos que o levaram a definir desse modo.

Exemplo 1

Vamos tomar como exemplo um briefing para uma campanha publicitária, ou para uma definição de marketing:
As informações Gerais:
Considere os seguintes topicos:
A empresa - historico, estrutura organizacional,  integração corporativa,  filosofia de gestão,  corpo diretivo,  localização das unidade, mercados em que atua, linha de produto, serviços, outras info relevantes para desenvolvimente de uma campanha
A Marca - identifique e defina a marca, os seus valores, alvo e posicionamento
O produto – nome, categoria, embalagem (tipos, pesos, conteudos, etc), formas de uso / consumo – sazonalidade, composição industrial / materias primas, quais sao as principais caracteristicas diferenciais, pontos positivos e negativos do produto, influências culturais, religiosas, geograficas etc
O mercado – dimensão do mercado, os principais mercados (areas, regioes, sectores, etc.), quota de mercado (volume), evolução do mercado, sazonalidade
O consumidor - definir quem consome por classe (sexo, etária, económica, social, etc.), habitos e atitdes dos consumidores em relação ao produto (periodicidade de compra, quantidade comprada), onde compra, quem compra e onde é feita a compra, quem decide a compra, as razões sao racionais ou emocionais
A distribuição - canais, percentagem de participação do canal, alterações da distribuição a introduzir, possiveis restrições legais, éticas ou politicas, etc.
O preço - preço face à concorrencia, restriçoes legais para o preço, politica de preços, sensibilidade do mercado ao preço, etc.
A concorrencia - principais concorrentes diretos, produto e fabricantes, seus preços, suas politicas de marketing,  pontos positivos e negativos dos produtos da concorrencia, campanhas da concorrencia (temas de sucesso ou insucesso, mídia usada, periodo), promoção de vendas e merchandising da concorrencia (peças, temas, presença do produtos de venda), atuação, receptividade junto ao consumidor final e ao retalhista
Ações anteriores - campanhas já efectuadas, ações de marketing direto, estrutura de vendas, material de apoio a vendas (catálogos, fichas técnicas, folhetos, flyers, media), relações publicas, serviço de  imprensa, press release, press kit, pesquisas de mercado e resultados das campanhas e acções abnteriores.
Instrução para execução do trabalho
Agora avance para a parte dois. Aqui será onde se explicará o que se pretende que seja feito e o resultado que se pretende atingir
O trabalho – Defina com detalhe o que é pretendido(definição de estratégia, posicionamento de produto, branding, campanha publicitária, etc.)
O alvo – defina o alvo da comunicação pretendida. Especifique com detalhe.
Objetivos de marketing - Defina o que motiva e porque se pretende o trabalho e que objectivos se pretende atingir (aumentar vendas, atingir novos sectores, reposicionar o produto, melhorar imagem, etc.)
Objetivos de comunicação - defina a comunicação que pretende fazer, em conteudo, intenção, e objectivos. Cudado: não feche as opções, expresse apenas possiveis caminhos e defina as balizas que marcam o caminho. Os criativos e os especialistas tratarão do resto, e assegurarão a eficácia.
Conteudo basico de comunicação - expresse aquilo que quer comunicar, considere as fraquezas e os pontos que deveriam ser objecto de elaboração, melhoria ou de estudo de opções, inclua  opinião e restrições. Exponha a linha que vem sendo seguida, as campanhas, os resultados, e expresse o que pretende seja diferente ou pretende modificar e porqê (não como!), defina materiais existentes, e outras informações de contexto.
O prazo – explica-se por si!
Mídia - O que pretende usar, mas peça aconselhamento. Os especialistas saberão encaminhar para um melhor resultado final. Eles podem pensar até em meios que você desconhece ou nunca entendeu realmente.
Outros recursos  Tudo o que é complementar e contribui para o resultado esperado (positiva ou negativamente  – promoção, merchandising, mala direta etc…)

Exemplo 2

No caso de um briefing que defina uma ideia de design para desenvolvimento, que lance um estudo especializado, ou que lance o desenvolvimento de um negócio, obviamente teremos outro tipo de items a indicar. De modo geral abordamos com uma outra estrutura, mas com o mesmo espírito. Vejamos então um segundo exemplo de um briefing, neste caso para o lançamento de uma ideia, estudo ou design.
Neste caso o briefing deve, mais do que definir o background e o trabalho, responder a perguntas que balizem o assunto. O briefing deve responder às seguintes perguntas:
  • Qual a ideia principal (explicada da forma mais assertiva e sintética possivel – uma frase de preferência)?
  • Que probelma tentamos resolver?
  • Qual o objectivo, e o que se pretende da solução? O que se pretende efectivamente obter?
  • Para quem se está a tentar resolver esse problema?
  • Como se pretende resolver / Como irá funcionar a solução?
  • Que papel terá o leitor nessa soluçaõ? O que é esperado que seja feito, e por quem?
  • Qual o risco de correr mal? Quais as soluções possiveis, ou alternativas, se isso acontecer?
Deste modo a estrutura do briefing pode ser adaptada ao objectivo. Uma estrutura possível seria:
  • O Objectivo. Identificar a ideia central do que se pretende obter. Um exemplo poderia ser “Criar um negócio que possa lucrar com as queixas das pessoas acerca das suas vidas”. Deverá ser uma única frase, clara e objectiva.
  • A ideia. Uma frase ou parágrafo que explique sintéticamente a ideia que solucionará o problema e que será desenvolvida durante o trabalho/design. Por exemplo: “Um site social, que possibilitará às pessoas submeter as suas queixas, com premios semanais para as queixas mais bem elaboradas e fundamentadas, abrangentes e de interesse geral.”
  • O problema. Uma explicação mais detalhada sobre o problema ou situação que está na origem da ideia.  Poderia ser algo como “As pessoas apresentam geralmente queixas sobre coisas que as perturbam, afectam ou dificultam a sua vida, mas fazem-no de forma inconsequente, entre amigos, em comentários de passagem ou em acessos de fúria. Mas que tal se as pessoas pudessem racionalizar essas queixas, deixando-as num WebSite em que pudessem ser discutidas, e ganhando premios pela forma criativa como as conseguissem expressar, ou encontrar soluções para os problemas que afectam os outros? ” O problema talvez possa em muitas situações ser expresso como uma lista de factos e conceitos, e cenários realistas que expressem a importância destas ideias e porque o problema é relavante.
  • A Audiência. A quem se dirige esta ideia? Quem se interessará por ela? Qual o perfil do futuro consumidor e/ou não-consumidor? Quem comprará a ideia/design/negócio? A quem se dirige o trabalho a realizar? Quem será o financiador a quem terá que se explicar o negócio? Já agora, a quem é que esta ideia NUNCA interessará?
  • A abordagem. Como +e que esta ideia funciona? Explicar, a um nivel sintético, a forma como a ideia será implementada. A abordagem pode ser organizacional (Fulano iniciará um pequeno grupo de estudo, multidisciplinar, com um orçamento diminuto, com o objectivo de desenvolver as várias alternativas para implementação da ideia, e que criará um relatório no período de 4 semanas),tecnica (o website será baseado num sitema de forum, com uma estrutura de suporte WiKi… ) ou procedimental (as pessoas submeterão queixas sob uma forma de texto, com referência a situações reais não identificadas, enquanto outros leitores poderão comentar e sugerir soluções ou formas de actuação, tentando resolever o problema apresentado; cada queixa ou solução será classificada pelos leitores, segundo critérios de interesse pessoal, de forma a atribuir semanalmente uma classificação que premeie o quão interessantes são para a maioria dos leitores). Deve ser seguida uma lógica estruturada que demonstre que a ideia é possivel..
  • Desafios e Indefinições. Quais são as grandes duvidas e questões que deverão ser ainda resolvidas. Quais as questões que devem ainda ser esclarecidas, estudadas e explicadas. Que questões e objecções seria razoável colocar, e para as quais é necessário encontrar solução? Identificar todas as duvidas e questões e expressar um plano razoável para as solucionar.

Os exemplos

O briefing é um instrumento universal e todas as agencias o usam, em todo o mundo, com conteúdo e funções semelhantes. Já quanto à sua forma a variedade é imensa e, em geral, a concordância reduzida.  Mas vejam-se alguns exemplos de formulários para briefings de algumas das mais conhecidas agencias em todo o mundo:
Fallon, Londres
Saatchi & Saatchi, Londres
Crispin Porter + Bogusky, Miami
BBH, Londres
M&C Saatchi, Londres
Naked, Nova York
Jung von Matt, Stuttgart
Modernista, Boston
Testardo Redcell, Varsóvia
Euro RSCG Australia, Sydney
Singleton Ogilvy & Mather, Sydney
Oomph, Cirencester, UK
Sudler & Hennesy, Sydney
Impact BBDO, Dubai
Tullo Marshall Warren – Londres
McCann Erickson Indonesia, Jakarta
As formas são variadas, mas o essencial é, no entanto, que compreenda realmente o seu negócio e seu processo criativo, e que o briefing o reflita e o acompanhe. Desenhe o seu próprio briefing segundo a cultura criativa da sua agencia, e reflita nele as suas mais valias e factores diferenciadores.

Para terminar

Não parece informação obrigatória, mas pode ajudar, ou mesmo vir a ser essencial no desenvolvimento do trabalho, e agilizar o processo, se adicionar ao briefing:
Informações de contacto e de responsabilidades:
  • Quem fornece informações
  • Quem acompanha
  • Quem é esperado fazer o quê
  • Quem dirige e toma decisões
  • Quem aprova
  • Quem elaborou o briefing
Os prazos e a agenda esperada – pode parecer estranho mas muita gente esquece-se!
O orçamento disponivel, que é extremamente relevante por exemplo na realização de publicidade, campanhas de marketing ou design de produto.
A finalizar
Essencialmente lembre-se que um briefing é uma ferramenta de trabalho, um documento para discutir numa reunião, transmitindo de uma forma estruturada tudo o que pode ser relevante o seu interlucutor saber.
  • Tem que ser rigoroso, objectivo e sintético.
  • Não elabore: sintetize.
  • Releia o briefing e critique-o; corrija-o, complete-o e elimine o acessório.
A medida para um bom briefing, com a dimensão correcta, é que ele diga tudo o que é necessário dizer, e apenas aquilo que poderia ser dito numa reunião média. Use esta medida.
E siga a experiência dos outros… fica aqui um bom livro sobre o assunto:  Creating the Perfect Design Brief: How to Manage Design for Strategic Advantage.
Referências
How to Write a Creative Marketing Brief
How to write a Briefing Note

How to write a good design/idea brief
How to write a good brief
Writing a Creative Brief
How To Write An Effective Design Brief
How To Write An Effective Design Brief and Get The Design You Want!
Estrutura de um briefing (IAPMEI)

Apostilha Briefing
Planeamento de Comunicação
Espelho, espelho meu, existe um brief melhor que o meu?
O Briefing
Briefing

domingo, 25 de março de 2012

Capture imagem e video de seu computador com Ashampoo Snap 4

serial: AMS4AC-77DEF3-7B5CEA
Todo Designer que utiliza-se da internet como meio de criação de ideias, se depara muitas vezes precisando de uma ferramenta de trabalho agil para copiar aquele "Layout" ou aquela "Imagem" que muitas vezes será o início do desnvolvimento do seu trabalho, sem contar com vários outros super bons e indispensáveis motivos que você que trabalha com Web Desigener não poderá dispensar esse programa.

Eu por exemplo já estou pensando em utilizar seu padrão de captura de imagem de video para produzir alguns vídeor explicativos dos materiais mais adiante, assim não digito e acho que fica tudo mais transparente e sem erros o que quero passar.

ATENÇÃO: Observem a imagem ampliada e o texto abaixo possuem o serial do produto para validarem após o periodo de testes.



segunda-feira, 12 de março de 2012

Websites Para Testar Fontes e Tipografia Web

São Sites sobre fontes e tipografia web e ferramentas úteis para testar e experimentar diferentes fontes, configurações CSS e de tipografia web e para obter o respectivo código CSS.
Vejamos..

fonttester
http://www.fonttester.com/
Font Tester

Existe texto, que você pode editar. E você pode organizar esse texto numa única coluna ou 2 ou 3 colunas. E o objectivo do site é que você configure a tipografia desse texto e visualize o resultado. Satisfeito com o resultado obtido, você pode obter o respectivo código CSS.
Você pode testar várias fontes, com tamanhos differentes e muitas outras opções CSS:
  • font-size, font-family, font-weight
  • color, background-color, white space
  • text-align, text-indent, text-transform
  • line-height, letter-spacing, word-spacing
  • font-variant, font-stretch, font-style
  • font-size-adjust, unicode-bidi, direction



typetester
http://www.typetester.org/
TYPETESTER
Você pode comparar 3 colunas de texto, com diferentes fontes e configurações de tipografia. Você determina a fonte e as configurações respectivas para cada coluna e poderá visualizar os resultados.
Depois de chegar a uma conclusão sobre a melhor fonte e configuração, você pode aceder ao respectivo código CSS.


csstypeset
http://www.csstypeset.com/
csstypeset

Tem 2 editores lado a lado. No primeiro, você escreve o texto que quiser. E no segundo visualiza o código CSS. Por baixo, você pode alterar a fonte e tem várias opções em termos de tipografia que você pode experimentar. E visualiza os resultados no primeiro editor onde você adicionou o texto.
Não tem a vantagem de você comparar lado a lado várias fontes e configurações, mas é simples de usar e o interface é agradável e funcional.


pxtoem
http://pxtoem.com/
PXtoEM

Converta px para em e em para px.


designerplaything
http://www.designerplaything.co.uk/designer-plaything.html
DESIGNER PLAYTHING

Recomendo esta ferramenta, dado que permite visualizar as suas opções de tipografia web num texto do tipo artigo dum blogue, com título e conteúdo.
Pode configurar várias opções para o título:
  • Headline font, Headline length
  • Headline case, Headline font size
  • Headline leading, Headline Kerning
  • Headline Tracking, Headline Justification
Em relação ao conteúdo do artigo, também pode configurar as seguintes opções:
  • Body font, Body font size
  • Body leading, Body Kerning
  • Body Tracking, Body Justification
Pode ainda configurar opções em relação ao própro artigo que você vai visualizar, com os resultados da tipografia que você escolheu:
  • Article Width
  • Number of Paragraphs
  • Set Paragraph Length
Tem ainda a vantagem de poder efectuar o download da aplicação para o seu pc e abri-la localmente no seu browser. Pode ainda enviá-la para um cliente ou colega para que ele possa testar e dar feedback.


colour contrast check
http://www.snook.ca/technical/colour_contrast/colour.html
Colour Contrast Check

É uma ferramente simples de usar. Você introduz a cor da fonte que pretende usar e a cor do background e a ferramenta vai informá-lo se o contraste é suficiente para permitir que o texto seja lido por alguém com alguma deficiência na visão de cores ou que esteja a utilizar um monitor a preto e branco.
Informa ainda se o contraste passa as recomendações da W3C sobre acessibilidade e nomeadamente a WCAG 2.0 contrast ratio formula.
Se você se preocupa com a acessibilidade do seu conteúdo web, esta é uma ferramente que você deve usar.


lipsum
http://www.lipsum.com/
LIPSUM

É uma ferramenta indispensável para webdesigners, que precisam de texto para testar os respectivos designs e não podem usar o texto que vai ser o conteúdo do website que estão a criar.
Assim, usam este tipo de texto, chamado Lorem Ipsum, que o website indicado gera:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fringilla pulvinar mauris, feugiat adipiscing lacus rutrum ut. Fusce eget quam dolor, eu dignissim arcu. Phasellus sit amet urna non sem gravida tristique. Nunc pulvinar tortor enim, non sollicitudin tortor. Nulla eu sem nec nisi venenatis aliquet. Maecenas rutrum metus at massa faucibus convallis gravida ipsum suscipit. Pellentesque tempor tempor risus quis sodales. Nulla lacus odio, molestie id bibendum quis, rutrum nec arcu. Ut pulvinar tempus venenatis. Sed eu felis erat, nec feugiat ipsum.
Você pode indicar o número de parágrafos, número de palavras, números de listas ou ainda o tamanho em bytes do texto a ser gerado por esta ferramenta.


htmllipsum
http://html-ipsum.com/
HTMLIPSUM

É uma ferramenta semelhante à LIPSUM. Gera texto Lorem Ipsum, mas com mais opções em termos de tipografia web. Acaba por ser uma ferramenta mais completa que a anterior por essa razão.
Pode copiar texto Lorem Ipsum dum parágrafo grande ou médio, duma única frase, de vários tipos de listas, dum artigo, dum formulário, duma tabela ou dum menu.


whatthefont
http://new.myfonts.com/WhatTheFont/
WhatTheFont

Já aconteceu você gostar duma fonte num determinado website e não saber o nome da fonte? Se você efectuar o upload duma imagem com essa fonte, no website WhatTheFont, vai saber quais são os nomes das fontes que mais se aproximam da fonte que está na sua imagem. Veja os resultados na imagem.


jon tangerine
http://jontangerine.com/silo/typography/p/
Jon Tangerine
Veja 12 exemplos de tipografia web que você pode usar num parágrafo.


typesites
http://typesites.com/
typesites

Trata-se duma galeria que apresenta websites com tipografia que os autores da galeria acham interessante. Mas, para além de apresentarem o website e a respectiva tipografia, os autores também fazem uma crítica da tipografia web usada.
Parece-me um recurso valioso, dado que os autores possuem um conhecimento especializado em fontes e tipografia. E é de leitura obrigatória para qualquer webdesigner que se interesse por tipografia.


typenavigator
http://typenav.fontshop.com/
TypeNavigator
O TypeNavigator é uma ferramenta que permite ao usuário procurar uma fonte, sem que saiba o respectivo nome, recorrendo apenas à memória visual que o usário tem da fonte que procura.
O usário responde a várias perguntas, onde as respostas são imagens de formas. O usário escolhe a forma que mais se aproxima da memória que tem da fonte que procura. E a ferramenta apresenta as fontes que correspondem às escolhas feitas pelo usuário.


fontifier
http://www.fontifier.com/
Fontifier
Esta ferramenta transforma a sua letra numa fonte que você pode usar. E funciona em 7 passos fáceis, embora o resultado final não seja grátis. O preço da fonte é $9 USD Dollars, que você pode pagar através de paypal ou cartão de crédito.
Os 7 passos:
  1. Imprima o template da Fontifier, necessário para você submeter uma amostra da sua escrita à mão.
  2. Nesse template, escreva à mão as várias letras do alfabeto e outros caracteres.
  3. Digitalize e guarde o template no seu pc.
  4. Faça o upload para o site da Fontifier e gere a sua fonte.
  5. Preveja e pague a fonte.
  6. Faça o download da fonte.
  7. Instale a fonte no seu computador para usar nos programas instalados no computador, como qualquer outra fonte.

domingo, 11 de março de 2012

Como achar uma FONT ?

Como faço pra achar uma fonte tendo um nome?

Fonte com nome composto: Exemplo Lucida BT

1- Vc vai no yahoo internacional http://www.yahoo.com e digita +Lucida +Bt (é importante que o sinal de + anteceda o nome da fonte) vai aparecer uma porrada de listas de fontes

2- Experimente digitar também nomedafonte.zip e nomedafonte.rar às vezes funciona


Eu tenho uma imagem e quero saber qual a FONT ?

1- Antes de sair por aí procurando ajuda, dê uma olhada pra ver se não é uma fonte comum, como arial, times new roman, garamond... Isso ajuda em muitos casos.

2- Se a imagem que vc quer é de um logotipo (exemplo, da SEGA, da Coca-Cola) procure diretamente por Sega.ttf ou coke.ttf Além disso saiba que existem sites que disponibilizam logotipos gratuitamente como o http://www.logotypes.ru (muitas vezes as pessoas querem fontes para reproduzirem logotipos famosos... Se esse for o seu caso, acesse o logotypes)

Nada Resolveu?

3- Envie a imagem para este site http://www.myfonts.com/WhatTheFont/ ele dirá com grande precisão qual a fonte utilizada na imagem. Se a imagem estiver muito poluída dê uma clareada, uma ampliada com um editor gráfico (como o Photoshop, por exemplo) e o site fará um reconhecimento dos caracteres presentes na imagem. (As vezes ele reconhece uma letra R outras vezes ele reconhece um U)

http://www.identifont.com/

4- tente o Site identifont.com vc vai "dizendo" as características da fonte e ele vai, a partir de várias perguntas, localizar a fonte mais próxima à citada por você. http://www.identifont.com/

sábado, 10 de março de 2012

Os melhores Sites de fonts para dowload

http://www.1001fonts.com/

1001 Fonts

Este site tem uma grande base com diversas fontes. Ele permite que você pesquise e visualize a fonte selecionada antes de realizar o download. Você pode baixar fontes para Windows e Mac OS X.<


http://www.1001freefonts.com/

1001 FreeFonts

Trata-se dum site com mais de 10 000 fontes gratuitas. As fontes estão organizadas por categorias e por ordem alfabética. A função de pesquisa é totalmente inútil, dado que apresenta resultados comerciais do fonts.com. Existe ainda uma opção interessante, que é o download de todas as > 10 000 num único arquivo. Esta opção tem um preço: $19,99 USD.
  • Plataforma: PC e Mac
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Sim 



http://www.abstractfonts.com/

AbstractFonts

 Oferece mais de 13 000 fontes grátis. Para aceder às categorias, basta clicar em categories, no menu horizontal. Tem também a opção de visualizar as fontes mais recentes e mais populares. Pode visualizar as fontes por ordem alfabética e pelo nome do respectivo designer. Se procura fontes gratuitas, não use a função de pesquisa. Também retorna resultados comerciais. O site indica como categorias populares: Random 1,000, Normal-Serif, Normal-Sans, New Fonts, Letter A, Calligraphy, Handwriting e Art Deco.
  • Plataforma: PC e Mac
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Sim



http://www.acidfonts.com/

Acid Fonts

 Na barra lateral do lado direito, poderá visualizar as fontes por categoria, incluindo as mais recentes e pelo nome dos respectivos designers. A pesquisa retorna anúncios de fontes comerciais…
  • Plataforma: PC e Mac
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Sim



http://www.actionfonts.com/

Actions Fonts

A pesquisa funciona! A pesquisa funciona! O menu das categorias e da navegação por ordem alfabética é o destaque do site. No menu horizontal, é possível visualizar as 100 fontes mais populares e as fontes mais recentes.
  • Plataforma: PC
  • Previsão Personalizada da Fonte: Não
  • Organizado Categorias: Sim



http://betterfonts.com/

Better Fonts

O site oferece uma opção para você efectuar o download das 500 fontes mais populares num único arquivo, desde que pague o preço de $2,77 USD. Permite navegar por ordem alfabética. A opção por navegar por categorias está um pouco escondida. Aprece logo a seguir às letras do alfabeto: Categories. Do lado direito, pode clicar na opção “Change Preview Text” para personalizar a previsão da fonte.
  • Plataforma: PC
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Sim



http://www.creamundo.com/

creamundo.com

Este site não organiza as fontes por categorias. Apenas por ordem alfabética. No entanto, a pesquisa funciona, ao contrário do que acontece com outros sites, que apresentam anúncios de fontes comerciais nos resultados da pesquisa. No menu, na opção “Descarga todas las fuentes”, é possível efectuar o download de todas as fontes duma só vez, mas como é norma nestes sites, essa opção tem um preço, que no caso do creamundo.com é €6,50 EUR.
  • Plataforma: PC
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Não



http://www.discoverfonts.com/

Discover Fonts

Tem uma variedade muito grande de fontes. No menu na barra lateral do lado esquerdo, é possível visualizar as fontes por categorias. Aparece o número de fontes disponíveis em cada categoria. Na página inicial, apresenta a fonte do dia e as 20 fontes mais populares.
  • Plataforma: PC e Mac
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Sim



http://www.fontcubes.com/

Font Cubes

Na página inicial, apresenta as 10 fontes mais descarregadas do dia. O interface da navegação por categorias está destacado no site. No header, aparece a navegação por ordem alfabética. No topo, no menu horizontal, é possível aceder às fontes mais populares, mais recentes e pelo nome dos respectivos designers.
  • Plataforma: PC e Mac
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Sim



http://www.fontparadise.com/

Font Paradise

Na barra lateral do lado esquerdo, há um menu de categorias, onde é possível visualizar as fontes organizadas por diversas categorias. Por baixo, pode aceder às fontes por ordem alfabética. É possível também efectuar o download de 2800 fontes num único arquivo, pagando como é habitual um preço: $4,95 USD. O site está cheiro de publicidade estilo pop-up.
  • Plataforma: PC
  • Previsão Personalizada da Fonte: Não
  • Organizado Categorias: Sim



http://pt.fontreactor.com/

Font Reactor

O interface de navegação pelas diversas categorias aparece em destaque no site. Pode aceder por ordem alfabética e ainda às fontes mais recentes, mais populares do dia, mais votadas e mais comentadas. A pesquisa funciona, para variar.
  • Plataforma: PC
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Sim



http://www.fonts101.com/

fonts101.com

Na barra lateral do lado esquerdo, aparece a navegação por categoria. Existem muitas categorias e é possível visualizar o número de fontes disponíveis por categoria. No menu horizontal no topo, é possível aceder às fontes mais populares. Tem também um fórum, onde é possível debater fontes com outros webmasters e até pedir ajudar.
  • Plataforma: PC
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Sim



http://www.fontspace.com/

Font Space

O site tem mais de 13 000 fontes grátis. Tem muitas categorias. Se clicar em Bowser, no menu horizontal no topo, poderá aceder às fontes por categoria, por ordem alfabética, pelo nome do designer e pelo respectivo ano. Se clicar na opção Popular, nesse menu, poderá ver as 1000 fontes mais populares. Tem ainda a opção das fontes mais recentes, para ver as novidades. É possível ainda comentar sobre uma fonte e ler comentários doutros usuários.
  • Plataforma: PC
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Sim



http://simplythebest.net/fonts/

Simply the Best Fonts

O destaque do site é o menu com as categorias. As fontes estão bem organizadas por um número elevado de categorias. Também é possível visualizar as fontes por ordem alfabética. Tem uma colecção muito grande de fontes.
  • Plataforma: PC e Mac
  • Previsão Personalizada da Fonte: Sim
  • Organizado Categorias: Sim




http://www.urbanfonts.com/

Urbanfonts

Este site tem mais de 8.000 fontes grátis para você escolher. Você pode pesquisar o tipo de fonte, visualizar a fonte selecionada na mesma janela e fazer o download do arquivo fonte. O arquivo da fonte vem com toda a família desta, assim, você não precisa baixar outros arquivos para completar a fonte.


http://www.dafont.com/

Dafont

Esse não é macaco gordo mas já me quebrou muito galho, é um velho amigo de guerra. Neste site encontrar uma fonte é muito fácil. Os arquivos fonte são dispostos categoria de maneira tão bem organizada, que você pode escolher uma categoria e selecione o tipo a partir dele. Também é possível visualizar um tipo de fonte instantaneamente e baixa-lá. Este site oferece mais ampla gama de estilos fonte.


http://www.searchfreefonts.com/

Searchfreefonts

Este site tem mais de 13.000 fontes grátis para download. Todos os arquivos fonte estão separados em categorias o que facilita muito na hora de escolher alguma fonte. Depois de ter selecionado o tipo de fonte que deseja, você pode visualizar e realizar o download.

25 Sites de imagens

Hé sempre bom saber escolher boas imagens para seu projeto, minha sugestão é que depentendo do Cliente deve-se comprar as melhores imagens.


http://www.sxc.hu/

1 Stock Xchng

Uma galeria extremamente famosa com mais de 350.000 fotos de alta qualidade feitas por mais de 30.000 fotógrafos. Também pode ser usado para divulgar nossas imagens, assim como consultar um fórum dedicado aos autores das imagens.



http://www.dreamstime.com/free-photos/

2 Dreamstime 

Mais de 9 milhões de imagens gratuitas (e algumas à venda). Se é fotógrafo pode vender suas fotos ganhando entre um 30 e 60% da comissão.



http://www.stockvault.net/

3 Stockvault.Net

Podemos fazer o download das fotos de forma gratuita sem necessidade de cadastro. Também tem uma área de compra e venda.



http://www.photoxpress.com/

4 PhotoXpress

Podemos baixar uma foto cada dia sem realizar cadastro, 5 se fazemos um cadastro básico e 10 se realizamos um cadastro completo.



http://www.everystockphoto.com/

5 Everystockphoto

Busca em vários bancos de imagens gratuitos, sendo um buscador semelhante ao famoso Veezle



http://www.freephotosbank.com/

6 Free Stock Photos Bank

Semelhante ao Stock Xchng, onde designers podem escolher entre uma enorme quantidade de imagens em alta resolução, sem necessidade de cadastro.



http://www.freedigitalphotos.net/

7 Free Digital Photos

Podemos obter imagens de resolução média de forma gratuita, pagando para as de mais qualidade e colocando sempre um link ao banco de imagens.



http://www.morguefile.com/

8 Morguefile

Um dos mais famosos da categoria. Podemos fazer o download sem necessidade de cadastro.



http://www.public-domain-photos.com/

9 5000 Free Stock Photos

5000 fotos gratuitas e 8000 cliparts completamente grátis



http://www.unprofound.com/

10 Unprofound

Criado por um designer e colaboradores responsáveis pelas fotos mostradas. Recebem doações de todas as partes do mundo.



http://freerangestock.com/

11 Freerangestock

Depois do cadastro podemos fazer o download de tantas fotos como desejemos. Podemos contribuir com nossas obras.



http://www.lomography.com/photos/

12 Lomography

Especializado em fotografia artística, usando câmeras velhas e cores diferentes.



http://imagebase.davidniblack.com/

13 Imagebase

Sem necessidade de cadastro e com muitas categorias para escolher o material desejado.



http://www.pixelperfectdigital.com/free_stock_photos/

14 PixelPerfect

Podemos fazer o download do material e entrar em contato com os artistas, assim como comentar cada fotografia.



http://www.cepolina.com/freephoto/

15 Cepolina Photos

Podemos obter as fotos que queiramos, mas sempre devemos indicar o link do banco de imagens correspondente.



http://www.photorack.net/

16 PhotoRack

Muito bem classificado por assuntos, sendo muito simples encontrar o material necessário.



http://www.abstractinfluence.com/forums/gallery/album.php?album_id=2

17 Abstract Influence

Fotos em várias resoluções que podem ser obtidas sem necessidade de cadastro.



http://www.freemediagoo.com/

18 FreeMediaGoo

Fotos, arquivos flash e de audio. Sem muita quantidade, mas com boa qualidade.



http://www.freepixels.com/

19 FreePixels

4000 fotos de alta resolução sem necessidade de cadastro.



http://www.imageafter.com/

20 ImageAfter

25.000 imagens e texturas grátis para uso comercial e pessoal. Sem necessidade de cadastro.



http://www.freeimages.co.uk/

21 FreeImages

Enorme quantidade de imagens que podemos obter sempre que seja feita a referência com um link.



http://interartcenter.net/

22 interArtCenter

Tem imagens e modelos em 3D, assim como animações em Flash. Não é necessário cadastro.



http://openphoto.net/

23 Openphoto

Uma coleção de mais de 15.000 fotos disponíveis para download gratuito.



http://www.photorogue.com/

24 Photorogue

Uma ideia original onde podem pedir a necessidade de uma imagem qualquer esperando que algum fotógrafo voluntário a faça e a disponibilize no site.



http://woophy.com/photo

25 Woophy

Fotos localizadas geograficamente. Não podem ser usadas comercialmente.






Postagens populares