Web design cosa usare Photoshop o Illustrator?

Cosa devo usare per progettare siti Web, Photoshop o Illustrator?

Esiste un software corretto o è più una scelta personale?

Non sono d'accordo con la risposta di Anaksunaman per quanto riguarda Photoshop. L'altro giorno abbiamo avuto una domanda simile a cui ho risposto ( Organizzazione di PSD per sviluppatori ) in cui ho menzionato che in questa era in evoluzione, come designer e programmatori dobbiamo evolvere con il flusso di lavoro e l'utilizzo di Photoshop è arcaico e non serve più a nulla nel web design come un efficace mezzo di sviluppo. È ancora un ottimo strumento per la manipolazione delle foto, ma usarlo per implementare un sito Web è inutile, per me.

Raccomanderò (riferimento: quali sono i passaggi nella progettazione di un sito Web? ) Che un approccio migliore può essere raggiunto con Illustrator, in particolare con l'utilizzo di tavole da disegno. Anche se non mi riferisco alla progettazione dell'intero sito in Illustrator. Sto parlando del wireframe e del mockup. È comunque necessario progettare nel browser, ma se si progettano icone possono essere completate in Illustrator ed esportate. Se stai sviluppando un marchio o qualcosa di legato alla stampa, spero sicuramente che il logo che hai sviluppato sia in forma vettoriale e che la forma vettoriale possa essere salvata come SVG per un'immagine scalabile in un design web reattivo. Quindi un semplice mockup o qualsiasi icona correlata può essere esportato come codice SVG e incluso in un documento XHTML (riferimento: ho creato una mappa in AI, ma la dimensione del file è ENORME come svg?)

Per quanto riguarda il codice, credo che Dreamweaver sia inutile e sprecato denaro e se chiedi in giro ad alcune società di sviluppo web con cui ho parlato, ridacchiano a Dreamweaver. Va bene per i nuovi utenti, ma le persone con cui ho lavorato che hanno iniziato a utilizzare Dreamweaver si sono affidate fortemente all'area di anteprima del progetto invece di lavorare sul codice e il completamento del codice è una cattiva abitudine per un nuovo programmatore su cui fare affidamento. Non ricorderai come codificare correttamente se usi sempre il completamento del codice all'inizio. Ci sono alcuni grandi e potenti editor di codice gratuiti come Notepad ++, Text Wrangler (preferisco BBEDit a pagamento) e Sublime Text.

Quindi un riassunto alla tua domanda "Web design cosa usare Photoshop o Illustrator?": Entrambi, la manipolazione delle immagini usa Photoshop e Illustrator per logo, mockup, wireframe, icone e tutto ciò che può essere eseguito come SVG. Una volta completato il tuo mockup, lavorerei in un editor di codice e svilupperei il resto del tuo sito.

Photoshop o Illustrator?

Sì. E anche probabilmente

• carta
• matite
• strumenti di wireframing
• javascript
• html
• css

In altre parole, hai una casella degli strumenti e utilizzerai lo strumento giusto per l'attività specifica a portata di mano.

Sfortunatamente, direi che questa non è una domanda binaria poiché qualsiasi programma di grafica può produrre contenuti da usare su un sito web. Quindi, a questo proposito, è molto più di una scelta personale.

Detto questo, se non stai eseguendo alcun tipo di codifica immediata (solo modelli ed elementi di esportazione da usare, ecc.) Photoshop è di gran lunga il prodotto più utilizzato. I clienti potrebbero desiderare o aspettarsi che tu usi questo prodotto e allo stesso modo, terze parti che ti consegnano (come se esternalizzi il lavoro del logo) potrebbero consegnarti i loro prodotti finiti in formato .psd. Pertanto è altamente raccomandato avere una copia di Photoshop indipendentemente da ciò che si sceglie di fare tutti i giorni.

