1. Design & Illustration
  2. Graphic Templates
  3. Brochure

Wie kann man eine Architektur-Portfolio-Vorlage in InDesign erstellen?

Scroll to top

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

In diesem Tutorial erstellen wir eine saubere, stilvolle InDesign-Portfolio-Vorlage, die für architektonische Arbeiten geeignet ist und deren Schwerpunkt auf Bildmaterial und Geometrie liegt. Diese Konzepte gelten auch für eine Vielzahl von Broschürendesign-Szenarien. Schnappen Sie sich also Ihre Lieblingsportfoliostücke und lassen Sie uns gleich loslegen.

Was werden Sie brauchen?

Sie benötigen die folgenden Assets, um dieses Projekt abzuschließen:

Jetzt fangen wir an!

1. So starten Sie unser Projekt

Schritt 1

Lassen Sie uns zunächst ein Neues Dokument starten. Wir müssen die Ausrichtung und die Abmessungen unserer Portfolio-Vorlage festlegen.

Das Entwerfen von Portfolios macht besonders viel Spaß, da Sie häufig viel Freiheit haben, zu entscheiden, wie Sie Ihre Arbeit am besten präsentieren möchten. Sie können sich für etwas Traditionelles entscheiden, oder Sie entscheiden sich für eine quadratische Form oder sogar ein langes Format. Überlegen Sie, welche Möglichkeiten Sie haben und wie Sie Ihre Arbeit am besten präsentieren können.

In diesem Beispiel arbeiten wir in einem quadratischen Format, 10" breit x 10" hoch.

Document Set UpDocument Set UpDocument Set Up

Schritt 2

Bevor wir unser Dokument-Setup abschließen, wollen wir einige zusätzliche Attribute ansprechen.

Ich habe meine Ränder oben, unten und außen auf 0.5" eingestellt. Innen habe ich meine Ränder auf 0.75" eingestellt, nur ein kleines Extra, um den Platz zu berücksichtigen, der zwischen meinen Seiten verloren gehen kann.

Document Set UpDocument Set UpDocument Set Up

Schritt 3

Ich wollte meinem Dokument auch einen 0.125-Zoll-Anschnitt hinzufügen.

Wenn ein Bild "Voller Anschnitt" ist, bedeutet dies im Allgemeinen, dass die Bilder / Inhalte ohne Rand oder "Leerzeichen" an den Rand der Seite verschoben werden. Wenn wir möchten, dass etwas vollständig entlüftet wird, müssen wir unsere Arbeit häufig auf den Anschnittsbereich ausweiten, um das Zuschneiden zu ermöglichen, wenn unsere Arbeit gedruckt und vorbereitet wird.

Wenn Sie mit Ihren Einstellungen zufrieden sind, klicken Sie auf Erstellen, um Ihr Dokument zu akzeptieren und zu starten.

Wenn Sie einen Fehler gemacht haben oder Ihre Meinung geändert haben, machen Sie sich keine Sorgen - Sie können diese Einstellungen jederzeit über Datei > Dokument-Setup ändern.

Document Set UpDocument Set UpDocument Set Up

2. Wie können wir unser Interieur schaffen?

Schritt 1

Beginnen wir mit der Erstellung unseres Portfolio-Interieurs innerhalb einer Masterseite.

Masterseiten werden häufig als eine Art Vorlage verwendet. Wir können Elemente, die wir in unseren Masterseiten angeordnet haben, auf die aktiven Seiten in unserem Dokument anwenden.

Masterseiten befinden sich im oberen Bereich des Seiten-Bedienfelds. Wenn das Seitenbedienfeld nicht angezeigt wird, können Sie es über Fenster > Seiten öffnen.

Master PagesMaster PagesMaster Pages

Schritt 2

Gehen Sie "hinein" von A-Master, unserer ersten Masterseite, indem Sie darauf doppelklicken. Hier beginnen wir mit der Gestaltung unserer Komposition.

Portfolio-Seiten müssen im Wesentlichen unsere Arbeit zeigen - es muss ein Schwerpunkt auf dem Portfolio-Teil selbst liegen. Wir möchten dies jedoch auch auf visuell ansprechende und interessante Weise tun.

