So sehr wir uns auch nicht die Mühe machen möchten, ein Dokumentationsdesign zu erfinden – es führt kein Weg daran vorbei. Ihre Dokumentation repräsentiert Sie gegenüber Ihren Benutzern, sodass sie besser anständig aussieht.
Sie brauchen nicht unbedingt einen Designer, um diese spezielle Aufgabe zu erfüllen. In diesem Beitrag zeigen wir Ihnen verschiedene Ansätze zum Erstellen eines Farbschemas.
Vorlage verwenden
Man schreibt nicht einfach Handbücher in Notepad. Wenn es nur so einfach wäre. Wahrscheinlich verwenden Sie bereits ein Tool zum Erstellen von Dokumentationen. Wenn nicht, sollten Sie dies auf jeden Fall in Betracht ziehen, da Dokumentation so viel mehr als nur Klartext ist: Screenshots, Schemata, Tabellen, geordnete Listen und vielleicht sogar professionellere Dinge wie Single-Sourcing, Zugriffsbeschränkungen, ein Blutopfer für Götter, die Ihnen helfen, Ihre App-Version richtig zu machen, wenn eine neue herauskommt, und Sie plötzlich diese eine Zahl auf jeder Seite ändern müssen (ah, hier ist, um im XXI Jahrhundert zu leben! In Dokumentationserstellungstools wie ClickHelp können Sie einfach Variablen verwenden, um die Versionsnummer zu speichern, sodass Sie sie nicht in der gesamten Dokumentation pixelig verfolgen müssen) usw.
Dokumentationserstellungstools können Ihnen in vielen Aspekten Ihres Arbeitsprozesses helfen, einschließlich des Designs. Vorkonfigurierte Vorlagen sind fast immer Teil des Deals.
Software zum Schreiben von Dokumentation enthält in der Regel mehrere Vorlagen, die für verschiedene Arten von Dokumentation entwickelt wurden. Hier ist beispielsweise eine Vorlage für API-Dokumente mit hellen und dunklen Blöcken:
Sie haben also einige Optionen zur Auswahl.
Natürlich spart Ihnen die Verwendung einer fertigen Vorlage viel Zeit, aber vergessen Sie nicht, dass sie immer noch mit Ihrem Unternehmen in Verbindung gebracht werden sollte. Hier ist ein Ansatz, den Sie berücksichtigen sollten: Wählen Sie eine fertige Vorlage aus, die am besten zu Ihrem Unternehmensstil passt, und führen Sie kleinere Reparaturen durch.
Vorteile
- Sie erhalten ein fertiges Design
- Designs werden von Profis erstellt
Nachteile
- Vorlagen sind nicht immer kostenlos
- Fertige Designs passen nicht immer zu Ihrem Unternehmensstil
- Einige Änderungen und Korrekturen sind noch häufig erforderlich
Inhaltsverzeichnis
Go Corporate
Dieser Ansatz erfordert etwas mehr Kopfkratzen. Jedes Unternehmen verfügt über einige grundlegende Designlösungen, die in seinem Produktdesign, auf seiner Website, in seinen Anzeigen usw. verwendet werden. Ihr Stil ist es, was Ihr Produkt auszeichnet, so werden sich die Leute an Ihre Marke erinnern und sie unter anderem finden. Selbst wenn Benutzer Ihre Handbücher lesen, sollten sie wissen, um welche Marke es sich handelt. Erstens gibt dies mehr Sichtbarkeit, eine höhere Chance, in Zukunft erkannt zu werden. Zweitens ist dies immer noch eine enorme Zeitersparnis. Drittens werden Sie dadurch einfach gut aussehen – die Benutzer werden feststellen, dass die Mitarbeiter dieses Unternehmens ihre Arbeit wirklich ernst nehmen und nicht das kleinste Detail unbemerkt lassen.
Also, ja, die Verwendung Ihres Unternehmensstils für die Benutzerdokumentation ist ein sehr empfehlenswerter Ansatz.
Wenn es einen Styleguide gibt – das ist einfach großartig. Alle Schriftarten und Farben sind bereits festgelegt. Seien Sie aber auch bereit, ein paar Farben zu ändern und dem Schema einige zusätzliche hinzuzufügen. Wie einige rot-gelb-orange Alarm-ish Schattierungen für Warnungen, zum Beispiel. In diesem Artikel geben wir Ihnen einige Richtlinien zu Farbanpassungstechniken, damit Sie die richtigen zusätzlichen Farben basierend auf Ihrem Corporate Style Guide auswählen können.
Vorteile
- Sie sparen viel Zeit, da Sie das Design nicht von Grund auf neu erstellen müssen
- In den meisten Fällen liegt ein fertiger Styleguide vor
Nachteile
- Es wird höchstwahrscheinlich einige Elemente geben, die nicht von Ihrem Styleguide abgedeckt werden
- Einige zusätzliche Nacharbeiten sind erforderlich
Erstellen von Farbschemata von Grund auf neu
Das ist es – so kompliziert wird es. Erstellen eines Farbschemas neu. Es kann verschiedene Gründe geben, warum Sie vor dieser Aufgabe stehen. Stattdessen bieten wir Ihnen universelle Schritte zum Erstellen eines Farbschemas an. Sie können für Dokumentationsportale, Websites, eigenständige Dokumente usw. verwendet werden.:
- Überlegen Sie, wofür Ihr Produkt steht. Jede Nische hat ihre eigenen Besonderheiten, Standards und Trends. Entertainment-Farbschemata tendieren zu helleren, kräftigeren Farben mit mehr Akzenten, während der Corporate Style eher kalt, neutral und schlicht ist.
- Wählen Sie Primärfarben. Dies wird die Grundlage des gesamten Farbschemas sein. Und denken Sie daran, dass Sie nur eine / zwei Primärfarben pro Design benötigen. Im nächsten Abschnitt dieses Artikels erfahren Sie, wie Sie passende Farben finden.
- Wählen Sie Farben für Akzente. Stellen Sie sicher, dass Sie einige Grundfarben und hellere Akzente haben, damit Ihr Farbschema nicht langweilig aussieht und alle wichtigen Dinge hervorgehoben werden.
- Definieren Sie, welche zusätzlichen Elemente Sie haben werden (Tabellen, Informationsfelder, Warnfelder usw.) und wählen Sie Farben für sie, wie gut. In der Regel sind dies hellere, dunklere oder gesättigtere Versionen der Farben, die Sie bereits für Ihre Palette ausgewählt haben. Wenn Sie das Gefühl haben, dass die Dinge mit dieser Menge an Farbtönen außer Kontrolle geraten, gehen Sie einfach mit Ihren Akzentfarben.
- Aaund es ist geschafft! Nimm deine Farben, schüttle sie auf, rühre nicht 🙂
Vorteile
- Das Design wird wirklich einzigartig sein
- Der gesamte Prozess ist vom Start bis zur Ziellinie unter Kontrolle
Nachteile
- Wenn Sie neu in diesem Bereich sind, müssen einige Nachforschungen angestellt werden
- Die Entwicklung eines brandneuen Designs erfordert eine gewisse Zeit.
Grundlagen der Farbtheorie – Farbrad
Nun zum interessantesten Teil – lernen wir, wie man Farben kombiniert und anpasst. Dies wird viel einfacher sein, als Sie sich wahrscheinlich vorgestellt haben.
Das magische Ding, das fast die ganze Arbeit für uns erledigen wird, heißt das Farbrad:
Und hier sind einige Möglichkeiten, wie die Farben mit Hilfe des Farbrads kombiniert werden können:
- Die entgegengesetzten Farben werden komplementär genannt, was bedeutet, dass sie gut zusammenpassen, aber auch einen auffälligen Kontrast erzeugen. Verwenden Sie sie in begrenzten Mengen zur Betonung.
Nebeneinander liegende Farben werden als analog bezeichnet. Sie erzeugen normalerweise eher harmonische und ruhige Farbpaletten. Denken Sie an eine Komplementärfarbe, um Ihr Farbschema lebendiger zu gestalten.
Drei gleichmäßig voneinander entfernte Farben umfassen triadische Farbschemata. Solche Farbkombinationen sind sehr lebendig und hell. Versuchen Sie, blassere Farbtöne zu verwenden oder eine Farbe dominant zu machen, während die anderen beiden als Akzente dienen.
Kostenlose Farbschema-Ressourcen
Wenn Sie sich aus irgendeinem Grund immer noch nicht sicher über Ihre Farbschemata fühlen, nachdem Sie die oben genannten Tricks mit dem Farbrad ausprobiert haben – zum Glück haben wir das Internet in unseren Händen. Und es ist voll von großartigen Ressourcen für die Erstellung von Farbschemata. Nachfolgend finden Sie einen schnellen Überblick über drei großartige Online-Ressourcen für die Erstellung von Farbpaletten:
paletton.com
Diese großartige Ressource bietet Ihnen ein interaktives Farbrad zum Spielen. Sie können die Techniken verwenden, die wir im vorherigen Abschnitt erwähnt haben, oder etwas Neues ausprobieren, wie zum Beispiel eine Tetradenkombination aus vier Farben. Diese Website kann sogar eine schnelle Beispielseite für Ihr Farbschema erstellen.
www.degradieren.com
Diese Website bietet eine besondere Sammlung von Generatoren, der Farbpalettengenerator ist einer von ihnen.
Sie laden einfach ein Bild hoch, dessen Farbkombination Sie optisch ansprechend finden, und die App unterteilt es in separate Farben, sodass Sie ein fertiges Farbschema als Ausgabe erhalten.
coolors.co
Diese Website kann zufällige Farbschemata generieren, die Sie später verfeinern können. Außerdem speichert es eine beeindruckende Anzahl von fertigen Farbpaletten von anderen Benutzern. Fühlen Sie sich frei, sie zu filtern, um die besten Angebote zu sehen.
In diesem Artikel haben Sie drei Wege kennengelernt, auf denen Sie ein eigenes Dokumentationsdesign erstellen können: Verwenden einer fertigen Vorlage, Erstellen Ihres Designs basierend auf Ihrem Unternehmensstil oder alles von Grund auf neu. Welchen Weg Sie auch einschlagen, denken Sie an die Farbtricks, die Sie in diesem Artikel gelernt haben.
Es gibt tatsächlich noch einen Ratschlag für Sie – schauen Sie sich um. Unser ganzes Universum ist hier, um Sie zu inspirieren, schauen Sie einfach genauer hin.
Dieser Artikel basiert auf unserer eigenen Erfahrung im technischen Schreiben. Wenn Sie Online-Dokumentation erstellen müssen, mögen Sie vielleicht auch ClickHelp – das beste Online-Dokumentationstool für Webentwickler.