Grundlagen Erstellen Sie ein sauberes Magazin- und Blogdesign (Tag 2 Aufteilen und Markieren)

Am zweiten Tag des Basics Design-Tutorials! Nachdem wir gerade die Design-Session dieser Serie beendet haben, werden wir heute mit dem Aufteilen und Markieren der PSD fortfahren. Adi hat ein weiteres HD-Video-Tutorial aufgenommen, das den entscheidenden PSD> HTML-Konvertierungsprozess abdeckt. Egal, ob Sie ein erfahrener Veteran oder ein neuer Designer sind, wir hoffen, Sie genießen die Komplettlösung!

Über diese Tutorial-Serie

Adi Purdila führt uns diese Woche durch ein ganzes Projekt - vom Design bis zur Programmierung - hier auf Webdesigntuts! Hier ist der Überblick, was wir jeden Tag durchgehen werden:

• Tag 1. Homepage und Blog - Einzelseiten-PSD-Dateien
• Tag 2. Homepage PSD-Aufteilung und Markup
• Tag 3. Gestaltung der Homepage und des Blogs als Einzelseite
• Tag 4. Lassen Sie uns einige weitere Seiten erstellen: Galerie, Kontakt, volle Breite
• Tag 5. Abschließende Schritte: Installieren und Anpassen von SlideDeck und einige JavaScript-Funktionen

Ein Hinweis zu den herunterladbaren Dateien für heute: Der vollständige HTML-Code steht in der nächsten Sitzung dieser Serie (Tag 3) zum Download zur Verfügung. Daher wird heute mit denselben PSD-Dateien gearbeitet, die wir an Tag 1 erstellt haben.

Nun zu Tag 2, der Slicing- und Markup-Sitzung!

Zweiter Tag: PSD-Slicing und HTML-Markup

Wir haben diese Videos in Full-HD-Auflösung aufgenommen. Schalten Sie also die Vollbild-HD-Version ein, wenn Sie können! Dieses Video umfasst die gesamte Slicing- und Markup-Sitzung, die mit 720p und vollständigem Audiokommentar aufgenommen wurde.

Über den Autor

"Egal, ob es sich um Websites, Logos oder Druckmaterialien handelt, meine Arbeitsphilosophie ist die gleiche: Niemals Abkürzungen und immer mein Herzblut in jedes Projekt stecken, denn am Ende zählen die kleinen Details und der Aufwand, den ich in ein Projekt stecke Je besser das Projekt ist, desto besser repräsentiert es mich als Person und Designer, und gleichzeitig repräsentiert es meinen Kunden auf eine Weise, die seinen Bedürfnissen entspricht.

Wenn Sie sich für die HTML-Vorlagen und Landing Pages interessieren, die ich entwickle, können Sie sie auf meiner Portfolio-Seite unter ThemeForest nachlesen. "- Adi