Bevor ich anfing, Bilder zu platzieren, beschloss ich, meine Komposition mit dem Rechteck-Werkzeug mit grauen Rechtecken "auszublenden". Die Füllung ist auf 25% Grau eingestellt. Ich finde, dies ist eine einfache Möglichkeit, mit Ihrer Komposition zu experimentieren oder ein Miniaturbild zu erstellen.

Gray RectanglesGray RectanglesGray Rectangles

Schritt 3

Nachdem ich einige Rechtecke platziert hatte, erstellte ich Hilfslinien basierend auf meinen Layoutelementen. Klicken und ziehen Sie dazu aus den Dokumentlinealen an den Seiten Ihres Dokuments.

Diese Anleitungen sind von den grauen Rechtecken inspiriert, die ich platziert habe.

Placing GuidesPlacing GuidesPlacing Guides

Schritt 4

Als Nächstes begann ich, Text basierend auf den von mir erstellten Anleitungen zu platzieren. Verwenden Sie das Textwerkzeug, um Text zu platzieren.

Beachten Sie den Text, den Sie in Ihrem Portfolio haben möchten. Im Allgemeinen ist es eine gute Idee, den Titel des Stücks, das Erstellungsdatum und eine Beschreibung zu haben. Vielleicht möchten Sie auch eine Art Künstlererklärung, um Ihren Prozess oder Ihre Absicht näher zu erläutern.

Beginnen wir mit unserem Titel. In Bezug auf die Hierarchie sollte es wahrscheinlich der Text mit der größten visuellen Bedeutung sein - daher möchte ich, dass er auf der Seite ziemlich groß ist.

Adding the TitleAdding the TitleAdding the Title

Schritt 5

Ich habe beschlossen, mit dem Textwerkzeug zusätzlichen Text unter dem Titel hinzuzufügen. Dies schien ein großartiger Ort zu sein, um wichtige Informationen zu haben, die der Betrachter sofort wissen müsste - wie eine kurze Beschreibung dessen, was es ist und des Erstellungsdatums.

Denken Sie auch hier an die Hierarchie. Dies ist eher ein ergänzender Typ, also habe ich ihn kleiner gemacht.

Adding Supplemental TypeAdding Supplemental TypeAdding Supplemental Type

Schritt 6

Fügen wir nun zwei Leerzeichen für einen zusätzlichen Typ hinzu - dies könnte ein großartiger Ort für zusätzliche Kommentare, Erkenntnisse oder Aussagen zur Arbeit sein. Verwenden Sie erneut das Textwerkzeug. Ich wollte, dass dieser Typ der kleinste ist, weil er der ergänzendste sein soll - es ist unsere Körperkopie.

Adding Supplemental TypeAdding Supplemental TypeAdding Supplemental Type

Schritt 7

Um die Ästhetik weiter voranzutreiben, habe ich beschlossen, einige Linien mit dem Linienwerkzeug hinzuzufügen. Beachten Sie, dass sie von den vorhandenen Layoutelementen inspiriert sind.

Die Hilfslinien im folgenden Beispiel wurden ausgeblendet (über Ansicht > Raster und Hilfslinien > Hilfslinien ausblenden), damit die Linien leichter erkennbar sind.

Adding LinesAdding LinesAdding Lines

Schritt 8

Der Fußzeilenbereich kann beliebige Zusatzinformationen enthalten. Bei meiner Komposition habe ich beschlossen, mich an die Seitenzahlen zu halten.

Um Seitenzahlen einzufügen, erstellen Sie zunächst mit dem Textwerkzeug ein Textfeld.

Gehen Sie dann zu Typ > Sonderzeichen einfügen > Markierungen > Aktuelle Seitenzahl.

Sie werden feststellen, dass sie "A" lesen - das ist in Ordnung! Denken Sie daran, wir arbeiten in A-Master, einer Masterseite, also ist das technisch die Seitenzahl.

Ich habe beschlossen, meine Seitenzahlen groß, aber hellgrau zu machen, damit sie aufgrund ihres geringen Kontrasts in der Hierarchie ergänzt werden.

Inserting Page NumbersInserting Page NumbersInserting Page Numbers

Schritt 9

