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".
Weitere Teile
- Download: 3 Flat Devices
- Download: Blogartikel Teaser im Flat Design
- Download: Modernes Portfolio für Fotografen und Blogger
- Modernes Portfolio im Flat Design
- Download: Modernes Portfolio im Flat Design V2
- Download: Notizzettel für Flyer, Websites und Co.
- Download: Photoshop-Aktion: 3 Website-Grids
- Download: Single-Page-Designvorlage für das eigene Portfolio (Bewerbung)

Passend zum Inhalt empfehlen wir:
Das große Mockup-Bundle für Affinity Photo
Vielen lieben Dank! Das hilft mir weiter!
Vielen Dank, sehr gut und verständlich gemacht.
vielen dank! wunderbare arbeit und perfektes Tutorial, vorallem die link-auflistung, ein Traum!
Sehr aufgeräumte PSD-Datei, kann ich gut mit weiterarbeiten. Und die Links zu den Ressourcen - der Knaller! Vor allem der Grid Calculator wird mir mein Leben leichter machen. DANKE!
@all: Vielen Dank für euer Feedback, freut mich wenn euch der Download gefällt!
Also was simples zu gestalten, das aber ansprechend und übersichtlich ist und dabei auch sauber und stimmig daherkommt ist alles andere als einfach... ich erlebe das in meiner täglichen Arbeit, wie man versucht ist, mit tausend Effekten oder irgednwelchem Firlefanz Dinge künstlich zu "behübschen" und dabei aber mehr versaut als gut macht. Danke für die tolle Vorlage!!!
Lieben Dank für den tollen download. Design gefällt mir sehr gut! Danke auch für die Hintergrundinfo!
Vielen Dank für die Vorlage, da kann man klasse was draus machen. :)
Hallo,
simpel ist was anderes. Das minimalistische Design finde ich persönlich ansprechend. Ich weiß auf manchen Webseiten garnicht mehr, wohin ich mich orientieren soll. Daher.... ein fettes Dankeschön. :-)
Klasse, vielen Dank für den Download und deine Arbeit.
Vielen Dank für den Download und deine Arbeit. Finde es wirklich mal gelungen etwas einfaches so gut in Szene zu setzten. Vor allem weil es mal keine Sinnesreiz meiner Augen gibt. Wünschte es gäbe mehr solcher Seiten.
Super Download, vielen dank für deine super Arbeit.
Vielen Dank für den Download.
Super! Vielen lieben Dank! :)
Sieht super aus! Tolle Sache, Danke!
vielen Dank für die Zusammenstellung und die hilfreichen Links
Gut gelungen, Applaus.
Dein Design gefällt mir, das Farbenspiel, die einfachen Formen und vor allem, dass alles wie aus einem Guß erscheint.
Simple? Why not? Bei der ganzen visuellen Reizüberflutung im Net, bin ich oft froh auf Seiten dieser Art zu treffen und kehre gern dorthin zurück. Und es herrscht Stille ;)
Sieht sehr schön aus, herzlichen Dank.
Vielen Dank für Deine Arbeit und den zur Verfügungstellen des Downloads!
Vielen Dank für die Dateien!
Mehr anzeigen