Já aprovamos o mapa mental e o wireframe com o cliente, então a definição de conteúdos e divisões de página estão certos!!! Opaaa, finalmente agora vamos iniciar o Layout do site!!
E agora, qual software utilizar para iniciar o layout?
Aqui no Programatório, estamos acostumados a receber interfaces desenvolvidas em 3 programas diferentes: Adobe Photoshop, Adobe Illustrator e Corel Draw.
Não vamos aprofundar muito em cada um, pois aí tem também uma questão de gosto pessoal, mas vamos tentar dar uma ideia geral de cada um aqui.
Photoshop: programa que mais recebemos os layouts aqui no Programatório.
Excelente na liberdade de criação, mas perigoso na organização e padronização, por isso fique atento!
Corel Draw: Facilidade na organização, mas limitado na manipulação de imagens, o que tira um pouco a liberdade de criação. Ah sim, cuidado com as cores, lembre-se que criação de sites deve ser em RGB e não em CMYK. Quando o layout vem em Corel Draw também há duas dificuldades extras : tamanhos de fontes em PT ao invés de PX, e padrão de cor das imagens quando exportamos do Corel ... se a imagem veio em CMYK, é quase impossível exportar com cor similar para RGB através do Corel Draw, então geralmente se faz necessário salvar em CMYK, e ressalvar pelo Photoshop em RGB para não distorcer as cores, então fique atento!
Adobe Illustrator: Não tão fácil de se organizar como o Corel Draw, mas ainda sim mais fácil do que o Photoshop. Mais facilidade de manipular textos e tabelas do que no Photoshop, porém ainda mais limitado na manipulação de imagens. Uma vantagem importante é que os vetores desenhados no Illustrator podem ser exportados em SVG e nos permite criar animações e interações bem bacanas, algo que deve ser levado em consideração na hora da criação!
Na nossa opinião e no nosso workflow atual, utilizamos uma mistura!! Photoshop e Illustrator é a nossa dupla preferida. Photoshop para a estruturação, manipulação de imagem, tratamento e etc... e o Illustrator para vetores... simples assim! em um futuro post podemos falar sobre alguns macetes que aprendemos em cada um desses softwares!
Saiba mais sobre fontes, cores e vetores no Web Design:
Cor CMYK ou RGB ? Fontes em pt ou px?
SVG, aproveitando o melhor do vetor na web!
Posso usar qualquer Fonte no Web design?
Mas lembre-se, independente do software que você decidir utilizar, mantenha sempre uma boa organização e padronização, e não pense que você nunca terá que mexer no layout novamente, porque provavelmente você terá! Então crie de uma forma que reduza o seu retrabalho!
