Modernes Portfolio im Flat Design

Flat Design liegt weiterhin im Trend – die einen mögen es, die anderen nicht. Ich mag es und habe deshalb für euch ein modernes Portfolio-Layout im Flat Design erstellt.

Es wurde zwar mit Photoshop CS6 gearbeitet, die Schritte lassen sich aber auch in älteren Versionen nachvollziehen.

Die .zip-Datei enthält u.a. zwei Varianten des Layouts (Startseite) als .psd-Datei, wobei sich hier nur der Footer unterscheidet. Außerdem liegt wie immer eine README-Datei bei, in der ihr weitere Informationen zu Icons, Fonts und hilfreichen Tools findet – alle Hinweise sind auch als Anmerkung in die .psd-Datei geschrieben worden.

Als Goodie findet ihr auch eine Farbpalette für Photoshop, mit Farben, die im Flat Design eingesetzt werden und die ich für dieses Layout verwendet habe.

Hilfreich sind u.a. folgende Tools:

Grid Calculator (Werte im Link sind die des Layouts)
gridcalculator.dk/#/1140/12/60/0  

The Responsive Calculator (Pixel in Prozent umrechnen für Responsive Webdesign)
hoverstud.io/calculator

Placeholdit (für die Platzhalterbilder)
placehold.it

Ich wünsche euch viel Spaß mit diesem Download!

PS: Das MacBook Pro gibt es auch separat, mit 2 weiteren Devices, im Download "3 Flat Devices".

• Datei herunterladen (50 Punkte, 12.8 MB)