[MarsVolta]

Hallo Zusammen,

ich wollte mal so hören welche Programme ihr benutzt, um Weblayouts und Screendesigns zu erstellen.
Bisher habe ich immer die Mischung aus Photoshop und Illustrator benutzt, aber wirklich flüssig ist das irgendwie nicht. Dann ist mir vor einiger Zeit Sketch unter die Nase gekommen. Das ich zwar recht mighty finde, aber die Bedienung finde ich fummelig. Gibt es noch weitere Alternativen, die man sich mal anschauen sollte?

Gruß

[qualidat]

Um Designstudien und Vorlagen zu fertigen bist du mit Photoshop oder AI schon richtig. Coden bzw. programmieren macht man dagegen besser mit einem simplen Editor - z.B. Notepad++ oder Editra. Eine umfangreichere IDE wie z.B. Aptana Studio bietet auch Javascript Debugging-Hilfe ... D.h. HTML, CSS, JS und PHP lernen.

Die sog. visuellen Webeditoren wie Dreamweaver, Serif Pro oder Freeway haben bei "richtigen" Profis aufgrund ihrer zwar (auf den ersten Blick) gut aussehenden Endprodukte aber vollkommen undurchsichtigen Codegespinste keinen guten Ruf ...

[remote]

Das Problem was diese aufs grafische/visuelle fokussierten Tools alle haben, ist die mangelnde Unterstützung für responsive Layouts. Die Tools, die Code generieren um dynamische Layouts zu ermöglichen, z.B. MACAW, sind wiederum sehr eingeschränkt was die visuellen Möglichkeiten betrifft (und meistens auch voll mit Bugs und hässlichen Workarounds).

Für den Entwurf gefällt mir aktuell Sketch am besten, wo die Sache mit den Artboards und Grid-Systemen sehr schön gelöst ist. Ich erstelle dort dann Artboards für die wesentlichen Displaygrößen und denke mir den flexiblen Teil und die CSS Logik dazu, so dass am Ende auch alle Varianten mit gleich bleibendem Markup umsetzbar sind. Assets dafür bereite ich aber nach wie vor eher in PS oder AI vor.
Ausgearbeitet wird das ganze am Ende immer im Browser als HTML/CSS Dummy

Was ich mit Spannung erwarte ist Skala. Das kommt von bjango (einem kleinen indie developer aus Australien) dessen Software und Produkte mich bisher immer durch hohe Qualität und ein gutes Auge fürs Detail überzeugt haben. Wann es erscheint ist leider immer noch nicht ganz klar (fertig ist wenns fertig ist).

P.S.:
Um Software für die technische Umsetzung geht es ja nicht, aber trotzdem auch hier kurz die Empfehlung: Wer lieber einen "einfachen" Texteditor mag, sollte anstelle von Notepad++ (das war mal vor Zeiten der Editor, aber die Zeiten sind vorbei) lieber zu Sublime Text greifen. Wer (wie ich) gerne eine IDE nutzt, dem kann ich nur wärmstens die Produkte von JetBrains empfehlen (WebStorm, PHPStorm, RubyMine etc.). Wieso man eine andere IDE nutzen wollen würde ist mir (abgesehen von "habe ich immer schon benutzt / bin ich halt gewohnt") nicht erklärlich

[hilson]

Um reine Grafikvorlagen zu erstellen finde ich Indesign zunehmend spannender, da ich -als jemand der hauptsächlich im Print zuhause ist- in meiner "gewohnten Umgebung" bleiben kann und mir selbst in Sachen Responsive Design dank Liquid- und Alternative Layout Möglichkeiten zur Verfügung stehen. Aber eben nur in Sachen Grafik. Die Ausgabe als Code taugt wohl eher weniger ... wurde mir jedenfallls attestiert

[JohnnyCage]

Hat sich eigentlich schon jemand eine Lösung zusammengestellt mit der man sich Modulansammlungen wie Bootstrap drag and droppen kann. Also, kein Online-Tool sondern schon in die IDE intergriert. Mit Netbeans geht es bloss relativ umständlich.

[Frank Münschke]

[hilson]

[Morgo]