Lassen Sie uns zum Schluss einige Bilder einfügen. Wählen Sie den Rechteckrahmen aus, in den Sie Ihre Bilder einfügen möchten. Gehen Sie dann zu Datei > Platzieren und wählen Sie Ihr Bild aus.

Doppelklicken Sie auf den Rechteckrahmen, um zwischen der Auswahl des Rahmens selbst und dem darin enthaltenen Inhalt zu wechseln. Sie wissen, dass Sie den Inhalt ausgewählt haben, wenn der Rand rot ist.

Ändern Sie die Größe und passen Sie Ihre Bilder an, bis Sie mit dem Zuschneiden zufrieden sind.

Inserting ImagesInserting ImagesInserting Images

Schritt 10

Wiederholen Sie diesen Vorgang für Ihre anderen Rechteckrahmen. Sie können diese Räume für Nahaufnahmen oder andere Aufnahmen Ihrer Arbeit verwenden.

Inserting ImageryInserting ImageryInserting Imagery

3. Wie können wir unsere Masterseiten anwenden? 

Schritt 1

Nachdem wir ein Layout innerhalb einer Masterseite erstellt haben, wenden wir unsere Masterseiten auf unsere aktiven Seiten an.

Erstellen Sie zunächst neue Seiten. Stellen wir sicher, dass unser Seiten-Bedienfeld drei Seiten enthält. Klicken Sie im Seitenbedienfeld auf das Symbol Neue Seite, um eine neue Seite zu erstellen.

Creating New PagesCreating New PagesCreating New Pages

Schritt 2

Beachten Sie, dass auf Ihren Seiten ein "A"-Symbol angezeigt wird. Dies bedeutet, dass sie von unserer A-Master-Seite abgeleitet sind.

Um diese Idee weiter zu veranschaulichen, wählen Sie die erste Seite in Ihrem Dokument aus. Wählen Sie dann [Keine] in Ihrer Liste der Masterseiten und ziehen Sie es auf Ihre aktive Seite. Sie werden feststellen, dass es leer ist, da es jetzt nicht von einer Masterseite abgeleitet ist.

Applying Master PagesApplying Master PagesApplying Master Pages

Schritt 3

Gehen wir zu Seite 2 und 3 unseres Dokuments. Sie werden feststellen, dass diese beiden Seiten von der A-Master-Seite abgeleitet sind.

Wenn Sie jedoch versuchen, auf Teile Ihres Layouts zu klicken, geschieht nichts. Es ist alles eingesperrt.

Um Änderungen lokal auf einzelnen Seiten vorzunehmen, halten Sie die Umschalttaste (auf dem Mac) oder die Umschalttaste (auf dem PC) gedrückt, während Sie auf ein Element Ihres Layouts klicken. Dies macht es bearbeitbar.

Selecting ContentSelecting ContentSelecting Content

Schritt 4

Testen wir diese Prämisse, indem wir neue Portfolio-Bilder in die Seiten 4 und 5 unseres Portfolios einfügen.

Erstellen Sie zunächst zwei Neue Seiten.

Creating New PagesCreating New PagesCreating New Pages

Schritt 5

Wählen Sie dann die Bildbereiche aus, indem Sie beim Klicken die Umschalttaste (auf dem Mac) oder die Umschalttaste (auf dem PC) gedrückt halten.

Doppelklicken Sie, um den Inhalt des Rechteckrahmens auszuwählen und zu löschen.

Denken Sie daran, wir löschen hier den Inhalt - nicht den Frame selbst!

Deleting ContentsDeleting ContentsDeleting Contents

Schritt 6

Fügen wir nun unsere Bilder ein. Wählen Sie den rechteckigen Rahmen. Gehen Sie zu Datei > Platzieren und wählen Sie dann Ihre Bilddatei aus.

Jetzt sollten Sie ein neues Bild in diesem rechteckigen Rahmen haben - das aus unserer Vorlage wurde ersetzt.

Adding ImageryAdding ImageryAdding Imagery

Schritt 7

Wiederholen Sie diesen Vorgang in den anderen Bildbereichen Ihres Layouts. Sie können hier dasselbe Bild, Nahaufnahmen oder eine andere, zutreffende Ergänzung verwenden. Auch hier liegt es an Ihnen und was für Ihre Portfolio-Präsentation am besten ist.

Adding ImageryAdding ImageryAdding Imagery

