Webdesign was Photoshop oder Illustrator verwenden?

Ich bin mit Anaksunamans Antwort in Bezug auf Photoshop nicht einverstanden. Neulich hatten wir eine ähnliche Frage, die ich beantwortete ( Organizing PSDs for developer ), wo ich erwähnte, dass wir uns als Designer und Programmierer in dieser sich entwickelnden Ära mit dem Workflow weiterentwickeln müssen und die Verwendung von Photoshop archaisch ist und im Webdesign keinen Zweck mehr erfüllt ein EFFEKTIVES Mittel der Entwicklung. Es ist immer noch ein großartiges Werkzeug für die Fotomanipulation, aber es für die Implementierung eines Website-Designs zu verwenden, ist für mich sinnlos.

Ich empfehle (Referenz: Was sind die Schritte beim Entwerfen einer Website? ), dass mit Illustrator ein besserer Ansatz erreicht werden kann, insbesondere bei der Verwendung von Zeichenflächen. Obwohl ich mich nicht auf das Entwerfen der gesamten Website in Illustrator beziehe, spreche ich über das Drahtmodell und das Modell. Sie sollten immer noch im Browser entwerfen, aber wenn Sie Symbole entwerfen, können diese in Illustrator fertiggestellt und exportiert werden. Wenn Sie Branding oder irgendetwas im Zusammenhang mit Druck entwickeln, würde ich sicherlich hoffen, dass das von Ihnen entwickelte Logo in Vektorform vorliegt und diese Vektorform als SVG für ein skalierbares Bild in responsivem Webdesign gespeichert werden kann. So kann ein einfaches Mockup oder irgendetwas anderes, was mit Symbolen zu tun hat, als SVG-Code exportiert und in ein XHTML-Dokument eingefügt werden (Referenz: Ich habe eine Karte in AI erstellt, aber die Dateigröße ist RIESIG als SVG?)

Zum Thema Codierung glaube ich, dass Dreamweaver sinnlos und verschwendetes Geld ist, und wenn Sie sich bei einigen Webentwicklungsfirmen umhören, mit denen ich gesprochen habe, schmunzeln sie über Dreamweaver. Es ist in Ordnung für neue Benutzer, aber Leute, mit denen ich gearbeitet habe und die angefangen haben, Dreamweaver zu verwenden, haben sich stark auf den Designvorschaubereich verlassen, anstatt am Code zu arbeiten, und die Codevervollständigung ist eine schlechte Angewohnheit für einen neuen Programmierer, auf die er sich verlassen muss. Sie werden sich nicht daran erinnern, wie man richtig codiert, wenn Sie von Anfang an immer die Codevervollständigung verwenden. Es gibt einige großartige und leistungsstarke kostenlose Code-Editoren wie Notepad++, Text Wrangler (ich bevorzuge BBEDit, das kostenpflichtig ist) und Sublime Text.

Also eine Zusammenfassung zu Ihrer Frage "Webdesign, wofür Photoshop oder Illustrator verwenden?": Beide, Bildbearbeitung, verwenden Photoshop und Illustrator für Logos, Mockups, Wireframes, Symbole und alles, was als SVG ausgeführt werden kann. Nachdem Ihr Modell fertig ist, würde ich in einem Code-Editor arbeiten und den Rest Ihrer Website entwickeln.

Photoshop oder Illustrator?

Ja. Und auch wahrscheinlich

• Papier
• Bleistifte
• Wireframe-Tools
• Javascript
• html
• css

Mit anderen Worten, Sie haben einen Werkzeugkasten und verwenden das richtige Werkzeug für die jeweilige Aufgabe.

Leider würde ich argumentieren, dass dies keine binäre Frage ist, da jedes Grafikprogramm Inhalte ausgeben kann, die auf einer Website verwendet werden können. In dieser Hinsicht ist es also viel mehr eine persönliche Entscheidung.

Wenn Sie jedoch nicht sofort programmieren (nur Mock-ups und zu verwendende Elemente exportieren usw.), ist Photoshop bei weitem das am weitesten verbreitete Produkt. Kunden möchten oder erwarten möglicherweise, dass Sie dieses Produkt verwenden, und in ähnlicher Weise können Dritte, die an Sie liefern (z. B. wenn Sie Logoarbeiten auslagern), ihre fertigen Produkte im .psd-Format an Sie liefern. Daher ist es sehr empfehlenswert, eine Kopie von Photoshop zu haben, unabhängig davon, was Sie täglich tun.

