Wie übergebe ich das Website-Design an den Webentwickler? [Duplikat]

Gibt es eine Möglichkeit, mit Webdesignern zu kommunizieren, die nicht auf beiden Seiten den PhotoShop verwenden? Es ist zu teuer. Wenn handgeschriebene Anmerkungen immer unvollständig, fehlerhaft und zeitaufwändig sind.

  1. Vielleicht gibt es einen PhotoShop-Viewer, mit dem Entwickler Farben, Größen, Farbverläufe und Schriftarten erfassen würden?
  2. Oder kann es sich um ein Tool handeln, das eine Textdatei mit Designanmerkungen aus Photoshop PSD generieren kann, die beschreiben kann, "wie es hergestellt wird"?
  3. Oder kann der Export in ein beliebiges Format eines Drittanbieters hilfreich sein?
  4. Oder ist Photoshop einfach nicht das richtige Werkzeug?

Hinzugefügt: CSS-Export (ich habe CSSHat ausprobiert) passt nicht gut: a) Größen sind in Pixeln (müssen in em / rem konvertiert werden) b) Schatten sind visuell nicht gleich.

Wenn also das Ziel darin besteht, "die Arbeit nicht zweimal zu machen", sollten Designer ein anderes Tool als PhotoShop verwenden. Natürlich verstehe ich, dass Photoshop immer noch das Beste für pure Kreativität ist ...

Ist Ihnen klar, dass Sie einen Monat Photoshop für 10 US-Dollar haben können? adobe.com/creativecloud/photography.html Das ist nicht zu teuer.

Antworten (3)

Angenommen, Sie verwenden die aktuellste Version von Adobe Photoshop, ist der einfachste Weg, das zu tun, was Sie möchten, das CSS der Ebenen zu exportieren. Klicken Sie mit der rechten Maustaste auf die Ebene im Ebenenbedienfeld und wählen Sie „CSS kopieren“. Dadurch werden die CSS-Regeln in Ihre Zwischenablage kopiert, die dann in einen beliebigen Texteditor eingefügt werden können.

  • Sie müssen Ihr Dokument mit den entsprechenden Namenskonventionen einrichten, damit das CSS Sinn macht.

  • Jede exportierte Ebene wird als CSS-Klassenregel angezeigt. Berücksichtigen Sie dies also beim Benennen Ihrer Ebenen. Jede Ebenengruppe hat auch ihre eigene Regel.

  • Sie müssen auch mit Ihrem Entwickler über einige kleine Änderungen sprechen, die er am CSS vornehmen muss, da es sich nicht um eine Situation zum Ausschneiden und Einfügen handelt. Beispielsweise werden Leerzeichen in Ihren Ebenennamen als „_“-Zeichen eingefügt, da Sie keine Leerzeichen in CSS-Regeln verwenden können.

Dadurch wird Ihre Seite nicht in ein HTML-Dokument konvertiert. Es wird einfach CSS basierend auf Ihrer Photoshop-Datei ausgegeben. Schriftarten, Farben, Formbreiten usw. Dies wird den größten Erfolg haben, wenn Ihr Entwickler bereit ist, mit Ihnen darüber zu kommunizieren, wie diese Regeln auf die Seite angewendet werden, um das Design zu erreichen.

Danke schön. Da bin ich dieser seltsame Entwickler, der PhotoShop nicht kaufen will. Aber jetzt habe ich ein Thema, das ich mit dem Designer besprechen kann.

Wir bauen WebSpek als unser eigenes Tool, speziell für die Kommunikation zwischen Designern und Entwicklern, es generiert vollständige Jobspezifikationen mit markierten Bildschirmen und Codeanforderungen

Es generiert auch eine interaktive Präsentation aus derselben Spezifikation. Sie können es auf YouTube in Aktion sehen

Die kostenlose Anmeldung ist ab Dienstag, den 24. Mai 2016 möglich

Vielen Dank für Ihre Antwort. Können Sie mir helfen, die Spezifikation/Präsentation zu verstehen? Ich gehe davon aus, dass es in der Lage sein sollte, Schriftarten, Größen und Farbverläufe zu erhalten - kann aber den Weg nicht finden.
Hallo Roman, die Registrierung zum Erstellen / Bearbeiten von Spezifikationen wird am Dienstag verfügbar sein, aber wenn Sie möchten, kann ich jetzt ein Konto für Sie erstellen, senden Sie mir einfach Ihre E-Mail über das Kontaktformular auf oss-usa.com

Diese Frage wurde schon mal irgendwo gestellt.

Dann habe ich im Stack-Overflow-Forum nachgefragt und die Frage war schlüssiger. Normalerweise nehmen sie einfach die mehrschichtige PSD, sie nehmen, was sie brauchen, und erzeugen, was sie nicht brauchen.

In diesem Fall, dass der Webentwickler Photoshop nicht verwenden möchte, übergeben Sie einfach ein PNG als Vorlage und trennen die wichtigen Elemente (Logos, Fotos).

Generieren Sie kein eigenes CSS, wenn Sie nicht den CSS-Teil übernehmen. Nun, Sie können es generieren, aber erwarten Sie nicht, dass jemand es so verwendet, wie es ist.

PS Photoshop ist nicht zu teuer. 10 USD im Monat. http://www.adobe.com/creativecloud/photography.html

Vielen Dank für Ihre Antwort. Dort bin ich der Webentwickler (und es ist meine Initiative, etwas Besseres als PNG zu suchen). Jetzt verstehe ich, dass es drei Möglichkeiten gibt, den Prozess zu verbessern: 1) CSS- und Spezifikationsdokumentation generieren (nur CSS kann nicht verwendet werden, ich stimme zu) 2) PSD/PNG visuell mit Markup versehen 3) PSD in irgendeiner Art von Viewern öffnen das kann den Entwickler interaktiv anweisen ... Ich bin mir nicht sicher, wie das alles in der Praxis funktioniert.
Wie übergebe ich das Website-Design an den Webentwickler? [Duplikat]
AntwortenHierDatenschutz-Bestimmungen1y, 1v