4. Wie kann man ein Cover erstellen? 

Schritt 1

Nachdem wir unsere Innenseiten erstellt und geübt haben, sie für verschiedene Portfolio-Teile zu bearbeiten, erstellen wir ein Cover für unsere Arbeit.

Bevor wir beginnen, nur eine Anmerkung: Stellen Sie sicher, dass Sie Ihren Drucker nach Fragen oder Dateianforderungen fragen, die möglicherweise für Ihr Projekt gelten. Zum Beispiel unterscheidet sich Ihre Abdeckung von Ihrem Interieur, da sie einen Rücken hat. Passen Sie Ihre Komposition nach Bedarf an.

Beginnen wir mit der Erstellung einer Neuen Masterseite. Es sollte B-Master heißen und wird wahrscheinlich standardmäßig als Doppelseite angezeigt.

New Master PageNew Master PageNew Master Page

Schritt 2

Löschen Sie eine der Seiten in B-Master, damit Sie nur eine Seite haben. Dies wird unsere Titelseite sein.

Ich wollte, dass die Titelseite überzeugende Bilder enthält. Ein Cover muss den Leser oft dazu zwingen, das Buch zu öffnen - also ist es Zeit zu glänzen!

Platzieren Sie die Bilder unter Datei > Platzieren. Passen Sie den Rechteckrahmen an und beschneiden Sie Ihre Arbeit wie gewünscht.

Placing ImageryPlacing ImageryPlacing Imagery

Schritt 3

Dann fügte ich einen rechteckigen Rahmen über den Bildern mit einer weißen Füllung hinzu.

Um Transparenz hinzuzufügen, wählen Sie den Rechteckrahmen und klicken Sie mit der rechten Maustaste (auf dem PC) oder bei gedrückter Ctrl-Taste (auf dem Mac). Wählen Sie im daraufhin angezeigten Dropdown-Menü Effekte > Transparenz.

Ich habe meine Transparenz auf 90% eingestellt.

Image TransparencyImage TransparencyImage Transparency

Schritt 4

Als nächstes habe ich mit dem Textwerkzeug einen Typ und mit dem Linienwerkzeug eine Linie hinzugefügt.

Sie können hier jeden Typ platzieren, den Sie am besten finden - aber folgen Sie meinem Beispiel! Denken Sie daran, es gibt keine falsche Antwort - Sie wissen, was für Ihre Arbeit am besten ist! Dies ist Ihre Zeit zu glänzen.

Adding TextAdding TextAdding Text

Schritt 5

Ich entschied, dass ich die Rückseite ergänzender machen wollte.

Erstellen Sie eine weitere neue Masterseite für die Rückseite. Dieser wird C-Master genannt.

Löschen Sie erneut eine der Seiten in C-Master, damit wir eine Seite haben.

New Master PageNew Master PageNew Master Page

Schritt 6

Da dies die Rückseite der Broschüre ist, habe ich ein Bild platziert, es aber klein gelassen und die Kontaktinformationen auf der Titelseite mit dem Textwerkzeug wiederverwendet.

Mein Ziel war es, etwas Ergänzendes und doch Einheitliches mit dem Rest des Buches zu schaffen.

Adding Supplemental ElementsAdding Supplemental ElementsAdding Supplemental Elements

Schritt 7

Genau wie bei unseren anderen Masterseiten können wir jetzt B-Master und C-Master anwenden, indem wir sie anklicken und auf eine aktive Seite ziehen.

Erstellen Sie eine Neue Seite, damit unser Dokument mit Seite 6 endet.

Seite 1 und Seite 6 sind einzelne Seiten - bringen Sie die vordere und hintere Abdeckung auf diese Seiten an.

Example of Applied PagesExample of Applied PagesExample of Applied Pages

5. Wie können Sie Ihre Vorlage verwenden? 

Schritt 1

Wie verwenden wir unsere Vorlage, nachdem wir sie fertiggestellt haben?

Sie können Ihre Arbeit als InDesign-Datei (oder Indd-Datei) speichern, aber Sie können sie auch als InDesign-Vorlagendatei (oder Indt-Datei) speichern.

Wenn Sie Ihre Arbeit speichern (über Datei > Speichern), finden Sie diese Optionen unter Format.

