PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Webentwicklung von PSD zu HTML und umgekehrt
Beitrag
<blockquote data-quote="Windwalker" data-source="post: 1991440"><p>Hallo zusammen!</p><p></p><p>dies ist mein erster Post in diesem Forum, deshalb erstmal ein Gruß in die Runde! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /></p><p></p><p>Nun zu meiner Frage. Ist wahrscheinlich etwas umfangreich, und wurde im Prinzip schon oft gestellt, aber ich hoffe, dass ich auf Zuhörer treffe... <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /></p><p>Ich bin Entwickler in einer Softwarefirma, die Intranetlösungen anbietet.</p><p></p><p>Wir haben uns vor einiger Zeit von einer auf HTML/CSS/JS-spezialisierten Fremdfirma, aus einem PSD-Design unser Communications-Abteilung ein schickes, modernes HTML-Markup als Grundlage für das "Framework" unserer Software entwickeln lassen. Wir bekommen eine "Dummy-HTML-Struktur" geliefert, die genau der PSD-Vorlage entspricht.</p><p>Mit unserer Software rendern wir nun das HTML (und füllen es mit Leben), damit aus dem CSS die Styles gezogen werden und die Seite so aussieht, wie vom Design entworfen.</p><p></p><p>Nun zum Kern:</p><p>Nach und nach haben wir unser Framework weiterentwickelt. Dabei wurde das CSS modifiziert, neues HTML wird erzeugt usw...</p><p>Die PSDs unserer Designabteilung und das darauf (von der beauftragten Firma erzeugte) Dummy-HTML mit CSS entsprechen nicht mehr dem Stand unserer Software. Natürlich wird dieser Spalt zwischen Designvorlage und tatsächlicher Software nicht kleiner. :-(</p><p>Als bloßer Software-Entwickler fehlt mir hier das Fachwissen, deshalb die Frage an Euch Experten:</p><p></p><p>Wie arbeiten diese Firmen? Die bekommen von uns ein/mehrere PSDs und nach einigen Tagen erhalten wir (wie aus einer Blackbox <img src="/styles/default/xenforo/smilies/zwinker.gif" class="smilie" loading="lazy" alt=";)" title="Wink ;)" data-shortname=";)" /> ) dieses HTML/CSS/JS-Gerüst, was Look und Feel der Seite erzeugt.</p><p>Machen die das evtl. über Fireworks oder Dreamweaver?</p><p></p><p>Durch die ständigen Weiterenwicklungen unserer Software suchen wir nun einen Weg, wie wir Änderungen an der Software ins Design zurückführen können - damit beide Seiten weiterhin zueinanderpassen. Manchmal werden neue Entwicklungen über das Design vorgegeben, oft passiert es aber auch anders herum, d.h. wir entwicklen ein "neues Stück Software", welches im PSD dann aber fehlt.</p><p>Wir suchen hier nach einem Tool, mit welchem wir die gewünschte HTML-Struktur (DIVs, CSS-Klassen und -IDs etc.) aus dem PSD erzeugen können.</p><p></p><p>Mittlerweile habe ich schon einiges im Internet gelesen - viele Webdesigner sagen, dass solche Prozesse nur mit dem geschulten Auge eines erfahrenen Designers richtig durchgeführt werden können. Das mag sicher richtig sein. Dennoch kann ich mir nicht vorstellen, dass solche Firmen, wie die von uns beauftragte, keine Tools einsetzen.</p><p>V.a. wenn man davon ausgeht, dass eine Website stetig weiterenwickelt wird (so wie in meinem Fall).</p><p></p><p>Könnt Ihr mir hier weiterhelfen?</p><p>Jegliche benötigte Software ist im Prinzip bei uns vorhanden, nur müssen wir Design- und Softwareentwicklung irgendwie zusammenbringen...</p><p></p><p>Danke!</p><p>Sascha.</p></blockquote><p></p>
[QUOTE="Windwalker, post: 1991440"] Hallo zusammen! dies ist mein erster Post in diesem Forum, deshalb erstmal ein Gruß in die Runde! :) Nun zu meiner Frage. Ist wahrscheinlich etwas umfangreich, und wurde im Prinzip schon oft gestellt, aber ich hoffe, dass ich auf Zuhörer treffe... :) Ich bin Entwickler in einer Softwarefirma, die Intranetlösungen anbietet. Wir haben uns vor einiger Zeit von einer auf HTML/CSS/JS-spezialisierten Fremdfirma, aus einem PSD-Design unser Communications-Abteilung ein schickes, modernes HTML-Markup als Grundlage für das "Framework" unserer Software entwickeln lassen. Wir bekommen eine "Dummy-HTML-Struktur" geliefert, die genau der PSD-Vorlage entspricht. Mit unserer Software rendern wir nun das HTML (und füllen es mit Leben), damit aus dem CSS die Styles gezogen werden und die Seite so aussieht, wie vom Design entworfen. Nun zum Kern: Nach und nach haben wir unser Framework weiterentwickelt. Dabei wurde das CSS modifiziert, neues HTML wird erzeugt usw... Die PSDs unserer Designabteilung und das darauf (von der beauftragten Firma erzeugte) Dummy-HTML mit CSS entsprechen nicht mehr dem Stand unserer Software. Natürlich wird dieser Spalt zwischen Designvorlage und tatsächlicher Software nicht kleiner. :-( Als bloßer Software-Entwickler fehlt mir hier das Fachwissen, deshalb die Frage an Euch Experten: Wie arbeiten diese Firmen? Die bekommen von uns ein/mehrere PSDs und nach einigen Tagen erhalten wir (wie aus einer Blackbox ;) ) dieses HTML/CSS/JS-Gerüst, was Look und Feel der Seite erzeugt. Machen die das evtl. über Fireworks oder Dreamweaver? Durch die ständigen Weiterenwicklungen unserer Software suchen wir nun einen Weg, wie wir Änderungen an der Software ins Design zurückführen können - damit beide Seiten weiterhin zueinanderpassen. Manchmal werden neue Entwicklungen über das Design vorgegeben, oft passiert es aber auch anders herum, d.h. wir entwicklen ein "neues Stück Software", welches im PSD dann aber fehlt. Wir suchen hier nach einem Tool, mit welchem wir die gewünschte HTML-Struktur (DIVs, CSS-Klassen und -IDs etc.) aus dem PSD erzeugen können. Mittlerweile habe ich schon einiges im Internet gelesen - viele Webdesigner sagen, dass solche Prozesse nur mit dem geschulten Auge eines erfahrenen Designers richtig durchgeführt werden können. Das mag sicher richtig sein. Dennoch kann ich mir nicht vorstellen, dass solche Firmen, wie die von uns beauftragte, keine Tools einsetzen. V.a. wenn man davon ausgeht, dass eine Website stetig weiterenwickelt wird (so wie in meinem Fall). Könnt Ihr mir hier weiterhelfen? Jegliche benötigte Software ist im Prinzip bei uns vorhanden, nur müssen wir Design- und Softwareentwicklung irgendwie zusammenbringen... Danke! Sascha. [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Webentwicklung von PSD zu HTML und umgekehrt
Oben