Per il tuo lavoro, le funzionalità tra Illustrator e Photoshop sono abbastanza simili, puoi sicuramente adattare Illustrator per produrre web design front-end (le parti grafiche). Una semplice ricerca su Google ha mostrato questo risultato per alcune impostazioni di base per CS5 che avrebbero aiutato i web designer. Ricorda che Illustrator si rivolge in modo più diretto alle immagini e alla stampa basate su vettori, quindi potrebbe essere necessario pensare un po 'fuori dagli schemi se utilizzato per il web design.

Adobe Dreamweaver si posiziona al secondo posto dietro Photoshop nell'elenco quasi indispensabile, probabilmente, almeno se eseguirai una codifica con il tuo design. Per l'utilizzo entry level con codice (e alcuni problemi proprietari), Adobe Muse è una sorta di alternativa a Dreamweaver. Ci sono ovviamente molti altri ottimi prodotti che fanno cose simili, ma ancora una volta, la popolarità sceglie Dreamweaver.

In alternativa, ci sono una manciata di buoni editor di codice gratuiti come MS Visual Studio Express, Komodo e Notepad ++ (e puoi persino usare MarkdownPad per alcuni lavori di contenuto di base.) Quello che perdi non usando Dreamweaver è WYSIWYG, soprattutto, poiché altri prodotti hanno completamento del codice, ecc. Ma se vuoi davvero WYSIWYG senza Dreamweaver, ci sono anche altri prodotti.

Se si desidera un'alternativa raster non vettoriale a Illustrator che non sia Photoshop, è possibile utilizzare i prodotti Corel se lo si desidera o il programma di manipolazione delle immagini Gnu (GIMP) open source. GIMP ha il vantaggio (come gli editor di codici alternativi che ho citato) di essere libero.

Qualsiasi buon strumento che usi dovrebbe (probabilmente) avere una sorta di opzione "slice" per esportare gli elementi finali dal tuo mock-up (supponendo che questi non siano già ordinati e salvati separatamente). A parte questo, secondo me c'è ben poco in termini di "must have", tranne nel nome della convenienza.

Ad essere onesti, potresti letteralmente fare tutto il tuo web design con MS Paint e Notepad se fossi abbastanza esperto ...

Puoi utilizzare entrambi per il Web design in base alla tua scelta, ma quando si tratta di realizzare progetti Web / wire frame in anticipo, Illustrator è molto più rapido e facile da utilizzare per questa attività.

Mi piacciono anche i fuochi d'artificio per la progettazione di siti Web. Post interessante - http://boagworld.com/design/fireworks-vs-photoshop/

Per me Illustrator senza dubbio ma puoi fare quasi tutto quello che vuoi con Photoshop e se non puoi permetterti il ​​pacchetto completo di cloud creativo, ti consiglio di provare a trovare abbastanza soldi per Photoshop CC.

Se puoi permetterti il ​​cloud creativo, ti consiglio quanto segue:

1. Adobe Muse CC per la progettazione di cornici e layout Wire
2. Adobe Illustrator CC per icone, loghi e altre illustrazioni
3. Adobe Photoshop CC per manipolare e modificare le foto

La musa di Adobe è dove accade tutta la magia. È stato creato da alcune delle persone che hanno creato InDesign ed è stato progettato in modo che i progettisti di stampa possano pubblicare siti Web dal vivo sul Web senza scrivere una sola riga di codice.

I mock up non devono più essere in formato pdf, ma puoi creare un design reattivo che il cliente possa davvero avere un'idea di come funziona nel mondo reale. Ma se vuoi comunque creare anche presentazioni in pdf, allora ti suggerisco di scaricare l'estensione Chrome di Awesome screenshot perché non puoi esportare pdf di file png da muse; beh non lo so comunque?

Ti consiglio anche di eventualmente codificare tu stesso il sito Web e di non lasciare tutto solo per riflettere, in quanto creerai un sito meglio costruito a lungo termine.

Voglio anche menzionare che molti web designer non usano nemmeno software di progettazione, semplicemente progettano direttamente nel browser, fin dall'inizio.