¿Por qué no deberías diseñar sitios web en InDesign?

Answer 1

La pregunta decía “sitios web de diseño” no “sitios web de código”, ¿verdad? Entonces, ¿por qué “diseñar” en InDesign?

Es un programa de diseño y estructuración de documentos, no un programa de impresión. Admite proyectos web con modo RGB y unidades de píxeles (de la misma manera que Photoshop e Illustrator admiten CMYK y pulgadas). Tiene paginas. Las páginas tienen una relación entre sí. Las páginas tienen maestros. Los maestros pueden construirse sobre maestros. Las páginas pueden tener diferentes tamaños. Tiene estilos de párrafo. Estilos de personajes. Estilos de objeto. Estilos anidados. (Todo esto crea archivos de diseño muy SECOS.) Estilo dinámico impulsado por expresiones regulares (de manera increíble). Puede buscar y reemplazar estilos por nombre o atributo. Los objetos se pueden colocar dentro de otros objetos. Los objetos se pueden colocar en línea con el texto. Los objetos en línea con el texto pueden tener estilos de texto aplicados. Tiene referencias cruzadas para que una edición de texto en una página se cambie en otra. Tiene variables de texto para cosas como fechas, hora, nombres de archivo y nombres de imágenes. Puede configurar la verificación previa para verificar el tamaño de fuente, el ancho del trazo, la resolución de la imagen, el escalado de la imagen, las imágenes desproporcionadas, las imágenes faltantes, las anulaciones de estilo y más. Puede recolectar activos. Tiene características robustas de enlace de archivos como mostrar ppi efectivos, rutas de archivos vinculados e información de metadatos. Los archivos en capas vinculados pueden tener capas activadas y desactivadas en diferentes instancias. Tiene control de efectos avanzado. Los efectos se pueden aplicar individualmente a trazos, rellenos o texto en el mismo objeto. Tiene columnas de página, columnas de texto, cuadrículas de referencia y un reflujo de texto impresionante entre los objetos. Tiene hipervínculos. Los hipervínculos se pueden reutilizar. Los hipervínculos se pueden iniciar desde la aplicación. Ha incorporado subtítulos de imagen estáticos y dinámicos. Las imágenes se pueden escalar automáticamente cuando los contenedores de objetos se escalan. Tiene fusión de datos para extraer contenido de una hoja de cálculo. Puede rastrear los cambios de copia. Tiene texto condicional para que pueda tener una copia diferente en una sola página y alternar diferentes estados. Pero…

No se corta. Por lo tanto, no puede crear sitios web que sean imágenes en mosaico gigantes. Y no exporta HTML (en realidad lo hace). Pero, ¿qué desarrollador quiere exportar HTML de un programa de diseño? Y tiene funciones limitadas de exportación de imágenes. Pero traes fotos a InDesign y no las envías. Use Photoshop para la optimización de imágenes. No culpamos a HTML por no saber cómo mover las cosas por la página. ¿Por qué? Porque es marcado, no Javascript.

Usa Photoshop para componer imágenes. Use Illustrator para crear ilustraciones vectoriales. Use InDesign para crear diseños. Y use un editor de texto para codificar su proyecto. Cuando se trata de usar las herramientas correctas para el diseño, usar Photoshop es definitivamente la herramienta incorrecta. E Illustrator es débil.

Answer 2

Ya he respondido muchas preguntas similares …

En comparación con las tecnologías web, Adobe InDesign es demasiado preciso (especialmente en tipografía y tipografía) y tiene demasiadas características visuales que no cumplen con la web (por ejemplo, formas personalizadas, transparencias, ajuste de texto).

Por otro lado, las tecnologías web pueden hacer cosas, InDesign nunca soñó, ¡o al menos tiene muchas dificultades! Como dejar que los elementos en una página / pantalla se escalen y se muevan automáticamente (los diseños alternativos simplemente no lo cortan, de ninguna manera).

Debo admitir que el conjunto actual (en realidad bastante antiguo) de opciones de animación es bastante útil para diseñar algunas interacciones y efectos, pero demasiado limitado para interfaces más complejas y diseño web interactivo.

El diseño no es solo cómo se ve y se siente, sino cómo funciona ( Cita de Steve Jobs ).

Y, de nuevo: es solo el diseño, una maqueta, en el mejor de los casos, un prototipo que funciona vagamente.
Pero nada para ser utilizado como un sitio web que realmente funciona.

Hay herramientas gradualmente especializadas disponibles para hacer el diseño visual de sitios web, aplicaciones y demás. Busque algunos consejos en estas respuestas.

Answer 3

