He estado usando Photoshop durante los últimos 2 años para crear maquetas para mis sitios, pero el mayor problema que encuentro con Photoshop es su terrible forma de representar el texto de una manera realista en la web .
¿Hay algún producto de Adobe que sea más adecuado para el diseño web (es decir, la creación de maquetas de sitios)?
Depende de su propio estilo/proceso personal más que nada, y de lo que vaya a hacer con los diseños después. Mucha gente necesita Photoshop porque cortan partes de él después, otras personas que codifican a mano cada pieza de css y no usan rebanadas, imágenes, sprites, etc., pueden encontrar una hoja de papel y un lápiz igual de adecuados. Personalmente, he usado Adobe Illustrator durante mucho tiempo para crear todos mis diseños web, ya que codifico todo desde cero una vez que los clientes aceptaron una prueba visual, pero con la nueva función de salida CSS en Illustrator, ¡es aún más útil! Hay muchas herramientas diferentes que puede usar, pero enumeraré algunas de las mejores de Adobe a continuación:
Illustrator: como se indicó anteriormente, Illustrator es mi elección personal y se está volviendo cada vez más popular entre los diseñadores web por su estilo de diseño rápido y sus nuevas características sobresalientes basadas en el diseño web. Adobe tiene un excelente artículo con una guía de video y algunos archivos de muestra aquí que le muestran algunas de las mejores características de diseño web de Illustrator.
Photoshop: Photoshop ha sido el software elegido por los diseñadores web durante más tiempo del que puedo recordar, y aunque finalmente comenzó a quedarse atrás de algunos de sus hermanos a medida que el diseño web ha evolucionado en los últimos años, todavía tiene algunas funciones excelentes y puede ser muy útil para diseñadores web que saben cómo usarlo. Aquí puede encontrar otro gran artículo de Adobe con algunas de las funciones de diseño web más recientes de Photoshop .
Dreamweaver/Muse/Edge: Estoy agrupando estos porque forman el paquete de software WYSIWIG/Rapid Development que está llenando la línea de Adobe últimamente. Edge en sí es en realidad una combinación de varios elementos de software como Edge Animate para crear gráficos en movimiento basados en web a partir de elementos HTML/CSS/Javascript/SVG y Edge Reflow para crear diseños web receptivos sobre la marcha. Muse se está convirtiendo cada vez más en el software de diseño web insignia de Adobe y muchas de las funciones clave se enumeran aquí , mientras que Dreamweaver comienza a ser visto como un poco pesado y torpe, pero sigue teniendo una gran cantidad de funciones y mucha gente realmente ama las funciones. como su funcionalidad FTP integrada. Todo este software tiene incorporado el uso de " Edge Web Fonts " de Adobe." que le permite traer miles de fuentes excelentes y mostrarlas dinámicamente a cualquier persona que visite los sitios que haya creado. Web Fonts por sí sola probablemente sea razón suficiente para elegir cualquiera de estas herramientas de software, y probablemente resuelva mejor su problema inicial de tipo de visualización.
Nuevamente, depende más de su estilo y procesos que de cualquier otra cosa (¿ya lo mencioné?) qué características le atraerán, pero espero que esto le brinde una idea de las opciones disponibles.
Si desea que su maqueta se vea como se vería en el navegador, debe comenzar a diseñar en el navegador.
Dreamweaver sería el único producto de Adobe para eso, pero la mayoría de nosotros que tenemos que escribir HTML/CSS/JS hemos renunciado a DW hace mucho tiempo. Demasiados errores y tiende a interponerse en el camino más que nada.
De lo contrario, Photoshop, InDesign, Illustrator, etc. están bien para crear maquetas y solo tendrán diferentes ventajas y desventajas según sus deseos y necesidades particulares.
Nada supera al medio real (es decir, diseñar en HTML/CSS/JS) en cuanto a precisión. Dicho esto, para generar gráficos web, Photoshop sigue siendo mi aplicación preferida. Especialmente con el increíble complemento Cut and Slice . Este complemento realmente agiliza la producción de gráficos web (no más cortes estúpidos que tienes que activar y desactivar sobre capas) y te obliga a organizar tus capas de Photoshop de una manera significativa. El complemento solo funciona en Photoshop CS 6 y Photoshop CC anteriores a 2014 (usa Flash para crear la interfaz de usuario del complemento, que creo que no es compatible con CC-2014).
En cuanto a las fuentes, asegúrese de que sus clientes entiendan que las composiciones de Photoshop son solo eso: composiciones que les dan una idea general de cómo se verá el sitio. Estas composiciones no pueden ser 100% precisas porque la vista web está dictada por el navegador del usuario y las elecciones del usuario en la configuración del navegador, lo que puede incluir anular sus estilos CSS con los suyos propios. Una composición de Photoshop no es un navegador web que reproduzca HTML/CSS/JS.
El diseño web se trata realmente de proporcionar una guía (a través de una hoja de estilo CSS) que le dice a un navegador: "Recomendamos renderizar la página de esta manera". Pero no puede obligar a un usuario a verlo de esa manera.
Ahora, si necesita proporcionar un fragmento de estilo rápido, representado de forma nativa en un navegador web, para sus clientes, considere crear una guía de estilo HTML rápida. Consulte este recurso para conocer un posible punto de partida que puede utilizar.
Respuesta corta :
Prueba Adobe Firework. Producto de rendimiento 100 % rápido para diseño de maquetación.
jamiepatt