¿Hay alguna razón por la que no pueda usar Adobe Illustrator para crear y exportar gráficos web?

No es solo que no haya ninguna razón por la que no pueda usar Illustrator para el diseño web, en realidad diría que debería estar usándolo. Ahora más que nunca. Hay un par de razones para esto:

Illustrator trabaja con archivos que son independientes de la resolución.

Optimización para pantallas de alta resolución. Diseñar para la web ya no se limita a los 72ppi. Si le preocupan las pantallas de retina (¡lo que debería ser!) Probablemente desee exportar a doble resolución y baja resolución, para que su obra de arte se vea agradable y nítida en cada dispositivo.
Hacer esto en Photoshop es un poco torpe, y debe ser muy consciente de cómo está creando sus activos para que se escalen correctamente (la reducción de escala es una opción, pero luego se encuentra con muchos otros problemas como el suavizado) , qué tipo de derrota el punto de usar PS perfecto para píxeles en primer lugar). Con Illustrator, puede crear su diseño una vez a resolución regular, y simplemente ejecuta su exportación o guardar para comando web dos veces con diferentes configuraciones y ya está.

Compartir activos con otros proyectos. Sí, su cliente le dijo que solo necesitarían un sitio web , pero ahora también necesitan folletos. Ah, y la fecha límite es mañana. La recreación de ilustraciones de Photoshop desde la web para imprimir es una tarea difícil, y también puede llevar mucho tiempo. Con Illustrator, solo guarda sus gráficos como PDF y está listo para imprimir en cualquier tamaño. También echa un vistazo a Convertir formas de Illustrator en código, un complemento de aspecto muy útil.

Impresión de maquetas para clientes. La presentación lo es todo. En mi experiencia, los clientes prefieren recibir impresiones físicas en lugar de diseños en pantalla (a menos que sea una pantalla de iPad, en cuyo caso les encantará cualquier cosa que les muestres. Hecho real). Como el ilustrador es independiente de la resolución, todo lo que tiene que hacer es hacer clic en imprimir . No es tan fácil si estás usando PS.

Illustrator tiene dos formas de ‘cortar’ obras de arte.

En PS, debe usar la herramienta de división para dividir su contenido antes de exportarlo a la web. No hay nada particularmente malo en eso, y puede hacer exactamente lo mismo con Illustrator. Por otro lado, Illustrator también es compatible con mesas de trabajo, que le permiten hacer algo similar, pero con algunas ventajas adicionales.

  1. Puede copiar / pegar su obra de arte en nuevas mesas de trabajo con fondos transparentes (sin tener que meterse con el diseño real), ideal para generar un montón de PNG extra útiles muy, muy rápidamente.
  2. Puede escalar activos que se usarán de manera receptiva (y, por lo tanto, necesitan una resolución un poco más alta que en un diseño fijo, para tener en cuenta la escala potencial) en mesas de trabajo separadas, sin tener que pasar por pasos de exportación adicionales cada vez.

Illustrator ES capaz de crear activos con píxeles perfectos.

Esta es una adición bastante nueva a Illustrator, pero la combinación de ‘alinear a la cuadrícula de píxeles’ y ‘vista previa de píxeles’ esencialmente convierte a Illustrator en un editor de ráster, en lo que respecta a la precisión, con las enormes ventajas que mencioné anteriormente.

Todos aman los archivos pequeños.

Recientemente completé un sitio web que incluía docenas de plantillas de página y cientos de ilustraciones e iconos. Los PDF finales para la separación fueron un poco más de 8Mb. Todos ellos. Conjunto.
No creo que pueda exagerar lo útiles que son los archivos pequeños, ¿verdad?

Cualquiera puede ver un PDF.

PSD no es un formato ampliamente reconocido y mucha gente no podrá verlo. Cualquiera puede ver un PDF. Yo descanso mi caso.


Entonces, ¿por qué usarías Photoshop nuevamente?