No hay razón para no diseñar en Indesign. Las personas que dicen que no debes ignorar las capacidades de InDesigns. Llevo 7 años haciendo desarrollo web y diseño gráfico durante 10 años. He hecho más de 100 sitios web.

En realidad, es mucho más rápido crear un diseño a partir de un archivo de diseño correctamente exportado.

Si el diseñador proporciona el PDF del diseño y exporta todos los activos a una carpeta, todo lo que tiene que hacer es cargar esos activos en el sitio y luego escribir el código. No hay archivos PSD para cortar. Le ahorra un montón de tiempo que configure un flujo de trabajo adecuado. Si necesita probar códigos de color, simplemente abra el PDF en Photoshop, y el texto debe estar en un archivo separado de todos modos.

En ese diseño requiere activos vinculados al igual que un sitio web, en realidad refleja más de cerca cómo se hace un sitio web. Además, es mucho más rápido hacer el diseño de página en un programa de diseño de página, por lo que el diseñador también ahorra tiempo.

Answer 4

Solo una nota en referencia al comentario de que Photoshop es el “valor predeterminado para presentar ideas” … es ampliamente utilizado, pero los diseñadores reales comenzarán en papel y luego elegirán la herramienta adecuada para realizar el diseño. Comenzar en cualquier programa de ‘DISEÑO’ en última instancia conduce a diluir un diseño basado en las herramientas de aplicaciones y / o el nivel de habilidad de los usuarios de esas herramientas.

Answer 5

Otra razón, vinculada al hecho de que el software es para imprimir, es que la pantalla muestra objetos con precisión para imprimir. Una hoja de papel de 4 “x 4” parece bastante cercana al 100% cuando se ve en InDesign en estos días. Pero cuando se diseña en píxeles, el tamaño aparente es incorrecto, por lo que no tiene idea de cuán grande es realmente lo que ha dibujado. Puede solucionarlo con este script que le permite cambiar su aumento para que sea preciso para impresión / web, lo que al menos le brinda una oportunidad de lucha.
http://indesignsecrets.com/custo …

Answer 6

Debido a que Adobe InDesign está diseñado para la publicación de escritorio, no para el diseño de sitios web. Ofrece muchas funciones inútiles para el diseño de sitios web y carece de muchas funciones.

Por ejemplo, el diseño del sitio web no requiere ninguna función de impresión o exportación, ni ninguna función de conversión de PDF, que ofrece InDesign. Sin embargo, la función básica de exportación html y la configuración de creación de sitios web no se ofrecen.

Para diseñar sitios web, Adobe tiene un excelente software: Adobe Dreamweaver. Si no puede escribir códigos, aún puede usar Muse.

Answer 7

En contraste con las otras respuestas, podría notar que si está buscando una herramienta para sitios web de estructura de alambre , entonces InDesign, con su diseño estructural, herramientas de dibujo, bibliotecas, estilos de objetos, hipervínculos, botones y formularios es una herramienta excelente.

Preferiría que InDesign se usara más para el trabajo web, y me pidieran que diseñara en Photoshop porque “eso es lo que siempre hemos hecho” es muy molesto.

Answer 8

InDesign puede tener algunas características web, pero en realidad no pretende ser una herramienta de diseño web. En primer lugar, es para la publicación de escritorio y es ideal para documentos de varias páginas y diseño para impresión. Cualquier código HTML que genere será terriblemente intrincado y no realmente adecuado para su propósito.

Adobe sí ofrece Dreamweaver y Muse para el diseño web, pero si tiene un buen conocimiento de HTML y desarrollos relacionados, no necesita ninguno de ellos y probablemente podría funcionar con Notepad ++ o Sublime Text.

Answer 9

Bueno eso depende.
Si desea diseñar las páginas de su sitio web con una buena cuadrícula y márgenes y columnas como una ilustración del concepto de su sitio web, podría ver querer hacer eso.

El problema es que Adobe inDesign es realmente malo en .jpegs, como realmente malo. Mientras que Photoshop (el valor predeterminado para diseñar ideas) puede hacer cosas increíbles con .jpegs y rebanadas, y exportar para uso web.

Si realmente necesita una cuadrícula para trabajar cuando diseñe, simplemente use GuideGuide, una muy buena extensión de Photoshop que ingresará un montón de guías en una cuadrícula en Photoshop.

Answer 10

Cuando veo preguntas como esta, pienso en el dicho: “Cuando la única herramienta que tienes es un martillo, todo parece un clavo”. Claro, podrías clavar un tornillo, pero un destornillador hará un trabajo mucho mejor.