Schh! Geben Sie dieses Insider-Geheimnis über die CRAP-Designprinzipien nicht weiter

Die Verwendung von CRAP-Designprinzipien ist eine erstaunliche Möglichkeit, ein effektives visuelles Design zu erstellen.

„WAHAAA?!“ Sie haben alle gesagt, nicht wahr? Nun, das war sicher eine Überraschung für Sie, wenn Sie noch nie von CRAP gehört haben. Robin Patricia Williams, eine großartige amerikanische Autorin, die viele computerbezogene Bücher geschrieben hat, hat in ihrem Buch The Non-Designer's InDesign Book eine Reihe von Grafikdesign-Prinzipien beschrieben. Sie nannte es Mist.

(Sie können auch ein kurzes Interview mit ihr lesen Sie hier).

Also, was ist CRAP? Natürlich nicht der, den wir kennen!

Nun, um effektive, auffällige Designs zu erstellen, sollten wir konsequent sein. Konsistenz kommt mit der Implementierung von Grundlagen und Grundlagen, die immer benötigt werden. Diese Basics sind das Allernötigste, was jeder Designer ständig berücksichtigen sollte.

Als Grafikdesigner besteht Ihre Aufgabe darin, etwas zu produzieren, das den Betrachter so fasziniert, dass er die Website nicht verlassen kann. Die Zuschauer müssen mit Ihrem packenden Grafikdesign an ihren Sitzen gefesselt werden, und dafür kommt CRAP.

CRAP ist ein Akronym, das für Contrast, Repetition, Alignment und Proximity steht.

1. Kontrast

Kontrast wird beschrieben als „Nebeneinanderstellung unähnlicher Elemente (wie Farbe, Ton oder Emotion) in einem Kunstwerk“. Kontrast ist das, was Elemente hervorhebt. Bevor Sie sich darauf einlassen, sollten Sie einen Tipp beachten. Wenn Sie eine Kontrastfunktion zu oft verwenden, verringern Sie lediglich den Kontrast, anstatt ihn zu erhöhen. Wieso den? Denn Kontrast bedeutet, was es bedeutet, wenn einige Elemente auffallen sollen. Wenn alles auffällt, fällt nichts auf! Als wichtiges Element in den Prinzipien des Mistdesigns müssen Sie wissen, wie man es gut verwendet. Kommen wir also dazu!

Farbe

Sie können den Unterschied in den Farben verwenden, um einen Kontrast zu erzeugen. Das World Wide Web Consortium (W3C) hat Richtlinien für den erforderlichen Mindestkontrast zwischen Text und seinem Hintergrund erstellt. Obwohl ein hoher Kontrast bei Text und Hintergrund ein Muss ist, gilt dies nicht, wenn wir über verschiedene Elemente sprechen. Ein hoher Kontrast zwischen verschiedenen Elementen kann die Augen der Benutzer strapazieren. Sie können sich eine Graustufenversion Ihres Designs ansehen, um zu sehen, ob der optimale Kontrast verwendet wurde oder nicht.

Als Faustregel gilt : Schattierungen von Komplementärfarben verwenden , die eine gut Praxis nicht ins Auge belastet hohen Kontrast erzeugen kann.

Größe

Die unterschiedlichen Größen der Elemente, insbesondere bei Texten, können eine Quelle des Kontrasts sein. Wenn Sie die Größe eines Elements deutlich größer halten als andere, die es umgeben, wird es auffällig. Call-to-Action (CTA)-Buttons können auch von dieser größeren Größe profitieren. Ihre Zuschauer werden sie mehr bemerken und sie helfen Ihnen bei Ihrem CRO. Wenn Sie weitere Hilfe bei Ihren CRO-Strategien benötigen, lesen Sie diesen Leitfaden.

Form

Verschiedene Formen können den gewünschten Kontrast erzeugen. Sie können den in Infografiken verwendeten Formkontrast effektiv sehen. Die Verwendung unterschiedlicher Formen nebeneinander kann dazu beitragen, die Gedanken der Leser zu fesseln. Auch das Hinzufügen von runden Ecken zu viereckigen Formen oder die Verwendung von quadratischen Elementen zusammen mit runden, kreisförmigen Elementen können Beispiele für einen Formkontrast sein.

Schriftart

Wir können Schriftarten in verschiedene Gruppen einteilen. Serif, Sans-Serif, script, monospaced und display sind die grundlegenden Typoskriptklassifikationen. Die Verwendung verschiedener Schriftartengruppen kann einen Kontrast für den Text schaffen, den wir bezeichnen möchten. Auch die Verwendung unterschiedlicher Schriftstärken (fett oder normal), Schriftstile (kursiv, opak oder normal) und Schriftdekorationen (unterstrichen, durchgestrichen usw.) können Ihr Spiel auf die nächste Stufe heben.

2. Wiederholung

Als menschliche Wesen ist unser Verstand in Mustern programmiert, die ihm gefallen; Wir suchen sie überall. Was erzeugt Muster? Wiederholung! Außerdem schaffen wir ein Identitätsgefühl, wenn wir auf eine Wiederholung von Dingen stoßen. Denken Sie an ein Musikstück, bei dem die Hauptthemen nicht wiederholt werden. Sie würden sich verloren fühlen.

