Con l'invenzione di CSS3, un web designer dovrebbe usare Photoshop?

Vedo che molti designer creano meravigliose opere di web design in Photoshop, ma ora con l'arrivo di CSS3, quando vogliono cambiarlo in HTML e CSS, iniziano semplicemente da zero e creano qualcosa di circa l'80% del design finale usando CSS3.

Ad esempio, usano il bordo-raggio, l'opacità, la sfumatura dello sfondo, l'ombra della casella e l'ombra del testo e altre regole CSS3 per ottenere ciò che hanno creato in Photoshop. Molte volte importano solo un'immagine da Photoshop, che è più simile a una pennellata o un logo, o qualcosa del genere.

La mia domanda è: i web designer dovrebbero comunque usare Photoshop per creare qualcosa, dal quale solo il 20% sarebbe utile?

Un web designer può creare l'intero design direttamente in HTML e CSS senza preoccuparsi di aggiungere un altro livello intermedio di creazione di un design in Photoshop e quindi semplicemente creare gli elementi rimasti lì?

Devo essere in disaccordo con tutti. Photoshop non è uno strumento per la progettazione di un sito Web. È uno strumento per disegnare un sito web. Il sito Web dovrebbe comunque essere progettato nel mezzo in cui si trova, che tende a essere CSS, HTML e JS.

Ciò non significa che non usi Photoshop. Ma certamente non è necessario.

Sono un grande fan di non aver mai mostrato ai clienti progetti di siti Web in Photoshop. Non è il mezzo in cui vivrà il sito. Le composizioni di Photoshop non offrono alcuna possibilità di comunicare interazione, differenze tra i dispositivi, idiosincrasie del browser, clickability, reattività, ecc.

Certo, in realtà, molte volte è ancora necessario mostrare i modelli JPG. Belle. Usa Photoshop per questo. Ma allora non prendere quel file PSD e tagliarlo e tagliarlo a dadi in un sito web. Ciò aveva senso nel 1999. Oggi non molto. Prendi invece quel PSD e usalo come guida. Questo è all'incirca come dovrebbe apparire il sito, ma tenere conto del fatto che è stato costruito in CSS / HTML / JS e di adattarsi, se necessario.

Quindi, per rispondere alla domanda:

Un web designer può creare l'intero design direttamente in HTML e CSS senza preoccuparsi di aggiungere un altro livello intermedio di creazione di un design in Photoshop e quindi semplicemente creare gli elementi rimasti lì?

Sì. Si può certamente farlo. L'ho visto fatto in parallelo con i progettisti di PSD. Il problema più grande con l'approccio PSD è quando lavori in un team agile. I file pesanti utilizzati per la documentazione (come PhotoShop) diventano oneri piuttosto grandi per il processo Agile e finiscono per aggiungere più problemi di quanti ne risolvano. Tendiamo quindi a lavorare al contrario ... disegniamo in PS come necessario, quindi progettiamo e costruiamo in HTML / CSS / JS. Quando avremo quindi bisogno di effettuare rapidi aggiornamenti visivi per le riunioni, eseguiremo semplicemente lo screen markup del livello di presentazione funzionante, lo schiaffeggeremo in PhotoShop e lo modificheremo rapidamente.

** MODIFICARE **

Nuovo cliente?

Assolutamente - Se stai lanciando un progetto per un NUOVO cliente / sito. I laici in genere hanno difficoltà a vedere cosa c'è nella tua (mia) testa. Anche i wireframe, i disegni, ecc. Non sempre lo tagliano - grattalo - non lo tagliano. Sento di più, "Ho pensato che avrebbe fatto X" dai clienti quando tutto ciò che hanno è un WF, o uno schizzo di me quando ricevono un modello con il loro logo, foto, caratteri aziendali e un'interfaccia utente.

Qualsiasi altro scenario:

Forse no: se puoi utilizzare HTML / CSS / JS esistenti che soddisfano i requisiti del lavoro o stai modificando il contenuto di un client esistente, farai meglio a lavorare solo nel codice. In caso contrario, probabilmente perderai molto tempo in Photoshop per un ritorno molto limitato. Ci sono quei casi (come menzionato @ DAO1) in cui uno screenshot e un tweak-via-Photoshop possono davvero accelerare un processo di approvazione, o dare un'idea o tre.

** fine **

Io dico si -

È molto più semplice vendere i tuoi progetti (e molto più rapidamente creare composizioni) con una grafica, anche se è semplificata. Ecco dove PS è più utile per i miei lavori.

Ho anche incorporato un livello con un sistema a griglia, in modo da poter vedere come sono disposte le cose e trascinarle rapidamente dove ne ho bisogno. Ancora una volta, questo aiuta con le modifiche e le modifiche richieste dal cliente.

Se mantieni una libreria di Photoshop degli elementi di uso comune: caselle di input ad angolo arrotondato basate su vettori, griglie, casella "logo va qui" ... tutto a strati di un singolo file o più file (a tua scelta) - sarai in grado di creare home page e pagine interne in una frazione del tempo necessario per codificarle.

Mantenere un file CSS comune (con impostazioni popolari) aiuterà anche quando arriva il momento del codice, ma non vedo il valore dell'eliminazione di PS dal flusso di lavoro, indipendentemente da quanto sia solido il CSS.

Potete garantire che il 100% dei vostri utenti disponga di browser che vedranno il vostro sito esattamente come voi (o, soprattutto, il cliente) intendete che venga visto? No? Quindi quale percentuale? 90%? 80%?

Puoi assicurarti che si degrada bene, in modo che la versione alternativa vista dal restante 10% (20%? 40%?) Sia accettabile?

Se uno o entrambi questi problemi sono un problema, hai bisogno di Photoshop.

Cose a cui pensare:

• Molto va nel mettere quei fantasiosi disegni sul web. Almeno per quelli più complessi. Photoshop aiuta a vedere più rapidamente il risultato finale.

• Per un designer nel suo lavoro, fare un modello in Photoshop è solitamente più veloce, giustificato, poiché non passerai tutto il giorno a fare hacking su html e CSS3.

• Come hai detto, possono fare l'80% di esso in CSS3, ma alla fine avranno bisogno di Photoshop da qualche parte.

• Direi che rinunciare a fare un modello in Photoshop se sei il designer e lo sviluppatore e risparmierebbe tempo, altrimenti fai sempre un modello in Photoshop.