Ninguno en absoluto. Nunca he usado Photoshop para crear imágenes web / maquetas. Se siente demasiado engorroso y menos intuitivo que Illustrator. Illustrator parece más natural de usar.

Herramientas como la paleta de alineación son invaluables. Poder exportar SVG es un regalo de Dios. Hay tantas razones por las que elijo AI en lugar de PS

Mi favorito personal es la biblioteca de símbolos. Crea una flecha, arrástrala a tu biblioteca de símbolos, úsala tantas veces como quieras, si necesitas cambiar la flecha a un cuadrado, edita el símbolo una vez, ¡el resto se actualiza automáticamente! No obtienes eso en Photoshop (que yo sepa, feliz de ser corregido).

De todos modos, te recomiendo que comiences a usar Illustrator de inmediato.

No no hay. En Photoshop (o gimp), puede tener control sobre su píxel de una manera más intuitiva en lugar de Illustrator (o inkscape). Pero si eres lo suficientemente fluido, también deberías crear maquetas de alta fidelidad en Illustrator.

EDITAR: Para responder al comentario, aquí hay un enfoque más amplio.

Inkscape (no he usado tanto ilustrador como inkscape, pero escuché que son teóricamente más o menos iguales) tiene más que ver con el diseño en profundidad. Se usa principalmente para detalles más finos de cualquier pieza de trabajo (por ejemplo, creación de logotipos). Para las maquetas, el trabajo de alto nivel con Photoshop (una vez más, utilicé gimp más) es mejor y más rápido utilizando un mejor control sobre las capas, el tamaño y la forma, y ​​la simplicidad en la interfaz de usuario.

Es difícil decir si encontraría alguna ‘imposibilidad técnica’ con Inkscape (estoy bastante seguro de que no lo hará), pero la mayoría de la gente prefiere Photoshop, eso es todo.

Usted puede. La opción “Guardar para web” funciona exactamente como en Photoshop.

En la práctica, a menudo es mejor ir a través de Photoshop para el ráster final.

Si tiene pequeños problemas de antialiasing, esta es la única forma de obtener un render perfecto de píxeles. Esto es particularmente cierto para imágenes pequeñas como botones e íconos.

Absolutamente no. No soy diseñador web, pero los archivos de Illustrator pueden, al menos, exportarse a los formatos ráster más populares o, alternativamente, abrirse directamente en Photoshop y “modificarse”.

More Interesting

¿Es realmente necesario saber más que HTML y CSS para ser un diseñador web independiente cuando hay tantos fragmentos de código listos para usar en la web?

Usando Python y SQLite3, o cualquier base de datos similar, ¿cómo puedo sincronizar múltiples archivos Db que son locales en diferentes máquinas?

ELI5: ¿Qué es la herencia diferencial?

Cómo hacer un sitio web para que la gente vea películas

¿Cómo inserto el contenido de Quora en mi sitio web o blog?

¿Recomiendas que un nuevo programador asista a una escuela que enseña la pila MEAN o Ruby on Rails? Ambas escuelas son excelentes lugares.

¿Cuál es el mejor formato de imagen para nuestro sitio web si necesitamos que nuestra imagen tenga un fondo transparente?

¿Puedo hacer IPL fantasy como sitio web con WordPress? En caso afirmativo, ¿qué tema debo usar?

Mientras escribo código (Java) para un proyecto personal, fácilmente me quedo sin inspiración y lo abandono a la mitad. ¿Es esta una experiencia común entre los desarrolladores y cómo puedo mantener el impulso para completar un proyecto?

¿Qué significa escribir un buen código PHP?

¿Cuáles son algunas empresas de desarrollo de sitios web en Noida?

En igualdad de condiciones, ¿qué es más efectivo para SEO, un blog que usa WordPress o para crear el mismo contenido en páginas html individuales?

¿Cuál es la API de mi computadora y dónde se usa?

Cómo codificar el menú desplegable

¿Existe un creador de sitios web que incluya un foro y blogs?