Genau das gleiche passiert im Design. Wir müssen Farben, Formen, Texturen, Größen und andere Attribute in unserem Design wiederholen, um es konsistent zu machen und ihm eine Art Identität zu verleihen. Außerdem verwenden Unternehmen Wiederholungen im Design, um die Markenbekanntheit zu stärken. Sie wiederholen einen vordefinierten Satz von Farben und Schriftarten, um Konsistenz in ihre verschiedenen Plattformen und Kanäle zu bringen.

Die Wiederholung im Design ist ein weiteres wichtiges Prinzip der vier CRAP-Designprinzipien. Der Benutzer muss sich sicher fühlen, nicht verloren. Es hilft, die UX Ihrer Website zu optimieren.

3. Ausrichtung

Die Ausrichtung, als weiterer entscheidender Faktor in den CRAP-Designprinzipien, spezifiziert die Positionierung eines Elements im Design. Es ist es, was einem Design Zusammenhalt und ein Gefühl von Ordnung verleiht. Bei den Elementen können Sie sie anhand ihrer Kanten oder ihrer Mitten ausrichten. Texte können jedoch links, rechts, zentriert oder einfach im Blocksatz ausgerichtet werden. Je nach verwendeter Textsprache sind die linken und rechten Ausrichtungen LTR oder RTL am beliebtesten. Wir können die zentrierte Ausrichtung für kurze Textspannen verwenden (ist jedoch bei längeren Texten schwer zu lesen). Die Ausrichtung ist eine gute Wahl, wenn die Zeilenlänge lang ist, die Schriftgröße klein ist und die Wörter kürzer sind (die Verwendung bei schmalen Linien mit langen Wörtern verringert die Lesbarkeit).

Jedes Design sollte einige vertikale Linien haben, die als horizontale Ausrichtungshilfen dienen. Überall auf der Seite schwebender Text verwirrt Ihren Betrachter. Ihre Betrachter sollen einfach in der Lage sein, die Beziehung jedes Teils der Seite zueinander zu erkennen.

4. Nähe

Nicht zuletzt ist Nähe ein weiteres Prinzip, das beim CRAP-Design eine wichtige Rolle spielt. Nähe im Design besagt, dass wir Elemente platzieren sollten, die sich aufeinander beziehen und eng miteinander verbunden sind. Es macht Sinn, nicht wahr? Sie möchten nicht nach einem Link zu dem Artikel, den Sie gerade lesen, in der Navigationsleiste suchen, oder? Außerdem erschweren die gleichmäßigen Abstände der Elemente auf der Seite das Nachvollziehen des Designs. Gruppieren Sie die verwandten Elemente so weit wie möglich, um Ihrem Betrachter das Auffinden der gewünschten Informationen zu erleichtern.

Die 3-Sekunden-Regel

"Es dauert nur 3 Sekunden, um sich zu verlieben."

Der letzte Test, den Sie durchführen können, um zu sehen, ob Ihr CRAP-Design einwandfrei ist, besteht darin, in 3 Sekunden zu überprüfen, ob es effektiv ist. Du kannst es selbst tun, indem du deinen Geist klärst und wegschaust und dann darauf zurückkommst. Sie können auch nach 3 Sekunden einen Freund oder einen Verwandten nach seiner Meinung fragen. Wir entscheiden in nur 3 Sekunden, ob uns etwas anzieht und ob wir damit weitermachen wollen oder nicht.

Die Beziehung

Wir sollten diese Prinzipien nicht isoliert anwenden. Wiederholung und Ausrichtung wirken zusammen, um den „normalen“ Zustand bereitzustellen, der es Ihnen ermöglicht, die Form oder Position eines Textstücks zu ändern, um einen Kontrast zu erzeugen. Darüber hinaus wirken Wiederholung und Nähe zu wirkungsvollen Formaten wie Aufzählungen mit Aufzählungszeichen – die Wiederholung des Aufzählungszeichens betont die Nähe der Punkte.

Fazit

Oscar Wilde sagt im Vorwort seines berühmtesten Buches „Das Bildnis des Dorian Gray“: „Der Künstler ist der Schöpfer schöner Dinge. Kunst zu offenbaren und den Künstler zu verbergen, ist das Ziel der Kunst.“

Schließlich besteht das Ziel darin, dass der Aufwand, den Sie in die Erstellung eines Dokuments investieren, verschwindet, unsichtbar wird und Ihrem Leser oder Betrachter uneingeschränkten Zugang zu den Ideen ermöglicht, die Sie kommunizieren möchten – sowohl direkt in Ihrem Text als auch ganz subtil über Ihre Wahl der Designkomponenten. In dieser Hinsicht ist es eine undankbare Aufgabe, da nur wenige Leute die Designqualität bemerken (oder sogar bemerken) – aber sie werden die Botschaft bemerken und entsprechend handeln. Geht es nicht darum?