Für Ihre eigene Arbeit sind die Funktionen von Illustrator und Photoshop ähnlich genug, Sie können Illustrator sicherlich anpassen, um Front-End-Webdesigns (die grafischen Teile) zu erstellen. Eine einfache Google-Suche ergab dieses Ergebnis für einige grundlegende Einstellungen für CS5, die Webdesignern helfen würden. Denken Sie daran, dass Illustrator eher auf vektorbasierte Bilder und Drucke ausgerichtet ist und daher möglicherweise ein wenig um die Ecke denken muss, wenn es für Webdesign verwendet wird.

Adobe Dreamweaver steht hinter Photoshop auf der Fast-Must-Have-Liste, wahrscheinlich, zumindest wenn Sie mit Ihrem Design codieren. Für die Einstiegsarbeit mit Code (und einige proprietäre Probleme) ist Adobe Muse eine Art Alternative zu Dreamweaver. Es gibt natürlich viele andere gute Produkte, die ähnliche Dinge tun, aber auch hier wird Dreamweaver immer beliebter.

Alternativ gibt es eine Handvoll guter kostenloser Code-Editoren wie MS Visual Studio Express, Komodo und Notepad++ (und Sie können sogar MarkdownPad für einige grundlegende Inhaltsarbeiten verwenden.) Was Sie verlieren, wenn Sie Dreamweaver nicht verwenden, ist meistens WYSIWYG, da andere Produkte dies tun Codevervollständigung usw. Aber wenn Sie wirklich WYSIWYG ohne Dreamweaver wollen, gibt es auch andere Produkte.

Wenn Sie eine Nicht-Vektor-Raster-Alternative zu Illustrator wünschen, die nicht Photoshop ist, können Sie wahrscheinlich Corel-Produkte verwenden, wenn Sie dies wünschen, oder das Open-Source-Gnu-Bildbearbeitungsprogramm (GIMP). GIMP hat den Vorteil (wie die von mir erwähnten alternativen Code-Editoren), kostenlos zu sein.

Alle guten Tools, die Sie verwenden, sollten (werden) wahrscheinlich eine Art "Slice" -Option zum Exportieren der letzten Elemente aus Ihrem Modell haben (vorausgesetzt, diese sind nicht bereits aussortiert und separat gespeichert). Abgesehen davon gibt es meiner Meinung nach nur sehr wenige "Must-Have" -Funktionen, außer im Namen der Bequemlichkeit.

Um ehrlich zu sein, Sie könnten buchstäblich Ihr gesamtes Webdesign mit MS Paint und Notepad machen, wenn Sie sich genug auskennen ...

Sie können beide für das Webdesign verwenden, abhängig von Ihrer Wahl, aber wenn es darum geht, Webdesigns/Drahtrahmen früh zu liefern, ist Illustrator für diese Aufgabe viel schneller und einfacher zu verwenden.

Ich mag auch Feuerwerke für das Website-Design. Interessanter Beitrag - http://boagworld.com/design/fireworks-vs-photoshop/

Für mich ist Illustrator zweifellos, aber Sie können mit Photoshop fast alles machen, was Sie wollen, und wenn Sie sich das vollständige kreative Cloud-Paket nicht leisten können, empfehle ich Ihnen, zu versuchen, genug Geld für Photoshop CC aufzutreiben.

Wenn Sie sich die Creative Cloud leisten können, empfehle ich Folgendes:

1. Adobe Muse CC für Wireframing und Layoutdesign
2. Adobe Illustrator CC für Symbole, Logos und andere Illustrationen
3. Adobe Photoshop CC zum Manipulieren und Bearbeiten von Fotos

In Adobe Muse passiert die ganze Magie. Es wurde von einigen der Entwickler von InDesign erstellt und so konzipiert, dass Druckdesigner Websites live im Web veröffentlichen können, ohne eine einzige Codezeile schreiben zu müssen.

Mock-Ups müssen nicht mehr im PDF-Format vorliegen, stattdessen können Sie ein ansprechendes Design erstellen, mit dem der Kunde wirklich ein Gefühl dafür bekommt, wie es in der realen Welt funktioniert. Aber wenn Sie trotzdem auch PDF-Präsentationen erstellen möchten, dann schlage ich vor, dass Sie die Chrome-Erweiterung Awesome Screenshot herunterladen, da Sie keine PDF- oder PNG-Dateien aus Muse exportieren können. naja nicht das ich wüsste?

Ich empfehle auch, dass Sie die Website schließlich selbst codieren und nicht alles nur dem Grübeln überlassen, da Sie auf lange Sicht eine besser aufgebaute Website erstellen werden.

Ich möchte auch erwähnen, dass viele Webdesigner nicht einmal eine Designsoftware verwenden, sondern von Anfang an einfach direkt im Browser entwerfen.