para maquetar el diseño PHOTOSHOP O ILUSTRATOR?

frandelarge · #1 (**permalink**) 10/05/2012, 17:32

Estimados,
Tengo que maquetar mi diseño web, cual de estos dos programas me sirve más?
luego de que tenga el diseño y cada uno de los elementos de mi sitio quiero programarlo en CSS.

muchas gracias!

danielkvaldez · #2 (**permalink**) 10/05/2012, 20:28

hola, te recomiendo el PHOTOSHOP, te va a ser mas facíl al momento de realizar tu pagina. suerte

jorgeabreo · #3 (**permalink**) 10/05/2012, 21:04

Cita:

Iniciado por frandelarge

Estimados,
Tengo que maquetar mi diseño web, cual de estos dos programas me sirve más?
luego de que tenga el diseño y cada uno de los elementos de mi sitio quiero programarlo en CSS.

muchas gracias!

Hola,

Yo te recomendaría Fireworks, sus herramientas de recorte y el bajo peso con excelente calidad de exportación de las imágenes, hacen de el un programa muy poderoso al momento de iniciar el proceso de maquetación.

Dale una oportunidad y veras que no te arrepentirás ;)

Bueno es mi opinión, sin desmeritar los otros programas.

Saludos!

ArturoGallegos · #4 (**permalink**) 10/05/2012, 21:11

Para maquetar tu diseño web ninguno de los dos te sirve, esos son para crear el layout, boceto y/o el diseño gráfico, la maquetación se hace con notepad++ o algún editor de código HTML

pero si lo que pretendes es crear tu diseño gráfico lo recomendable es usar Photoshop o Fireworks

frandelarge · #5 (**permalink**) 10/05/2012, 21:26

si si lo que pasa es que no conozco los conceptos que usan, lo que yo planteo es el tema del diseño gráfico que le llamas, o layout.

daniel945 · #6 (**permalink**) 10/05/2012, 22:15

Yo utilizo Photoshop, me acostumbre autilizarlo, a illustrator lo uso solamente para realizar diseños, bien específicos, luego los paso a photoshop!. Espero qe te sirva!

frandelarge · #7 (**permalink**) 11/05/2012, 13:57

Sí, finalmente opté por Photoshop :) gracias chicos!

kaninox · #8 (**permalink**) 11/05/2012, 14:02

Personalmente me carga estar seleccionando una capa cada vez que la voy a ocupar, por ello prefiero fireworks para hacer templates web aúnque photoshop es una herramienta muy buena por sus pinceles etc. pero para retoque fotografico. solo lo uso para ello y para gigantografias donde maneja mejor los trabajos a alta escala sin quedarse trabado.

Saludos

frandelarge · #9 (**permalink**) 11/05/2012, 14:08

el fireworks tengo el cs4, sirve? yo una vez lo utilicé para hacer una web completa allí con ese sistema de que cortaba todo en trocitos, pero después no sirvió más ese mecanismo, de ahí que no vuelvo a verlo.

kaninox · #10 (**permalink**) 11/05/2012, 14:41

claro desde el 8 en adelante andan muy bien ;)

DanielRGB · #11 (**permalink**) 14/05/2012, 09:50

Primero se usa el papel o la cabeza.... donde piensas y boceteas lo que vas hacer y quieres plasmar...
Segundo en Photoshop, le da mil vueltas a cualquier programa que exista en el mercado.
Se puede usar Illustrator para crear los gráficos vectoriales: iconos, logos, alguna forma compleja, etc...
Luego la web a través del propio photoshop vas cortando las imágenes.

Eso sí, mientras menos imágenes uses mejor... tu web será más rápida.

Para maquetar en HTML, si eres novato, usa Dreamweaver... y configuratelo para que te marque cuando el html tenga un error. Así vas aprendiendo sobre la marcha

frandelarge · #12 (**permalink**) 15/05/2012, 10:39

Daniel, muy buena respuesta, me dejaste el panorama muy claro, un abrazo!

letsalcido · #13 (**permalink**) 15/05/2012, 19:23

Dreamweaver si eres novato???

