Vejo que muitos designers criam belos trabalhos de web design no Photoshop, mas agora com a chegada do CSS3, quando querem mudar isso para HTML e CSS, eles simplesmente começam do zero e criam algo em torno de 80% do design final usando CSS3.
Por exemplo, eles usam raio de borda, opacidade, gradiente de fundo, sombra de caixa e sombra de texto e outras regras CSS3 para obter o que criaram no Photoshop. Muitas vezes, eles importam apenas uma imagem do Photoshop, que é mais como um pincel ou um logotipo ou algo assim.
Minha pergunta é: os web designers ainda devem usar o Photoshop para criar algo, dos quais apenas 20% seriam úteis para eles?
Um web designer pode criar todo o design diretamente em HTML e CSS sem se preocupar em adicionar outra camada intermediária da criação de um design no Photoshop e simplesmente criar os elementos restantes lá?
fonte
Respostas:
Tenho que discordar de todos. O Photoshop não é uma ferramenta para projetar um site. É uma ferramenta para desenhar um site. O site ainda deve ser projetado no meio em que está - que tende a ser CSS, HTML e JS.
Isso não significa que você não usa o Photoshop. Mas você certamente não precisa.
Eu sou um grande fã de não sempre mostrando projetos web site no photoshop para clientes. Não é o meio em que o site ficará. As composições do Photoshop não oferecem capacidade de comunicar interação, diferenças de dispositivo, idiossincrasias do navegador, clicabilidade, capacidade de resposta etc.
É verdade que na maioria das vezes você ainda precisa mostrar modelos de JPG. Bem. Use o Photoshop para isso. Mas não pegue o arquivo PSD, corte-o em um site. Isso fazia sentido em 1999. Hoje não há muito. Em vez disso, pegue esse PSD e use-o como um guia. É assim que o site deve parecer, mas leve em consideração o fato de ele estar sendo construído em CSS / HTML / JS e acomodar conforme necessário.
Então, para responder à pergunta:
Sim. Pode-se certamente fazer isso. Eu já vi isso feito em paralelo com os designers do PSD. O maior problema com a abordagem do PSD é quando você está trabalhando em uma equipe ágil. Arquivos pesados usados para documentação (como o PhotoShop) tornam-se um fardo bastante grande para o processo Agile e acabam adicionando mais problemas do que resolvem. Temos a tendência de trabalhar ao contrário ... esboçamos no PS, conforme necessário, e depois projetamos e construímos em HTML / CSS / JS. Quando precisarmos fazer atualizações visuais rápidas para as reuniões, capturaremos a marcação da camada de apresentação de trabalho, aplicaremos no PhotoShop e ajustaremos rapidamente.
fonte
** EDIT **
Novo cliente?
Absolutamente - Se você está lançando um design para um NOVO cliente / site. Os leigos geralmente têm dificuldade em ver o que está em sua (minha) cabeça. Wireframes, desenhos, etc. nem sempre cortam - arranhe - eles não cortam. Eu ouço mais: "Eu pensei que isso faria o X" dos clientes quando tudo o que eles têm é um WF ou um esboço do que eu quando eles recebem uma maquete com seu logotipo, fotos, fontes corporativas e uma interface do usuário.
Qualquer outro cenário:
Talvez não - se você pode usar HTML / CSS / JS existente que atenda aos requisitos do trabalho ou estiver editando o conteúdo de um cliente existente, será melhor trabalhar apenas no código. Caso contrário, você provavelmente desperdiçará uma quantidade bruta de tempo no Photoshop para obter muito pouco retorno. Existem casos (como o DAO1 mencionado) em que uma captura de tela e ajustes via Photoshop podem realmente acelerar um processo de aprovação, ou desenvolver uma idéia, ou três.
** fim **
Eu digo sim -
É muito mais fácil vender seus projetos (e muito mais rápido criar composições) com um visual - mesmo que seja simplificado. É aí que o PS é mais útil para meus trabalhos.
Também incorporo uma camada com um sistema de grade, para que eu possa ver como as coisas estão dispostas e arrastá-las rapidamente para onde eu precisar. Novamente, isso ajuda com comps e alterações solicitadas pelo cliente.
Se você mantiver uma biblioteca do Photoshop dos seus elementos mais usados: caixas de entrada de cantos arredondados com base em vetor, sua (s) grade (s), caixa "logo vai aqui" ... tudo em camadas de um único arquivo ou vários arquivos (sua escolha) - você poderá criar páginas iniciais e internas em uma fração do tempo que leva para codificá-las.
Manter um arquivo CSS comum (com configurações populares) também ajudará na hora de codificar, mas não vejo o valor de eliminar o PS do fluxo de trabalho - independentemente de quão robusto o CSS se torne.
fonte
Você pode garantir que 100% dos usuários tenham navegadores que verão seu site exatamente da maneira que você (ou mais importante, o cliente) pretende que seja visto? Não? Então qual porcentagem? 90%? 80%?
Você pode garantir que ela se degrada bem, de modo que a versão alternativa vista pelos 10% restantes (20%? 40%?) Seja aceitável?
Se um ou ambos os problemas forem um problema, você precisará de algum Photoshop.
fonte
Coisas para pensar:
Muito é necessário colocar esses designs sofisticados na web. Pelo menos para os mais complexos. O Photoshop ajuda a ver o resultado final mais rápido.
Para um designer em seu trabalho, fazer uma maquete no Photoshop geralmente é mais rápido, justificado, pois você não passará o dia todo trabalhando em html e CSS3.
Como você mencionou, eles podem fazer 80% disso no CSS3, mas depois precisarão do Photoshop de alguma forma.
Eu diria que você renuncia a fazer uma maquete no Photoshop se você é o designer e o desenvolvedor e isso economizaria tempo; caso contrário, sempre faça uma maquete no Photoshop.
fonte