Wie kann ich ein interaktives Modell meines Photoshop-Webdesigns erstellen?

Dies ist das erste Mal, dass ich das mache. Ich habe ein Webdesign in Photoshop erstellt und weiß nicht, was ich als nächstes tun soll. Ich muss anderen Leuten die Website zeigen und dachte an die Verwendung von WebEx. Gibt es eine andere Software, in die ich mein Design einfügen kann und die dann als Website funktioniert, oder muss ich mir eine andere Software besorgen und das Design erneut erstellen?

Antworten (2)

Wenn Sie der Website die beste Alternative zur Demo zeigen möchten, wäre es, sie als HTML und CSS zu codieren. Wenn Sie das Design mit Vektoren erstellt haben, können Sie testen, ob die Vektoren in SVG konvertiert werden können, und die Datei in einem Browser öffnen, aber in Farbverläufen oder Effekten wird der Übergang nicht richtig. In Zukunft würde ich vorschlagen, in Illustrator zu entwerfen, aber in Wirklichkeit wäre es am besten, im Browser mit Code zu entwerfen.

Ich habe von kostenpflichtigen Konvertierungstools gehört, die ein PSD nehmen und es in HTML umwandeln können, aber ich habe noch nie eines verwendet und vorgeschlagen, dass eines nicht im Umfang der Website liegt, da es als Spam angesehen werden könnte und der Link verrotten kann, als ob Dienste kommen und gehen.

Zusammenfassend lässt sich sagen, dass es derzeit keine Ein-Klick-Lösung gibt, die mir bekannt ist.

Danke! Ich habe eine andere Frage, ich kann nicht codieren. Ich arbeite für eine kleine Firma und muss Modelle erstellen. Dass ich darauf klicken und zu anderen Seiten gehen kann. Können Sie mir bitte eine Software oder einen Weg nennen, wie ich es tun kann, weil ich im Moment nur die erste Seite erstellt habe, wenn ich anfangen muss, eine andere Software zu verwenden, die ich kann. Nochmals vielen Dank für die Antwort an mich.
Hat jemand etwas dagegen, die Ablehnung zu erklären?

@Mike, ich denke, @DarthVader hat deine Frage ganz gut beantwortet. Aber nur um mehr Licht auf Ihre Folgefrage zu werfen: Es gibt eine Vielzahl guter Tools, die Ihren Workflow mit wenig oder gar keiner Programmierung unterstützen können. Da sich Ihr Workflow in Adobe Photoshop befindet, verfügt Adobe über Adobe Experience Design , das nahtlos mit Photoshop zusammenarbeitet. Besuchen Sie die Lern- und Support- Seite für einen schnellen Start. InVision ist ein weiteres interaktives Web-Prototyping-Tool, das sich gut in Photoshop integrieren lässt . UXPin unterstützt auch Photoshop- Importe, Proto.io hat auch eine großartige Unterstützung für Photoshop und Justinmind, ermöglicht großartige Prototyping-Optionen, obwohl die Photoshop-Integration / der Workflow etwas eingeschränkt ist.

Beachten Sie , dass es eine Vielzahl großartiger Tools gibt und die Wahl, mit was Sie arbeiten möchten, eine Frage Ihres Budgets und Ihrer persönlichen Vorlieben ist.

Es gibt eine Menge "Werkzeuge" da draußen. Ich würde niemandem vorwerfen, großartig oder gar gut zu sein.
@Confused Sie zeichnen im Wesentlichen ein Rechteck über einem Bereich und sagen dann, dieses Bild anzuzeigen, wenn darauf geklickt wird. Was könnten diese Anwendungen möglicherweise falsch machen?
Sagen Sie es so, Sie lassen mich fragen, warum das Erstellen von Websites nicht nur Point-n-Click = Webby ist !!!
Vielleicht bin ich @Confused, weil ich dachte, dass diese Anwendungen nicht zum Erstellen von Websites gedacht sind?
Du wirst abgelenkt. Der Anspruch ist, dass diese Tools großartig sind. Ich bestreite das, weil ich es für falsch halte, falsche Hoffnungen auf „großartige“ Software-Erfahrungen zu setzen, wenn die gesamte Branche nichts dergleichen bietet.
@Verwirrt, Größe ist relativ. Nur weil etwas Ihre Zufriedenheit nicht erfüllt, disqualifiziert es es nicht von der Größe in den Händen anderer. Es hängt davon ab, wie Sie das Tool verwenden. Jemand würde sagen, dass Notepad großartig zum Codieren von Websites ist, und ein anderer könnte es als schwach bezeichnen. Aus Ihrer Sicht würde ich wirklich gerne hören, was den Prototyping-Tools bisher fehlt.
Wie kann ich ein interaktives Modell meines Photoshop-Webdesigns erstellen?
AntwortenHierDatenschutz-Bestimmungen1y, 0v