Creo que ese es un excelente programa tanto para novatos como para profesionales... El ser experto en motos no te exenta de traer casco y protección... se entiende?

DanielRGB · #14 (**permalink**) 16/05/2012, 03:38

Cita:

Iniciado por letsalcido

Dreamweaver si eres novato???

Creo que ese es un excelente programa tanto para novatos como para profesionales... El ser experto en motos no te exenta de traer casco y protección... se entiende?

Si Dreamweaver si eres novato...
Ya que al chaval se le ha dicho que use el block de notas, el cual no uso ni yo que llevo más de dos años maquetando en HTML. Nada más porque no me indica los colores, ni los errores, ni me da formato automático.

Luego existe otros programas para edición HTML, pero son más avanzados, y tienes que estar acostumbrado a interpretar el codigo.

En cambio el Dreamweaver está muy bien para la gente que empieza. Distintamente que también lo usen los profesionales.

Has entendido ya el motivo?? un saludo!

santaseo · #15 (**permalink**) 16/05/2012, 06:33

Cita:

Iniciado por letsalcido

Dreamweaver si eres novato???

Creo que ese es un excelente programa tanto para novatos como para profesionales... El ser experto en motos no te exenta de traer casco y protección... se entiende?

Lo dijo porque marca los errores, colores y porque te da opciones al empezar a escribir o te cierra las etiquetas solo, por ejemplo.
No dijo que el Dreamweaver NO es para profesionales.

Vale aclararle a los notavos, que usen la parte de codigo en Dreamweaver y no la parte de graficos

Saludos!

ramonjosegn · #16 (**permalink**) 16/05/2012, 14:37

Si no tiene que ser un diseño personalizado, los CMS son los que están pegando fuerte ahora mismo, sistemas como Wordpress, Joomla y otros similares dominan el mercado.

letsalcido · #17 (**permalink**) 18/05/2012, 14:24

Cita:

Iniciado por santaseo

Lo dijo porque marca los errores, colores y porque te da opciones al empezar a escribir o te cierra las etiquetas solo, por ejemplo.
No dijo que el Dreamweaver NO es para profesionales.

Vale aclararle a los notavos, que usen la parte de codigo en Dreamweaver y no la parte de graficos

Saludos!

Ah bueno... sigo en discrepancia con la clasificación, pero entiendo su punto de vista.

Saludos!

fishdesign · #18 (**permalink**) 18/05/2012, 19:06

Dreamweaver no debería ni de existir. Para profesionales? Por favor...xD
[ironic]Estoy seguro que en cada equipo de desarrollo de Google, Apple o Facebook hay instalado un Dreamweaver y un Front Page [/ironic]

Si no sabes maquetar, lo mejor sería dedicar algunas horas a leer tutoriales sobre html y css.
Si te pones con dreamweaver a maquetar dando clicks a opciones de un menú o basándote en la "vista diseño" (que no tiene nada que ver con un navegador real) no vas a saber ni lo que estás haciendo y el resultado puede ser algo más que una porquería.
Está repleto de malas prácticas y por supuesto no es útil para iniciarse.
Es un programa en absoluto profesional. Tiene problemas con codificaciones, indentaciones, se pasa estándares por el forro, ocupa una barbaridad, consume demasiado para lo que hace, un precio muy caro para haber tantas alternativas open source infinitamente mejores (véase Netbeans).

Luego ya como IDE de desarrollo mejor ni hablamos..han implementado ya debug para JS y PHP? En la versión CS4 todavía no lo habían hecho xD

Block de notas a secas no hay que ser tan puritano, por que es tan básico que no es ni funcional (y no hablo solo de colorear código, sino de conteo de líneas, sistema de búsqueda en condiciones, buenas indentaciones, etc) pero algo como Notepad++ o Sublime Text lo veo como muy buenas opciones para maquetar.

Photoshop será lo mejor que tu quieras, pero no es una herramienta orientada al diseño web aunque la mayoría la usemos para esto y cualquiera que lo use, sabrá las limitaciones que tiene Photoshop para esta área (si, las tiene). Sin embargo Fireworks si está orientado al diseño web.