Quando se cria um blog não pensamos muito no layout que queremos usar, queremos mesmo é escrever e mostrar nosso conteúdo para o mundo seja ele bom ou não, a não ser que você já trabalhe com design e saiba que é extremamente importante ter um layout que possa dar ao seu blog/site as características corretas.
Quando estamos pensando em criar um layout para um blog ou site, temos que definir diversos aspectos antes mesmo de começar a desenhar ou meter a cara no código, não podemos criar por criar, sem definir conceitos. Se fizermos isso nosso layout não ficará bom e assim ficaremos trocando sempre, fazendo assim, seu blog perder as características.
Uma dica que tenho a vocês é: não use templates da web (perdi minha chance de ter anunciantes deste tipo, mas enfim). Não tenho nada contra quem usa ou algo do gênero, eu até entendo que compensa mais ter um template que você pagou 10 dólares ou até que não pagou nada do que ter que contratar um webdesigner, que é certamente mais caro, mas se você usa um template baixado ou até comprado você corre risco de ter apenas alguns milhares de blogs com o mesmo layout que o seu e acho que você não quer isso (mas se quer, vá em frente).
Seu blog fala sobre o quê?
Você sabe sobre o que seu blog fala e em qual nicho ele se encaixa? Ótimo. Isso é um passo importante, pois se seu blog trata de um assunto sério e mais formal não podemos deixá-lo todo colorido, e vice-versa, se seu blog é de humor você tem que dar uma animada nele, mas quando digo animada não digo para usar muitas cores e nem muitas fontes em seu texto, apenas um toque de diversão a mais.
Um exemplo de layout que faz um ótimo contraste com o assunto que trata é o Ferramentas Blog, do Marcos Lemos. Layout desenvolvido por Cláudio Sanches.
Quando esta parte do nicho de seu blog é definida o próximo passo é definir os conceitos, e é isso que irei falar agora.
Por que devo definir conceitos?
Com disse na introdução, é importantíssimo definir conceitos antes de criar seu layout, para que ele não fique sem sentido e com poucos sentimentos. Vocês podem achar que estou falando besteira, mas o sentimento dentro de um projeto é extremamente importante, um projeto no vaco, como podemos falar, é um tiro no pé se você quer que seu blog cresça e que tenha uma maior relevância.
Se conceitos forem aplicados seu projeto terá um peso a mais, pois quando alguém perguntar “quais conceitos que utilizou para criar este layout?” você terá uma boa resposta, repleta de sentimentos e detalhes sobre aquele projeto que criou, fazendo assim, um resumo destrinchado de seu projeto.
As cores...
O enigma das cores: quais definir? Qual se encaixará melhor em meu layout? Será que esta cor será muito forte para uma tela? E o contraste? Nossa, quantas perguntas. Mas vamos lá. Então, quando alguém me diz “ei kelvin, dá uma olhadinha aqui no meu layout e vê se tá bom, rapidin, rapidin”. Eu olho e digo o que estou vendo, sempre sou sincero, por isso muitas vezes as pessoas ficam p**** comigo, mas é normal, já me acostumei.
Cores é algo muito pessoal, você certamente gosta de tal cor e ninguém pode mudar isso, por este mesmo motivo não posso indicar cores. Eu, por exemplo, gosto de layouts mais cleans e minimalistas, amo branco, mas uma corzinha no layout é sempre boa. Devemos sempre trabalhar com o contraste (aliás, já tratei isso aqui no blog, leia) para que seus leitores tenham um interesse em ler seu conteúdo, mesmo que o conteúdo não esteja bom a legibilidade é importantíssima.
O posicionamento
Outra questão que é sempre abordada entre os blogueiros (participe do grupo de blogueiros) é o posicionamento dos elementos das páginas. Muitos blogs utilizam o conteúdo a esquerda e a sidebar à direita, mas isso não quer dizer que você deva seguir este padrão, seja ousado, mude, se diferencie dos demais. Mas isso também não quer dizer que você deve utilizar a sidebar do lado esquerdo e o conteúdo do lado direito, é apenas uma dica, que pode ser seguida se você achar melhor.
Quais linguagens utilizar?
No momento a internet está sofrendo muitas mudanças, do nada os sites começaram a ficar bonitos e interativos, sabe por que do nada? Há uns 7/8 anos a internet era cinza, sem cor, morta, dificilmente víamos sites bonitos (existiam?) e podemos dizer que esta grande rede de computadores interligados a internet evoluiu muito rápido, os sites ficaram muito bonitos, com cores chamativas, etc.
Mas enfim, a dúvida é sobre as linguagens, o que posso dizer é, aposte nas linguagens que estão surgindo e mudando a web, no caso HTML5 & CSS3, mas claro que não só estas duas, Javascript, PHP e outras podem entrar nesta lista, veja a que pode melhor atendê-lo e usufrua.
Enfim, galera. Acho que muitas dicas ainda podem ser dadas, como o artigo ficou um pouco extenso vou ficando por aqui, mas ainda teremos muitos artigos relacionados com este, adoro este assunto e voltarei com ele. Se vocês acham que falei alguma besteira ou querem complementar informações deixem nos comentários, lerei todos e assim que puder reponderei. Abraços e até mais.
Desde que o nosso blog foi ao ar o conceito era “inspirar designers”, mas depois de um ano fizemos algumas mudanças em nosso conceito, que agora é “instruir, inspirar e divertir”, por isso nossos artigos irão abordar assuntos mais teóricos, mais instrutivos para você que é leigo ou que pretende se aprimorar mais.
E já se baseando neste novo conceito, hoje irei abordar um assunto que muitas pessoas têm dúvidas, que é “como criar meu cartão de visitas?”, mas dentro deste assunto existem vários tópicos que também abordaremos aqui. Alguns destes tópicos são: “o que eu devo colocar no cartão?”, “o que não tem tanta importância?”, “quais cores eu posso utilizar?”, “quais tipografias eu posso utilizar?”, “que formato utilizar?”, dentre outras perguntas.
Um tipo de cartão para um tipo de profissional
Primeiramente devemos saber qual carreira você segue, pois temos carreiras mais sérias como, por exemplo, advogado, mas se você tiver seu próprio escritório e for uma pessoa extrovertida e liberal (na minha opinião) não há problema de ter um cartão mais criativo e quem sabe um pouco mais colorido?
Mas mesmo você sendo um profissional mais liberal, devemos tomar alguns cuidados. Levando em conta que você é um advogado, não é tão legal você ter um cartão muito cheio de cores, curvas e “firulas”, na verdade, é legal, mas não aconselhável.
Tente imaginar: você está em uma festa, conversando numa roda de colegas/amigos que você não vê há anos, você lógico, entrega um cartão para este seu amigo de infância, ele olhará seu cartão todo colorido e bonito, ficará deslumbrado, claro, mas quando olhar sua profissão abaixo de seu nome verá advogado, talvez ele não fale nada, mas pode ter pensado que você estivesse em uma carreira completamente diferente.
Por isso, vamos pensar um pouco antes de criar a arte e levar em consideração com o que você trabalha, se sua profissão é séria, você precisará de um cartão mais sério e formal. Não estou dizendo que você deve ter um cartão formal, pois cada um escolhe a cor/forma que tem mais haver consigo, mas um cartão formal seria muito mais interessante para a carreira que vos segue.
Quais informações devem estar em seu cartão?
Algumas informações são importantíssimas em um cartão de visitas, mas outras não precisam ser postas lá, para não ocupar espaço e fazer a pessoa que receber o cartão simplesmente olhar e jogar fora, devemos utilizar menos informações só que estas poucas informações devem ter mais relevância, isso fará a pessoa ler todo o breve conteúdo do cartão sem ela mesma querer ler, mas isso depende também do layout, das cores e do contraste aplicado. Veja abaixo uma lista do que é importante conter em um cartão de visitas, no caso, o seu.
Nome: seu nome deve estar sem dúvida no cartão, afinal é seu cartão, pois se você entrega o cartão para alguém desconhecido, a primeira coisa que a tal pessoa irá ler é seu nome, ou você pretende que ele pergunte seu nome com se cartão na mão?
Profissão: um dos itens mais importantes, se não for o mais importante é a sua profissão, este elemento deve ir abaixo de seu nome informando o que você faz, para quando alguém pegar seu cartão e ler, poder saber se você pode ou não ajudá-la em algo, se a pessoa está precisando de um ilustrador e perceber que você é um ilustrador, com certeza entrará em contato na hora para poder fazer um orçamento, mas se você for, por exemplo, um advogado e no momento ela não está precisando de um, talvez não jogue fora, talvez guarde seu cartão para quando precisar de um advogado, ou, para indicar a amigos e familiares que precisam de um serviço similar, entretanto, se em seu cartão não estiver especificado que serviços você presta é quase certeza de que jogue seu cartão fora, pois a pessoa não irá ligar só para perguntar o que você faz.
Telefone: um elemento que faz toda a diferença no cartão, o telefone, esta é uma das formas imediatas da pessoa entrar em contato com você, pois hoje em dia todos têm telefones celulares nos bolsos, se a pessoa está na rua com um cartão seu, e precisa de um serviço imediato, como por exemplo, um chaveiro, ela irá ligar para você e não esperar para chegar em casa para mandar um e-mail.
E-mail: outro tipo de contato importante, só que secundário, mesmo sabendo que nos smartphones tem como mandar e-mails, a forma mais fácil (em minha opinião) é telefonar, mas isso depende de cada um, tem gente que acha melhor escrever invés de telefonar, por isso e-mail também é importante e não podemos deixá-lo de fora.
Site/blog/portfólio: muitos acham um link para a web importante para se adicionar em um cartão, mas outros não ligam para isso, vai de cada um e de que tipo de serviço você faz. Se você é designer, ilustrador, fotógrafo, etc. E quiser colocar um link para seu portfólio no Behance, Flickr, DeviantART, é legal para a interação do público mais ativo nas redes, mas não é obrigatório ter.
Endereço: um elemento importante, mas depende do caso, se você tem um escritório é importantíssimo você colocar o endereço do mesmo no cartão, mas se você é freelancer e trabalha em casa não é legal ficar disponibilizando seu endereço residencial para qualquer pessoa.
O que não precisa estar no cartão?
Do mesmo jeito que há elementos que não podem faltar em seu cartão, há elementos que não precisam estar no mesmo, como disse no tópico anterior, quanto menos informações melhor, pois num cartão de, por exemplo, 9x5cm não é confortável enchê-lo de informações “inúteis”. Se você é um designer gráfico, por exemplo, não precisa colocar no cartão que faz: banners, folders, cartões de visitas, logotipos, etc. Só diga que é designer gráfico, indique seu portfólio, site ou blog para que as pessoas possam acessar e lá ver que tipo de trabalhos presta no ramo de design gráfico.
Como criar meu cartão?
Depois destes tópicos acima, você já deve ter feito uma anotação ou um esboço de como quer seu cartão de visitas, então vamos para a prática. Muita gente pergunta quais são os softwares que eu utilizo para fazer os tutoriais, vídeos ou até mesmo quais eu utilizo em casa para trabalhar. Então, isso depende muito do gosto de cada um e de qual software você tem mais costume, antes de começar a escrever este artigo estive pesquisando um pouco sobre e vi que tem alguns vídeos ensinando você a fazer seu cartão de visitas até no Microsoft Word, não sei se é confortável, mas acho que não, porque nem para escrever nele eu gosto muito, imagine para criar cartões.
Os programas que eu recomendo e utilizo são, o Adobe Photoshop e o Adobe Illustrator, mas você consegue fazer também no Adobe Fireworks e no Corel Draw, um software bem conhecido, mas que não me agrada e que eu não acho confortável de trabalhar. Mas se você está começando agora, indico o Corel Draw, pois ele tem diversos tutoriais na internet que certamente lhe ajudarão. Abaixo listei alguns pontos para você começar a criar seu cartão de visitas:
A orientação: Quando nós procuramos alguns posts de inspiração, vemos que a criatividade faz com que os designers criem diversos tipos de cartões, com diversas formas, isso me deixa boquiaberto e creio que vocês também, mas o tipo de cartão que é mais visto é o horizontal, mas não se faça de rogado, tenha imaginação, criatividade e liberdade para criar seu cartão, e utilize estes conceitos para deixar seu cliente “LOUCO”, no bom sentido, claro, quando receber seu cartão.
As cores: antes de criar qualquer coisa, você deve estudar, pelo menos, o mínimo da psicologia das cores, para não ter um resultado bizarro, mas se você tiver um bom senso já é o suficiente. Como disse no começo do artigo, temos que escolher um cartão para um tipo de profissão, não seja tímido com sua criatividade, mas também não se abra, pois pode fazer besteira.
O uso da tipografia correta: escolher a tipografia certa é um passo importante, mas complicado, do mesmo modo que você deve agir com o uso das cores, você deve agir com o uso da tipografia. Se você escolher a tipografia certa na ocasião certa, é quase certeza de sucesso, uma boa tipografia é aquela que faz um bom contraste e que faz as pessoas lerem sem mesmo querer ler, mas como disse em outros artigos aqui no blog, o contraste na tipografia e no layout em si é a parte mais divertida do projeto, se você souber usá-lo, claro.
O tamanho e o papel: esta parte do tamanho e a dos tipos de materiais utilizados na confecção não tenho muito a dizer, pois nunca trabalhei em gráficas e nem se quer com estes tipos de materiais, mas uma coisa posso dizer, o tamanho “padrão” e que é mais utilizado é o retangular 9x5cm, na minha opinião é um ótimo tamanho, pois cabe na mão e se utilizado bem os pontos passados anteriormente ficará ótimo.
Linhas de corte: as linhas de corte, mais conhecidas como “área de segurança” é uma parte muito importante da criação de seu cartão, pois você não quer perder nenhuma informação quando você mandar sua arte para gráfica, por isso a área de segurança que eu e muitos designers utilizamos é de 3 a 5 milímetros da borda para o centro, sempre.
Conclusão
Não seja tímido, inspire-se e crie, o mundo do designer é assim, quando você está criando nada pode te impedir, a ideia está em sua cabeça, por isso, se achar melhor daquela forma, faça, não deixe que artigos como este que dão dicas impeça sua criatividade e imaginação de agir. Crie, apenas crie.
Diversos artigos desta imensa internet utilizei como referência, abaixo cito os links dos mesmos que me inspiraram e que me fez fazer este grandioso artigo de quase 1.800 palavras:
Este artigo ficou extremamente extenso, e olha que não deu para falar tudo que eu queria, mas ao menos consegui passar a vocês a parte da criação, espero que este artigo possa ter tirado aquele ponto de interrogação das vossas cabeças, se gostou curta e compartilhe, abraço e até mais.
Você como webdesigner deve estar ciente, site é para os usuários e não para seu cliente (pessoa que contratou você webdesigner). Você pode fazer o mais belo layout, a melhor programação e o mais profissional site para agradar seu cliente, mas depois de certo tempo toda essa gratidão e sorriso de orelha a orelha, vai se tornar em reclamação e seu cliente está com a razão! Você errou.
Um bom profissional web sabe, site é para os usuários e não para o cliente. Do que adianta todo um projeto, se o foco está incorreto, não vai chegar a lugar algum. Sempre pense em que vai acessar e não siga os “gostos” do seu cliente, se esses forem contraditórios aos que a sua pesquisa aponta.
Para alcançar o pico da montanha, o aventureiro conhece seu equipamento, sua capacidade, seus limites e como chegar lá. Você webdesigner tem que seguir os mesmos princípios: Conhecer o ramo do seu cliente, saber quem frequenta e/ou precisa dos serviços dele e aí sim, traçar o objetivo. Lógico que não somos obrigados a conhecer exatamente todos os ramos, mas se contratado para desenvolvimento do projeto, precisa buscar essas informações através de: pesquisas, enquetes, observações, etc... Com tudo isso em mãos e com o foco nos clientes do seu cliente, acerta o alvo.
Com toda a certeza as pesquisas tornam o projeto extenso, mais trabalhoso e cansativo. Pare, pense, antes tudo isso no começo, e um “final feliz” para ambos ou um “final triste” e estressante, seja para você ou seu cliente.
Então seja um profissional, mas aquele que se preocupa com seu nome, com a internet, com os clientes e principalmente as pessoas que vão usufruir dos benefícios de um site.
Os dois últimos posts sobre as relações tipográficas (concordante e conflitante), foram apenas dois posts, pois o melhor artigo das três relações é este. Criar a concordância é fácil, já o conflito é indesejável mas também é fácil e o contraste é a parte divertida do design, se você souber criar um bom contraste o olho do leitor/usuário será puxado para aquela parte marcante.
A tipologia é uma das melhores formas de se passar uma mensagem, claro, as pessoas saberão o que você quer passar lendo sua mensagem, mas dependendo da mensagem desenhos podem vir a passar as mensagens, como os pictogramas, mas este assunto será adequado em outro artigo.
Neste exemplo, a parte "Viva intensamente" foi claramente criado com outra tipografia, com uma linha mais forte para dar um contraste e chamar mais atenção.
Antes de levar em consideração este simples exemplo, peço que estude tipologia para que o contraste não fique só no contraste, pois não adianta nada você criar um bom contraste de cores com uma fonte que não faz um bom contraste, repense, estude e divirta-se!
Podemos dizer que a relação conflitante é quando você usa duas ou mais fontes parecidas em uma única página, se você utiliza diversas fontes parecidas em uma mesma página, muitos de seus leitores podem (e devem) achar que é um erro.
No exemplo acima a frase foi escrita com quatro fontes, para alguns não há diferença, mas compare letra por letra e verá as diferenças. As fontes que utilizei no texto acima são:
Helvetica (Laranja)
Arial (Azul)
Calibri (Verde)
Microsoft PhagsPa (Vermelho)
O que podemos dizer é que, quando você utiliza diversas fontes/elementos similares em uma única página, a mesma ficará sobrecarregada e até desconfortável para ler. Por isso o conflito deve ser evitado, pelo bem da harmonia de sua página e de toda a identidade visual.
Como foi dito no artigo anterior, a relação concordante é aquela que utiliza somente uma fonte e outros elementos que criam a concordância com as qualidades daquela mesma fonte; utilizando a formatação itálica da mesma fonte e até um tamanho maior, mas ainda teremos uma relação concordante.
Sempre que decidimos usar a relação concordante em nossos designs, já pensamos em manter a calma e formalidade na página. Quando você vai criar uma página em concordância você já tem que estar consciente com esta certa... Formalidade. Se não é isso que quer, esta relação não irá lhe satisfazer.
Este exemplo concordante foi diagramado na fonte Helvetica. Podemos ver diversas diferenças, palavras maiores em negrito (Helvetica Bold) e outras palavras em itálico (Helvetica Oblique), mas todo o texto esta criando uma concordância com uma aparência suave e formal.
O que podemos tirar disso é que você pode sim criar sua página com um bom visual com a relação concordante, entretanto ela pode se tornar muito certinha e se você gosta de um design mais despojado, este estilo não irá lhe agradar. Mas também temos que ver que, você não pode criar um ambiente despojado para uma página que tem um estilo mais formal, se você fizer isso ficará um quanto engraçado.
Espero que vocês tenham entendido e gostado, em nosso próximo artigo iremos tratar da relação conflitante, com alguns exemplos e firulas a mais. Até mais!
Ah... E foi bom voltar a escrever, depois de algum tempo.
A escolha da tipografia é sempre a mais complicada, escolher a fonte certa para a ocasião certa. É o mesmo princípio que escolher uma roupa para um tipo de festa, você não quer parecer certinho, mas também não quer parecer relaxado, claro. Com base na pergunta abaixo irei produzir este artigo e (tentar) tirar os pontos de interrogação da cabeça de milhares de pessoas.
Usar uma só fonte, duas ou fazer um verdadeiro carnaval em sua página? Eis a questão.
Também é importante ressaltar que me baseei no livro “Design para quem não é Designer” para criar este artigo, outros artigos também já foram escritos com base neste incrível livro da escritora Robin Williams.
Vai de pessoa para pessoa, tem gente que acha que utilizando uma só fonte para sua página já é mais que necessário. Para outras o objetivo é ser diferente, colocando diversos tipos em sua página a mesma ficará muito mais legal e divertida. Em minha opinião, o certo é ter um equilibro, “não é bom viver do oito ao oitenta” (como já dizia minha mãe).
Sempre que utilizamos mais de um em qualquer coisa, passamos a estabelecer uma relação dinâmica. Nossas páginas são “sempre” dinâmicas, pois temos títulos, subtítulos, seções e outros elementos que quando formatados ficam diferentes e assim dinâmicos. Nessa dinâmica em nossas páginas, é estabelecida mais uma relação que pode ser concordante, conflitante ou contrastante.
A relação concordante acontece quando utilizamos apenas uma família de tipos, com poucas formatações, tamanhos, estilos etc. Com esta relação é fácil fazer sua página ficar organizada e em harmonia, mas com certeza ela não terá um layout deslumbrante.
A relação conflitante acontece quando abusamos das fontes, estilos, tamanhos, pesos etc. Não é uma boa de ser ver, pois a quantidade de elementos à torna desconfortável, ela não tem um visual parecido (concordante), mas também não tem um visual diferente (contrastante), por isso ela cria um conflito.
A relação contrastante acontece quando combinamos os elementos da página. Fazendo assim seu layout ter uma aparência bonita e confortável para se ler. Com este contraste em sua página certamente fará com que a mesma chame a atenção dos leitores. Esta relação seria o equilíbrio como disse para vocês no começo deste artigo.
Este artigo foi apenas uma explicação teórica, em breve (assim espero) irei explicar para vocês com imagens e também citando tipos, espero que todos tenham gostado, até mais!
Está precisando de inspiração? Hoje trago diversas dicas para você se inspirar, pois, na verdade um webdesigner sem inspiração não é nada, se você não tem criatividade não vai adiantar querer sem um webdesigner bem-sucedido, por isso inspire-se com as seguintes dicas.
Fique Gelo
Todo mundo sabe que de cabeça cheia ou por livre e espontânea pressão ninguém consegue realizar nada com qualidade ou que seja, de certo modo proveitoso, por esse motivo aconselho que você procure fazer o que gosta: uma trilha no mato, andar de bicicleta, ir tomar aquele banho de rio, ou seja, se junte a natureza. SOMENTE APÓS realizar algum desses passeios continue a Ler.
Saiba o que realmente vai fazer
Antes de começar a desenvolver um layout ou mostrar para o cliente como “vai ficar” seu site, pergunte tudo o que ele vai colocar no site, de idéias mostre sites parecidos ao final é mais do que provável que já tenha imaginado algo.
Elaborando layout
Nessa altura do campeonato busque por fontes que demonstre o que você pretende passar ao usuário do site, hoje em dia com o Google fontes se tornou muito fácil esse procedimento. Trabalhe alternativas de cores interagindo com o logotipo do cliente mais não se esqueça de deixar simples e leve, lembre-se um site com muitas firulas deixa o usuário confuso.
E também de uma olhada nesses sites de inspiração:
Muitas pessoas acham que o conteúdo tem de vir em primeiro lugar, concordo, mas não podemos nos esquecer do layout, pois é a parte que nos conforta e nos faz sentir em casa.
Primeiramente devemos ter um layout claro e limpo que possa dar relevância ao conteúdo, e não ao banner piscante do topo.
Se você tem um layout com muitas cores, firulas ou passarinhos do twitter voando pela página é capaz de desconcentrar as pessoas que estão lendo seu blog e assim perder visitantes, e fazer sua taxa de rejeição subir como se não houvesse o amanhã.
Tente desenhar bem o layout, definir os conceitos dele e assim pensar o que quer atingir com ele (leitores ou um banner piscante?).
Agora tente se colocar no lugar do leitor, entrando em seu blog, tentando ler um artigo e ver um passarinho voando pela página, eu acho que estamos na internet e não no bosque da Chapeuzinho Vermelho.
Por isso no próximo layout que você fizer tente pensar nos outros, pois as pessoas não tem o mesmo gosto que você.
Pensando nos seus leitores você também ganha.
Apenas quis dar algumas dicas com este breve artigo, foi pequeno pois estou escrevendo pelo smartphone (deitado na cama), não foi nada confortável para mim, mas enfim, pensem no artigo e que em seu próximo layout vocês possam pensar mais nos leitores de seu blog, abraços e até mais.
Se você deseja ser webdesigner, tenho certeza que quer ser um ótimo webdesigner e com estas dicas que separei tenho certeza que você irá começar na carreira bem instruído, ou se você já é webdesigner, você poderá melhorar com estas dicas.
Hoje em dia todos querem se tornar um webdesigner, é razoavelmente fácil, pois existem inúmeros tutorias e vídeo aulas espalhados pela internet. Mas será que só isso faz com que a pessoa saiba realmente desenvolver um site? Abaixo vocês podem ver três tópicos que irão te ajudar na fase de aprendizagem:
Estudo teórico
Primeiro você precisa conhecer sim a teoria para aplicar na prática assim como: cores, fontes, diagramação etc. Varias vezes perguntei para a pessoa qual era a cor do amor e ela me respondeu "VERMELHO", só que vermelho é a cor da paixão, já o ROSA é a resposta correta.
Estude o significado das cores, o que cada cor passa para quem está olhando, estude fontes adequadas para site de banda, site de jornal, site de imobiliária, estude diagramações corretas de layouts, duas colunas, três colunas, com ou sem sidebar.
Fazer um planejamento antecipado é mais do que aconselhável, como por exemplo, saber o porque do search (caixa de pesquisa) ali, no topo do site. Procure ter o porque de tudo que está e onde está no site que vai desenvolver caso seja preciso pesquise sites similares e entenda a diagramação dele, e faça um briefing completo, não sabe o que é briefing?
Tempo: super importante você reservar um tempo todo dia para desenvolvimento do site, mas não exagere, você precisa de idéias novas e criatividade, sempre é bom ter algum diferencial dos outros sites.
Cronograma: formule um cronograma o qual deve seguir durante a criação do site marcando as etapas já cumpridas. Saber o que deverá ser feito e o que já foi realizado é muito bom no processo de criação de um site.
Treinamento: todo mundo sente dificuldade em fazer alguma coisa e saiba que no começo nenhum webdesigner tinha conhecimento de tudo, então quanto mais você fazer e refazer vai reter aprendizagem.
Profissionalismo
Para se tornar um webdesigner profissional você não precisa só de estudo, planejamento, tempo, seguir cronogramas e treinar muito. Você precisa conhecer seus clientes os quais deve ter o tratamento da melhor forma possível.
Seguir o cronograma e cumprir corretamente os prazos estabelecidos deve ser sua lei principal, como você não gosta de comprar algo o qual deve chegar dali cinco dias e chega em um mês, seu cliente também não vai gostar de ser “enganado”.
Mostrar o que está fazendo com relatórios mensais ou até mesmo semanais a seu cliente é muito bom, demonstra profissionalismo, e como está sendo realizado o desenvolvimento do site demonstrando que o valor pago é mais do que justo.
Realizar sempre reuniões podendo ser até mesmo para a entrega dos relatórios e aproveitando para conhecer seu cliente e o que a empresa dele busca, pois quanto mais à cara do cliente mais satisfeito ele vai ficar.
Olá, me chamo Ian Filipe sou designer e editor do blog Gritoo, a pedido do Kevin Oliveira escrevo este post para o Designer Effects, quero dizer que é um prazer escrever este artigo. Vou tratar sobre a importância de se ter uma identidade visual para seu blog confira:
Identificação
Quando o leitor acessa seu blog a primeira coisa que ele vê é o topo do site, claro! E como ele vai conseguir identificar seu blog se não tem uma identidade visual no topo do site? É aí que entra o papel da identidade visual, com uma logomarca no topo do blog o leitor vai poder identificar seu blog mais facilmente, quando os leitores vêm a logomarca do Designer Effects em algum lugar sabem que é do blog pela identificação.
Memorização
Do que adianta ter um blog se seus leitores vão conseguir achar seu blog? Esse é outro papel da identidade visual, a memorização. Se sua logomarca estiver favorável para a memorização seus leitores vão com certeza conseguir lembrar-se de sua marca a associando à algo relacionado e assim possibilitando a volta de seu leitor, consquistando leitores fiéis. Veja algumas dicas para deixar seu logo memorizável:
Não é legal visitar um blog sem uma logomarca, onde encontramos no topo o título do blog escrito com a fonte arial e uma descrição abaixo... A identidade visual deixa seu blog mais bonito, atraente e confortável para o leitor, além da logomarca, o layout é um elemento que entra no campo da identidade visual, ter uma layout de qualidade e que mantenha o leitor em seu blog é muito importante, não é muito bom ler um texto com fundo preto e letras brancas, eu já uso óculos...
Esses foram apenas alguns pontos existem vários outros fatores. Comente com sua opinião e não deixe de visitar o nosso blog: www.gritoo.com e acompanhar as novidades do mundo da tecnologia, design e games.
Uma forma de ganhar o respeito e trabalho reconhecido de seu cliente, se tratando de desenvolvimento de sites, você tem que pensar não somente no visual e sim na interface do usuário e no conteúdo, pois é usuário que vai tornar seu site bom ou ruim, acessado ou não. Por isso quero deixar aqui três dicas simples, porém muito úteis as quais devem ser realizadas sempre, mas que muitos desenvolvedores esquecem.
Wireframe
Wireframe, ou seja, a "armação". Nessa etapa onde você cria o "rascunho" do site demonstrando exatamente para o cliente, onde vai ficar: logo, menu, sidebar, search etc, resumindo a estrutura. Também nessa armação é onde você webdesigner imagina como que o site deve ficar na questão de distribuição de blocos.
Conteúdo
O conteúdo do site deve SEMPRE ser revisado, e verificar erros ortográficos. Do que adianta a ansiedade de publicar o quanto antes seu novo layout, seu novo artigo, seu novo portfólio se esse estiver com vários erros ortográficos, isso passa profissionalismo? Não. Então preste muito atenção no conteúdo do site isso que garante acesso.
Simples e prático
O simples é fácil, o fácil é prático, o prático é ótimo. Ter um site complexo e cheio de firulas além de prejudicar suas atualizações deixa seu usuário confuso alem de não atingir o objetivo pelo qual fez o site. Um belo exemplo disso e a própria home da Google que é super simples e mais do que prático.
No site Inspiredology tem um artigo dando 48 exemplos de layout bonitos, simples e limpos:
No meu artigo anterior deixei dicas de como conseguir clientes, porém mesmo assim você não conseguiu? Ca estou eu, Everton Bronoski para deixar mais um dica de ouro e dessa vez vamos conseguir seu ovo de páscoa recheado com “money”, é isso ai recheado com dinheiro, quem não quer um ovo assim!
Já ouviu falar em HOTSITE? Então ai vai uma breve explicação:
Hot site, Micro-site ou Mini-site, traduzindo significa site quente elaborado para o momento voltado para destacar uma ação de comunicação e marketing pontual.
Isso abriu as suas idéias? Se pensou em criar um hotsite para o supermercado da esquina, para a lojinha da amiga de sua mãe, da sua tia ou até mesmo para a loja da “sogrona” você acertou. Com a páscoa chegando o comercio começa a buscar métodos de se destacar e conseguir mais clientes. Então minha dica é:
Escolha algumas lojas ou mercados e crie um hotsite “show de bola” leve a sua idéia para o futuro cliente e mostre para ele que no mínimo 12hrs por dia as pessoas passam aqui onde você está agora, internet, e geralmente no facebook se você fizer o hotsite vinculado com as redes sociais com certeza vai conseguir novos clientes para ele.
Espero que com essa dica você consiga mais clientes ou até mesmo seu primeiro cliente agora na páscoa. Logo, logo estarei aqui novamente para mais um artigo.
Querendo vender, conseguir clientes mais não sabe como? Fique tranquilo, Everton Bronoski que sou eu, estou aqui para abrir seus olhos fazendo com que consiga vender seu peixe da forma correta.
Deve ter lido em outros lugares que como primeira coisa é criar seu portfólio, exatamente, se você quer vender um produto, tem que ter o produto para vender. Tendo seus trabalhos vai precisar mostrar para o mundo ou um pouco mais realista para sua cidade o que sabe fazer, por isso crie seu site colocando seus produtos (portfólio).
Agora sim, tem seus produtos na prateleira, tem sua vitrine aberta 24hrs, vai precisa contratar o cara para gritar: "ENTRE! ENTRE! ENTRE!">.
Brincadeiras a parte quero dizer para você se tornar visível ao mercado, precisa divulgar em mídias sociais, rádios, jornais, distribuir cartão de visita, fazer parcerias a partir daí se você faz um trabalho bem feito com qualidade clientes virão.
E por fim você precisa saber quanto cobrar, fazer o orçamento correto ou caso contrario vai acabar espantando seu cliente, pesquise ai na sua cidade quanto que esta o preço de trabalhos de design/webdesign porque se cobram muito caro não vão querer pagar se cobram muito barato vão desconfiar.
Antes de me despedir vou deixar ai umas dicas de como se tornar visível:
Faça um pequeno anuncio no jornal, pois um único jornal muitas pessoas pegam para ver, muitas querem ver só as “figurinhas” e com certeza vão ver a sua, pode ser que a primeira vista nem liguem, porem dali alguns dias quando um amigo falar "estou precisando criar um cartão de vista" o que ele vai responder: "Cara, vi no jornal anuncio de fulano que faz esses trabalhos".
Crie seus cartões de visitas e deixe-os em lugares estratégicos como: barzinhos, danceterias, lanchonetes etc. Mas porque deixar em lugares assim Everton? O dono do estabelecimento sempre precisa criar folder, site, panfleto, banners digitais e de quem ele vai lembrar? Do cara que lhe entregou um cartão de visita criativo.
Crie parcerias com amigos, colegas designers se vocês se ajudarem vai ter mercado para todos, pois cada um faz uma arte diferente, um layout diferente, pensa diferente com isso quem ganha é o cliente. O cliente satisfeito quem ganha e você.
Espero ter aberto a mente de vocês e mostrado caminhos para conseguir trabalhar com o que gosta. Logo estarei de volta com mais posts.
Este artigo foi escrito pelo Pedro Oliveira, não liguem para minha foto no final do artigo. Att. Kevin Oliveira.
Em tempos de infestação dos smartphones, os aplicativos – além de um diferencial - tornam-se cada vez mais valiosos e um negócio rentável para qualquer programador. Mas o que faz ele ser um sucesso? Claramente sua função e sua qualidade, como qualquer produto e, ao mesmo tempo, sua apresentação.
Refiro-me à apresentação como a embalagem de um produto na prateleira de um mercado. Nós gráficos que trabalhamos com essa linguagem visual sabemos o quão decisivo é uma embalagem na escolha do cliente. É o caso dos ícones, como os de softwares.
Claro que nas app stores da vida existe a descrição do aplicativo próximo ao nome, mas quem trabalha com design sabe que imagem é tudo. É o mesmo princípio da marca (popular logotipo) em uma empresa. Daí você pensa: mas tem apps que possuem uma marca diferente do ícone. Sim, e eu lhe pergunto: quem é mais exibido? A Marca ou o ícone? O ícone por estar presente na loja e no menu dos sistemas dos celulares.
Para acessar esses programas o usuário toca no ícone, isso faz com que seja visto o tempo todo e decorado pelo usuário.
Veja alguns dos mais famosos aplicativos:
Ícone do Instagram para iPhone
Pra quem não conhece o Instagram, trata-se de um aplicativo que aplica filtros antigos em fotos, só para iOS. Repare no seu ícone os cantos arrendondados, seguindo o modelo do iPhone e a simplicidade, sem deixar de lado o espectro de cores, a lente e a abreviação de seu nome, “Insta”. É nessa simplicidade do símbolo que o Instagram ganha de seus aplicativos concorrentes.
Fruit Ninja para iPhone
Analisando o ícone do Fruit Ninja já vemos um movimento maior em relação ao anterior por ser um jogo e precisar ainda mais que o Instagram destacar-se dos concorrentes, porque todos sabemos da infinidade de jogos existentes hoje tanto para Android quanto iOS. Bom, percebemos esse movimento causado pelos traços brancos no fundo e o líquido da melancia em perspectiva. É esse movimento de rápida interpretação que destaca o Fruit Ninja dos demais jogos, que aliás e um sucesso e que eu comprei pro Kinect. :D
Enfim, para encerrar deixo aqui a minha explicação desse post: escrevi para mostrar que o ícone, assim como a marca em uma estrátegia de branding, pode e é importante no quesito concorrência. Muita gente julga um aplicativo pela imagem porque, exclusivamente no Brasil, algumas não entendem o nome em inglês. Fica a dica pra quem for criar um app - gaste um tempo considerável na elaboração do ícone.
Vivemos em um mundo onde o fluxo de informações está em expansão constante e onde fica cada vez mais importante o desenvolvimento visual em função de uma melhor assimilação pelo público alvo. O logo, como é do conhecimento de todos, é o responsável por grande parte da identidade visual de uma empresa, site ou grupo, sendo assim, é de extrema importância que o mesmo expresse da maneira criativa e objetiva o perfil daqueles que representa.
Por esse motivo, separei abaixo algumas dicas que certamente ajudarão bastante na hora da elaboração de um logo.
Conheça seu cliente
Se a função principal do logo é identificar e expressar visualmente uma determinada organização, é indispensável para o designer conhecer bem a organização em questão. Converse com seu cliente, faça perguntas sobre a empresa, qual a ideia que ele gostaria de transmitir, conheça os serviços e produtos oferecidos pela empresa. Em resumo, conheça bem a empresa. Criar um bom logo consiste em definir o conceito da organização em uma imagem, por isso saiba o que está fazendo antes de começar, ou seu trabalho será em vão.
Conheça o público alvo
Tão importante quanto conhecer a empresa, é conhecer o público alvo. Se a empresa for uma rede de casas noturnas, por exemplo, o público alvo seriam jovens e adultos que tem uma vida noturna ativa e agitada, nesse caso o logo deveria provocar interesse e identificação nessas pessoas, o que não aconteceria se o logo fosse algo infantil, por exemplo. É importante conhecer o que pensam e o que querem as pessoas que você deseja despertar interesse com seu logo.
Definir o conceito do seu logo
Após conhecer a empresa e o publico alvo, você precisa definir que ideia você deseja transmitir. Não basta criar um logo bem feito, mas que não transmita a ideia certa para o público alvo. Estabeleça a mensagem que seu logo deve transmitir e trabalhe em cima disso.
Pesquise
Pesquisar é parte essencial do processo de criação de qualquer profissão, o mesmo ocorre no design. Pesquise informações acerca do que deseja criar e busque inspiração em trabalhos que sigam o mesmo conceito (mas lembrem-se, inspiração e cópia são coisas totalmente diferentes, muito cuidado nessa hora).
Explore as possibilidades
Muito dificilmente um designer tem uma ideia que não vá sofrer nenhuma mudança até chegar no resultado final. O processo de criação consiste em desenvolvimento e evolução. À medida que a ideia é trabalhada, ela vai tomar formas próprias e, provavelmente, diferentes do que o designer tinha em mente a princípio. Antes de definir o resultado final do trabalho, explore o máximo possível as possibilidades.
Inove sempre
Embora as idéias mais simples às vezes sejam as mais sofisticadas, não significa que você tem que se prender ao óbvio. Busque sempre formas diferentes e inovadoras de executar uma ideia. Um bom logotipo se destaca pelo seu diferencial na forma de apresentar uma ideia, sendo melhor assimilado pelas pessoas. Lembre-se que seus trabalhos definem sua identidade profissional.
No Choco la Design a Carolina Sangiovanni está criando uma série de artigos sobre os 100 princípios para construir marcas, hoje (15/02/2012) a série se encontra em seu quinto post: 100 Princípios para Criar Logos e Construir Marcas: #51 – #60, tenho certeza que irão gostar.
Essas foram algumas dicas que eu espero que ajudem. Se gostaram, compartilhem e comentem.
Tenho certeza que você designer (ou aspirante) está com fome de conteúdo, não é mesmo? Tenho quase certeza que sim, por isso vou indicar 50 blogs sobre design que COM CERTEZA vai ajudar muito, muito mesmo. O post foi escrito pelo David Airey, há algum tempo, mas ainda todos estão bem atualizados.
Estar sempre criativo e inspirado é quase impossível, agora mesmo, estou estou pensando em como começar este texto e se você está lendo é porque consegui achar inspiração para escrevê-lo sem problemas de criatividade, e se você também está passando por dificuldades por causa criatividade, vou dar algumas dicas de como manter a inspiração e a criatividade em dia.
Leia muito...
Na verdade quem sou eu para falar para as pessoas ler bastante, eu por exemplo não gosto de ler muito, só assuntos que realmente me interessam, textos que chamam a atenção, títulos que chamam a atenção. Mas nas poucas vezes que leio -- revistas, jornais, livros... -- eu fico inspirado, não só para criar trabalhos gráficos, mas também para outras coisas, como escrever (aqui no blog, ou em outros lugares), desenhar e coisas afins.
Seja + social
Hoje em dia o que mais vemos na internet é redes sociais não é mesmo, só de pensar você já se lembra de várias, twitter (twitter é um microblog, mas enfim), facebook, google+, orkut (NOT) e outras. Converse com as pessoas, faça amizades e assim sempre terá inspiração e criatividade para suas criações, lembre-se que conversando com as pessoas você também aprenderá várias coisas que você não sabia.
Não fique 24 horas por dia no computador, vá em parques, faça esportes (mesmo que não saiba), brinque muito (brincar não é só para crianças), faça piadas, assim você verá que quando chegar em casa e sentar no computador feliz sua vida virtual será muito melhor...
Aprenda coisas novas
Aprender coisas novas é um barato, pode ser qualquer coisa, o mais importante é expandir sua mente, porque estamos na vida de passagem e tudo passa muito rápido.
Recomendo vocês à assistirem o vídeo 29 maneiras de não perder a criatividade, aí vocês poderão ver mais maneiras de como não perder sua inspiração e criatividade.
Logotipo não é o que você pensa. Logomarca não faz sentido. Tipografia não é letra. Triste né? Pois bem, vou falar sobre a nomenclatura de alguns termos, que muitos de nós confundimos. Usarei uma marca que eu e meu grupo fizemos pra um trabalho da faculdade.
A imagem se auto explica.
O logotipo é toda parte escrita da marca
O símbolo é chamado de ícone
Os dois compoem a marca
Logomarca é redundância pois logo significa conhecimento e palavra, ficando palavra-marca, sem sentido. Coisa que só os brasileiros usam.
Já tipografia refere-se à toda uma família de caracteres, sua história, características de haste, counter, terminação, entre outros. Fonte é uma variação da tipografia, como itálico, negrito.
Lettering, pra quem não conhece, já deixo explicado aqui: combinação de caracteres com intuito de formar apenas uma palavra de forma diferenciada, ou duas, de acordo com alguma marca ou necessidade. No lettering, não há a criação da família tipográfica inteira, mas sim apenas as letras cabíveis, vide imagem abaixo.
Acho que muitos de vocês que estudam Webdesign sabe que sem o CSS nada sai com beleza certo? Ele que dá a vida aos seus projetos, com as cores, formatações de tipografias e outras cosas bem legais. Mas vocês sabem trabalhar bem com as folhas de estilos? FOLHAS DE ESTILOS? Sim sim, este é o nome em português do CSS.
Organize seu CSS
O primeiro passo é deixar seus css organizado, é o mesmo do que seu quarto, quando está tudo bagunçado você não acha nada, e, se isso acontece em seu css como você irá achar alguma propriedade lá dentro com tantos e tantos códigos? Por isso organize seu css, faça endentações e deixe espaços entre suas propriedades.
Qual é melhor de ser visto e entendido? O segundo certo? Fica muito mais organizado e melhor de se entender o que está sendo passado para quem tem que editar.
Use comentários...
Mas não exagere. Os comentários em seu css é muito utilizado para ser mais fácil a localização de tal propriedade, com eles você pode deixar seu css mais organizado. Mas, por favor não exagere, isso pode pesar e muito em seu arquivo.
Os comentários no css são utilizados em base do seguinte elemento: /* SEU COMENTÁRIO */
Veja exemplos:
/* CORPO DO LAYOUT */
body {
background: #fff;
margin: 0;
color: #222;
}
/* MENU */
.menu {
background: #ccc;
border-bottom: 2px solid #ccc;
border-top: 1px solid #ddd;
}
IDs ou Classes?
Muitos tem estas dúvidas, usar ID (#) ou Classe (.). Na verdade você pode utilizar as duas, só que é mais recomendado utilizar as IDs (que é feita com o sinal de #) em elementos que apareçam apenas uma vez (como o cabeçalho, menu, sidebar, etc...) em seu arquivo html, e, as classes (que é feita com um ponto) em elementos diversos (como por exemplo .anuncio).
MAIÚSCULA ≠ minúscula
Se você utiliza uma class, como por exemplo .Anuncio, você deve utilizá-lo assim, se colocar como .anuncio terá erro no css e as propriedades não serão aplicadas.
Lembre-se da hierarquia
Todos que estudaram o básico de HTML deve lembrar das famosas headings (h1 à h6), elas devem sempre estar em hierarquia e não podemos ter mais de um h1 em nosso arquivo HTML, pois isso atrapalha no SEO (search engine optimization).
Desta forma você fará com que todos estes elementos tenham a mesma tipografia.
Teste seu site em todos os browsers
Com os novos browsers (navegadores) conseguem ler quase todos os novos elementos como o CSS3 e HTML5, a gente até esquece dos navegadores antigos como o IE (internet explorer) que não podemos mentir que muita gente (a maioria são os leigos) ainda utiliza, por isso sempre procure usar elementos que faz os browsers antigos lerem.
Aqui termino este post com estas diversas dicas, espero que tenham gostado e que vocês comentem, com dúvidas, dicas, sugestões, ameaças e até críticas. Um forte abraço a todos, até mais!
Kevin Oliveira
Everton Bronoski
J. Sena
Pedro Oliveira
