Diseño de un sitio web desde cero: ¿Illustrator o Photoshop?

Si estoy diseñando un sitio web desde cero y tengo la intención de cortarlo y codificarlo en Adobe Dreamweaver más tarde, ¿debería crear el diseño del sitio web en Illustrator o Photoshop? ¿Por qué?

Respuesta literal rápida: entre Illustrator y Photoshop, PhotoShop, ya que es una trama, como es el sitio web.

Respuesta un poco más detallada: estarías usando ambos.

Respuesta alternativa: considere usar Adobe Fireworks. Fireworks es mucho más fácil de usar una vez que se acostumbra a producir gráficos web.

Conferencia larga y aburrida respuesta:

El método "Slice-n-Dice" se fecha un poco. Era popular hace una década, pero en estos días no es realmente el enfoque recomendado. Me gustaría sugerir:

• Use cualquier aplicación (AI / PSD) a 'boceto' el sitio. No dude en ir de alta fidelidad, pero tratarla simplemente como una maqueta.

• una vez que tenga que establecerse, empezar a construir el sitio. Sumergirse en el HTML / CSS / JS.

• según sea necesario, salto en Photoshop para crear los elementos gráficos individuales que necesita.

¿Por qué? Así, el diseño en photoshop no tiene en cuenta el medio que se está trabajando. Es un lienzo fijo y la web no es un lienzo fijo, ni es siquiera tela estándar. Esto lleva al equipo hacia una idea de píxel perfecto y la web, simplemente no es perfecta píxel.

El uso de fuegos artificiales o Illustrator para el logotipo y la creación de iconos. Para utilizar la edición de fotos Photoshop. Para todo lo demás poco importa. Yo sé que ha habido debates sobre el cual el software gráfico de usar pero es realmente la preferencia personal.

Sin embargo, tenga en cuenta:

• Fireworks es mejor para la compresión PNG sin embargo. Los tamaños de los archivos tienden a ser 20% -30% más pequeño que Photoshop.

• Si usted sabe por el camino que va a diseñar otras contenido no web para el sitio (camisetas, carteles, volantes, etc) es mejor si se inicia en un programa basado en vectores.

Tengo que estar de acuerdo con DA01.

El hecho de que un documento web no es una imagen estática es irrelevante para la utilidad de un editor de gráficos para el trazado y el diseño de un sitio web. Su maqueta de diseño no necesita (y no debe) ser un prototipo funcional de su sitio web. La maqueta de diseño es un documento que ayuda a visualizar y esculpir el diseño estético de su sitio.

El hecho de que una hoja de papel o una pizarra no tiene todas las cualidades de la hora de un documento web, no significa que no se puede utilizar para un sitio web de estructura alámbrica. Del mismo modo, el hecho de que la ventana del navegador se puede estirar y cambiar de tamaño no influye en el valor de maquetas de diseño. Cualquier diseñador web con experiencia sabrá planificar ciertas partes del diseño tan elástica y dar cuenta de las limitaciones de las tecnologías web. Todos los elementos visuales de un diseño aún pueden estar representados en una imagen plana (que es como se representa en la pantalla después de todo).

En segundo lugar, un enfoque poco sistemático de diseño no es conducente a resultados de calidad. Usted está diseñando un diseño web, a menos de cien los widgets aislados. Sin una maqueta del diseño completo, que está básicamente simplemente golpeando cosas sin ninguna idea de lo que el resultado final debe ser similar. Adición de elementos gráficos individuales pieza a pieza a medida que avanza sin una visión general de la composición completa es contraria a las buenas prácticas de diseño. Un diseño se completa cuando se le han acabado las cosas a eliminar, no cuando se han acabado las cosas que añadir.

Por último, se necesita mucho más tiempo para realizar cambios de diseño en el código que lo hace para retocar una imagen maqueta. Es por eso que siempre debe planificar su diseño de maquetas antes de comprometerse con el código. Si se utiliza un programa de gráficos vectoriales como fuegos artificiales o Illustrator o un programa como Photoshop trama depende de usted. Pero siempre se debe elaborar su diseño en un editor de gráficos antes de empezar a programarlo.

Aquí es un post bueno explicar esto de una manera divertida :) http://www.gomediazine.com/tutorials/photoshop-vs-illustrator-part-1/

aquí es una mejor explicación de una fuente muy confiable "http://99designs.com/help/whats-the-difference-between-photoshop-and-illustrator"

"En última instancia, la decisión de qué herramienta para su uso debe ser prescrito por el titular del concurso, pero en general, Illustrator se debe utilizar para los logotipos y el trabajo de impresión, mientras que Photoshop se debe utilizar para el diseño web y cualquier diseño que sólo se pueden ver en un ordenador pantalla."

Si necesita de "rebanar" se puede utilizar directamente Photoshop sin ir a Dreamweaver.

Existen 2 formas de rebanada en photoshop, de forma automática y manualmente seleccionando la parte del gráfico que necesita y guardarlo para la web, una pieza a la vez.

Cada vez que se "corte de forma automática" con HTML generador de decidirse a perder el control sobre el código. Al inicio de su carrera que está bien, que están aprendiendo, pero llegará un punto en el que tiene que saber el código, ya que para la optimización es mejor código de mano en un editor de texto avanzado (por ejemplo, el software Ultraedit) haciendo su propia hTML y CSS.

El único momento en que me parece más útil el corte en rodajas automática es cuando tengo que generar código de la tabla en el diseño de mensajes de correo electrónico.

photoshop para imagen lista. es decir, se trata el contenido del sitio. El cliente no está pagando por su mejora de la cartera. KL

Es bastante evidente que debe utilizar el photoshop para maquetas integrales de diseño web.

Ilustrador todavía diseños tienden a procesar más lenta en comparación con diseños de Photoshop.

Si está diseñando iconos y elementos web que sugeriría el diseño en ilustrador y luego colocar los elementos en photoshop.

Si crea maquetas en photoshop se puede transferir fácilmente los documentos a los fuegos artificiales para el prototipado rápido.

Photoshop será mejor. Esto ayudará a los usuarios a trozo.