Saving your WorkSaving your WorkSaving your Work

Schritt 2

Was ist der Unterschied? Im Gegensatz zu einer "Standard" -InDesign-Datei kann eine InDesign-Vorlagendatei entweder als "Original" (wo Sie die Vorlage selbst bearbeiten) oder als Kopie geöffnet werden - wobei ein neues Dokument ohne Titel basierend auf Ihrer Vorlage geöffnet wird.

Sehen Sie, wie das nützlich sein könnte?

Opening a TemplateOpening a TemplateOpening a Template

Und da haben Sie es!

Vielen Dank, dass Sie sich mir bei dieser exemplarischen Vorgehensweise für das InDesign-Portfolio angeschlossen haben! Hoffentlich haben Sie zusätzliche Einblicke in die Erstellung eines Portfolios oder die Erstellung eines Broschürendesigns. Ich hoffe, Sie fanden diese Techniken hilfreich - viel Glück mit Ihrem Portfolio und Ihren kreativen Projekten!

Example of Final ProjectExample of Final ProjectExample of Final Project

Suchen Sie zusätzliche Inspiration oder sogar zusätzliche Hilfe? Schauen Sie sich diese InDesign-Vorlagen an - sie sind einsatzbereit und können eine großartige Ergänzung für jede Sammlung sein. Broschürenvorlagen können sich auch als sehr vielseitig erweisen!

Architektur-Portfolio-Vorlage InDesign

Mit 20 verschiedenen Seiten eignet sich diese InDesign-Vorlage nicht nur hervorragend für architektonische Arbeiten. Ihr klares Design eignet sich für eine Vielzahl unterschiedlicher Projekte, von der Illustration bis zum Grafikdesign. Hör zu!

Architecture Portfolio Brochure InDesignArchitecture Portfolio Brochure InDesignArchitecture Portfolio Brochure InDesign

InDesign Architecture Magazine-Vorlage

Dieses schöne, stilvolle Magazin-Layout kann leicht an Ihr Portfolio oder ein anderes Druckprojekt angepasst werden. Wenn Sie nach Layout-Inspiration oder einem Startschuss für Ihr Projekt suchen, könnte dies genau das Richtige für Sie sein.

InDesign Architecture Magazine TemplateInDesign Architecture Magazine TemplateInDesign Architecture Magazine Template

Portfolio-Vorlage InDesign

Ich mag die lange horizontale Ausrichtung in dieser Portfolio-Broschüre. Hier gibt es so viel Platz, um Ihre Arbeit sauber und gut organisiert zu präsentieren. In Bezug auf InDesign-Broschürenvorlagen ist diese ein Gewinner.

Portfolio Template InDesignPortfolio Template InDesignPortfolio Template InDesign

Architektur InDesign Broschürenvorlage

Warme Farben, Transparenzen und klares Design - diese Vorlage ist sofort einsatzbereit. Geben Sie einfach Ihren Inhalt ein und schon können Sie loslegen - oder ihn als Sprungbrett für eine neue Version dieser Komposition verwenden.

Architecture InDesign BrochureArchitecture InDesign BrochureArchitecture InDesign Brochure

InDesign-Portfolio-Vorlage

Ich liebe den ganzen negativen Raum in diesem Portfolio-Design! Es ist ein klassischer, zeitloser Look, der zu fast jeder Art von Arbeit passt - architektonisch oder nicht! Es ist großformatig, 8.5 "x 11" groß und umfasst 16 verschiedene Seiten.

InDesign Portfolio TemplateInDesign Portfolio TemplateInDesign Portfolio Template

Wenn Ihnen dieses Tutorial gefallen hat, finden Sie hier einige andere, die Sie sich ansehen sollten!

  • InDesign-Vorlagen
    Wie kann man stilvolle Layouts für eine Portfolio-Vorlage in InDesign erstellen?
    Laura Keung
  • Broschüre
    23 Kreative InDesign-Portfolio-Vorlagen (am besten für 2019)
    Melodie Nieves
  • Portfolios
    Wie kann man eine Portfolio-Broschürenvorlage in InDesign erstellen? 
    Grace Fussell
  • Fotografie
    Wie kann man ein attraktives PDF-Fotografie-Portfolio erstellen?
    Chamira Young