2009-07-16 9 views
12

Gli utenti di InkScape possono raccomandare Inkscape per lo sviluppo di modelli di siti Web. Devo imparare uno strumento per il template di siti web, creare layout ed esportare fette, uno dei miei amici suggerisce fuochi artificiali l'ho visto lavorare, cioè perché sono a conoscenza di slicing/css, e web-dice che lnkscape andrà bene, niente di dettagliato revisione.
Qualcuno, sai, l'ha usato per creare/sviluppare template. Questo strumento può avere un layout discreto e bello, quindi posso esportare le fette.Gimp vs Inkscape vs Fireworks per lo sviluppo di siti Web?

risposta

17

Non ho mai usato Fireworks, faccio il più possibile del mio web design al di fuori di un editor di grafica, il mio strumento di scelta per i mockup del sito Web è una lavagna, faccio il layout dei miei siti web in raw (X) HTML/CSS, e in generale finisco per usare Gimp/Inkscape per schizzi veloci o quando ho bisogno di creare/modificare un'immagine.

Detto questo, ho usato GIMP e Inkscape una discreta quantità, quindi forse la mia prospettiva sarà utile.

In questo momento, per tutto ciò che non richiede specificamente la grafica vettoriale, la mia preferenza generale sarebbe GIMP. È un programma molto più maturo e raffinato. (E ci sono un sacco di tutorial e plugin in giro se si finisce per averne bisogno.)

Qui, però, Inkscape ha il vantaggio di essere un editor di grafica vettoriale. Se hai intenzione di spostare molto le cose e ridimensionare le cose per farle come vuoi, Inkscape sarà molto più facile da lavorare qui. Detto questo, se stai realizzando immagini per un sito web finirai per utilizzare la grafica raster alla fine e GIMP ti darà un controllo più preciso.

tenderei a credere che in questo caso, un editor di grafica vettoriale come Inkscape sta per essere migliore per i prototipi rapidi e prototipazione e di GIMP sta per essere meglio per la creazione di prodotti finali. Non penso che sia davvero molto adatto al web design (ancora), ma se stavo facendo il mio sviluppo web principalmente negli editor di grafica, questo è probabilmente il modo in cui lo farei. Se dovessi scegliere un singolo strumento sarebbe GIMP.

(Nota finale: nonostante quello che molte persone dicono di interfaccia utente del GIMP, mi piacerebbe prendere il suo corso di Photoshop ogni giorno Ha ancora un paio di stranezze, ma è in gran parte parere, a questo punto..)

0

InkScape è non progettato per lo sviluppo Web; è principalmente un'utilità per la progettazione di stampa. Per un'utilità grafica di progettazione Web che è anche open source, è multipiattaforma ed è molto più simile a Fireworks/Photoshop, consiglio Gimp.

Le basi sono coperti qui:

http://www.gimp.org/tutorials/The_Basics/

e ci sono tonnellate di più tutorial disponibili qui:

http://gimp-tutorials.net/

Buona fortuna.

+0

Io * parzialmente * mangio le mie parole; sembra che InkScape si stia muovendo verso questo tipo di supporto, ma sembra che sia ancora nelle fasi iniziali. See: http://wiki.inkscape.org/wiki/index.php/CSS_Support – hewhocutsdown

+0

grazie hewhocutsdown, ho stanco di utilizzare gimp, non ha ancora come l'interfaccia più di tanto, così ho lasciato andare, averti usato personalmente GIMP per lo sviluppo di siti web, e puoi fare quella cosa di taglio. Se sì, non mi dispiace affatto spendere del tempo per Gimp. –

+0

C'è una versione in stile photoshop di gimp se l'interfaccia utente è il problema, ma penso che potrebbe essere un problema più profondo di quello. Ho fatto un po 'di ricerche sui plugin e sui tutorial di Gimp, e non sono super impressionato: http://gimp-tutorials.net/search/node/css%20slice http://registry.gimp.org/faceted_search/results/taxonomy% 3A383 Ho usato sia Fireworks che GIMP per il web design, ma non nel modo in cui lo descrivete. Eh, dai un'occhiata ai link sopra, vediamo cosa ne pensi. Mi spiace di non poter essere di maggior aiuto. – hewhocutsdown

1

Se si utilizza Windows, prova Paint.NET - è open source e gratuito, come GIMP, ma è più facile da usare, si avvia più velocemente ed è più simile a Photoshop (il più famoso programma di manipolazione di immagini).

0

Sia GIMP che Inkscape gestiscono l'esportazione delle sezioni relativamente bene. Inkscape gestisce sicuramente meglio la grafica vettoriale, mentre il gimp è decisamente basato su raster.

In entrambi i casi, è necessario installare plug-in per ottenere le migliori prestazioni dagli strumenti per lo sviluppo web.

+0

Grazie Ryan, sembra che tu abbia usato entrambi, cosa suggerisci sia meglio per lo sviluppo di siti web. Non sono sicuro, ma sembra che le immagini basate su vettori siano migliori, mentre le pagine sono ingrandite in zumata ai browser. –

+1

Finirai per esportare le immagini raster in entrambi i casi. Personalmente preferisco usare Inkscape poiché l'originale (non esportato) può essere più facilmente modificato. – Ryan

0

amo i fuochi d'artificio per il web design/prototipazione per i seguenti motivi

-perfetto mix di editing basato su vettoriale con pixel anteprima -Simboli che consentono di riutilizzare gli elementi e modificare in un solo luogo ridimensionamento -9 fetta: crea simboli che possono essere facilmente ridimensionati orizzontalmente e verticalmente -pages! avere una pagina master con tutti gli elementi comuni e quindi avere più pagine figlio per documento. esportare facilmente da un posto

So che questo non risponde direttamente alla tua domanda su inkscape, ma si spera che possa darti ancora un'altra prospettiva.

+0

non tutte le prospettive sono importanti, poiché sto appena iniziando a imparare la costruzione del sito. –

1

I Devo dire che sono davvero impressionato da Inkscape. Ho realizzato il mio primo design di siti Web in Inkscape, in arrivo da Fireworks. L'apprendimento dell'interfaccia mi ha richiesto un po 'di tempo, ma sono stato in grado di fare ciò che dovevo fare. Diventa molto facile dopo averlo usato, ora faccio il mio lavoro più velocemente ora. Posso solo raccomandarlo, se puoi passare 2 giorni leggendo e imparando http://en.flossmanuals.net/Inkscape/. Quando conosci Inkscape molto bene, puoi imparare Gimp per il raster-editing. Lo farà qualsiasi sito Web in stile web 2.0 inkscape. Puoi anche eseguire l'editing bitmap di base con maschera, ecc. Gimp è per il livello successivo.

1

Ho difficoltà a utilizzare GIMP per progettare un sito Web. Questo perché volevo progettare un sito web 2.0, che ha molte funzionalità vettoriali. Cose come gradienti, ombre e testo sono impilate l'una sull'altra. Inkscape consente a questi oggetti di essere mobili e quindi sarà più facile.

Spero che questo aiuti.

8

Controllare this slides, si tratta di prototipazione in inkscape. Usando uno strumento di grafica vettoriale è meglio come puoi trascinare le cose, duplicarle e muoverle facilmente. Il rovescio della medaglia è che sei lontano dall'avere un prodotto finale.

+0

Questa è stata una bella presentazione. +1 – Jomoos

Problemi correlati