¿Cómo puedo crear una maqueta interactiva de mi diseño web de Photoshop?

Esta es la primera vez que hago esto. Hice un diseño web en Photoshop y no sé qué hacer a continuación. Tengo que mostrar a otras personas el sitio web y estaba pensando en usar WebEx. ¿Hay otro software en el que pueda poner mi diseño y luego funcionará como un sitio web o tengo que conseguir otro software y hacer el diseño de nuevo?

Respuestas (2)

Si necesita mostrar el sitio, la mejor alternativa a la demostración sería codificarlo como HTML y CSS. Si hizo el diseño con vectores, puede intentar probar para ver si los vectores se pueden convertir a SVG y abrir el archivo en un navegador; sin embargo, los degradados o los efectos no harán la transición correctamente. En el futuro sugeriría diseñar en Illustrator, pero en realidad lo mejor sería diseñar en el navegador con código.

He oído hablar de herramientas de conversión pagas que pueden tomar un psd y convertirlo en HTML, pero nunca he usado una y sugiero que no está dentro del alcance del sitio, ya que podría considerarse spam y el enlace puede pudrirse como si los servicios fueran y vinieran.

Entonces, para resumir, en este momento realmente no hay una solución de un clic que yo sepa.

¡Gracias! Tengo otra pregunta, no sé codificar. Estoy trabajando para una pequeña empresa y necesito hacer maquetas. Que puedo hacer clic e ir a otras páginas. Por favor, ¿puede decirme un software o la forma en que puedo hacerlo porque en este momento solo he hecho la primera página si necesito comenzar a usar cualquier otro software que pueda? Gracias una vez más por responderme.
¿A alguien le importaría explicar el voto negativo?

@Mike, creo que @DarthVader respondió bastante bien a tu pregunta. Pero solo para arrojar más luz sobre su pregunta de seguimiento, hay una gran cantidad de buenas herramientas que pueden ayudar a su flujo de trabajo con poca o ninguna codificación. Dado que su flujo de trabajo está en Adobe Photoshop, Adobe tiene Adobe Experience Design que funciona perfectamente con Photoshop. Visite su página de aprendizaje y soporte para un inicio rápido. InVision , es otra herramienta interactiva de creación de prototipos web que se integra bien con Photoshop. UXPin también es compatible con las importaciones de Photoshop , Proto.io también es muy compatible con Photoshop y Justinmind, permite excelentes opciones de creación de prototipos, aunque su integración/flujo de trabajo con Photoshop es un poco limitado.

Tenga en cuenta que existe una gran cantidad de excelentes herramientas y elegir con qué desea trabajar es una cuestión de su presupuesto y preferencia personal.

Hay una gran cantidad de "herramientas" por ahí. No acusaría a ninguno de ser genial, o incluso bueno.
@Confundido Básicamente, está dibujando un rectángulo en la parte superior de un área y luego dice que muestre esta imagen cuando se haga clic en ella. ¿Qué podrían estar haciendo mal estas aplicaciones?
Poniéndolo así, me hace preguntarme por qué hacer sitios web no es solo apuntar y hacer clic = ¡Webby!
¿Tal vez estoy @Confundido, porque pensé que estas aplicaciones no son para hacer sitios web?
Te estás distrayendo. La afirmación es que estas herramientas son geniales. Lo discuto porque creo que está mal sembrar falsas esperanzas de experiencias de software "excelentes" cuando todo el campo no ofrece nada por el estilo.
@Confundido, la grandeza es relativa. El hecho de que algo no te satisfaga no lo descalifica de la grandeza en manos de otros. Depende de cómo uses la herramienta. Alguien diría que el Bloc de notas es excelente para codificar sitios web y otro podría llamarlo débil. Desde su punto de vista, realmente me gustaría saber qué falta en las herramientas de creación de prototipos hasta ahora.
¿Cómo puedo crear una maqueta interactiva de mi diseño web de Photoshop?
RespuestasAquíPolítica de privacidad1y, 0v