Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden auf beide Bereiche hinweisen, die gut erledigt werden, zusätzlich zu den Bereichen, in denen etwas Arbeit anfallen könnte. Zum Schluss bitten wir Sie, Ihr eigenes Feedback zu geben.
Der heutige Standort ist Snowden Industries.
Wenn Sie Ihre Website für eine zukünftige Design-Kritik einreichen möchten, dauert dies nur wenige Minuten. Für die Bewertung Ihres Designs berechnen wir 49 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Über Snowden Industries
Wir sind ein Team von Fachleuten, die jeweils über einzigartige, spezielle Fähigkeiten verfügen. Wir lieben das, was wir tun, und helfen unseren Kunden gerne dabei, durch den kreativen Prozess der Umsetzung bestehender Offline-Geschäftsinitiativen in umfassende Online-Erlebnisse zu navigieren. Wir planen, entwerfen, programmieren, bauen und kritisieren unsere Projekte rund um die Uhr. Wir planen das Management mit BaseCamp, rechnen mit FreshBooks ab und kommunizieren über mehrere Online-Messenger wie Skype, AIM und Yahoo Chat. Wir sind auch immer telefonisch und per E-Mail erreichbar, um Sie bei Ihrem Projekt zu unterstützen.
Hier ist ein Screenshot der Homepage:
Erster Eindruck
Meine erste Reaktion auf diese Site ist einfach: Es ist großartig. Es ist attraktiv, farbenfroh, dynamisch, ansprechend und gut organisiert. Ich könnte weiter und weiter gehen. Ernster Applaus an die Leute in Snowden, sie haben hervorragende Arbeit geleistet.
Eine Website wie diese zu kritisieren ist immer schwierig, weil sie so gut gemacht ist. Anstatt alle Dinge, die schiefgegangen sind, auseinander zu nehmen, lassen Sie uns besprechen, was richtig gelaufen ist. Auf dem Weg werden wir sehen, ob wir Bereiche finden, in denen Verbesserungen möglich sind.
CRAP: Die Abkürzung für die Beurteilung von Designs nach
Der Designautor Robin Williams (nicht der Schauspieler) hat schon vor langer Zeit vier grundlegende Gestaltungsprinzipien dargelegt, die ich nicht nur als Leitfaden für meine eigenen Entwürfe benutze, sondern auch als Maßstab, um andere Entwürfe zu beurteilen. Diese Prinzipien werden Contrast, Repetition, Alignment und Proximity genannt und in der Design-Community liebevoll als "CRAP" bezeichnet.
Um zu sehen, warum dieses Design so gut funktioniert, schauen wir uns an, wie es in jedem dieser Bereiche hält. Als Leser erhalten Sie so einen sehr wichtigen Einblick, wie Sie diese Prinzipien in Ihrer eigenen Arbeit anwenden können.
Kontrast
Ich würde sagen, dass der Kontrast eines der stärksten Dinge ist, die dieses Design antreiben. Dies ist der Grund dafür, dass die Seite Ihre Aufmerksamkeit auf sich zieht und sich daran hält, wenn Sie die Seite nach unten scrollen. Hier einige Beispiele:
Beachten Sie, wie einfach die Farbpalette hier ist. Das ist eine großartige Sache über Design, die meiner Meinung nach bei vielen Leuten zu kurz kommt. Einer der besten Tipps, die ich Ihnen geben kann: Wenn Sie mit Farbschemas nicht großartig sind, halten Sie es einfach dumm! Hier gibt es eine klassische Strategie, die wir auf unzähligen Standorten sehen. Zunächst wurden zwei schön kontrastierende Farben gewählt, in diesem Fall Schwarz und Weiß. Einfacher und kontrastreicher geht es einfach nicht.
Danach wird eine dritte Farbe, normalerweise ein heller Pop in Form von Orange, Rot oder Grün, eingefügt und wiederholt auf der gesamten Seite verwendet, um Ihre Aufmerksamkeit auf bestimmte Punkte zu lenken. Diese dritte Farbe wird sehr sparsam verwendet und fesselt Sie jedes Mal, wenn Sie sie sehen. Snowden verwendete dazu eine schöne Orange.
Beachten Sie als völlig abgelehnte Thematik, dass die Site tut nicht aussehen wie ein halloween-design. Zu oft höre ich Designer, die unbesonnene Ratschläge geben, um Urlaubskombinationen wie Rot und Grün (Weihnachten) oder Orange und Schwarz (Halloween) zu vermeiden, da die Zuschauer Ihr Design sofort mit diesen Feiertagen in Verbindung bringen. Es gibt eine gewisse Wahrheit über die Warnung, aber wenn Sie eine der Farben sparsam verwenden, wie es Snowden mit der Orange tat, können Sie dies leicht vermeiden. Wenn Sie ein erfahrener Designer sind, sollten Sie in der Lage sein, dass Zuschauer nur dann an Weihnachten denken, wenn Sie es möchten.
Wiederholung
Während wir uns mit dem Thema Farbe beschäftigen, dient dieser Pop von Orange auch als starker Punkt für Wiederholungen auf der gesamten Seite. Wie bereits erwähnt, versucht der Designer überall, wo Sie orange sehen, Ihre Aufmerksamkeit auf etwas Wichtiges zu lenken.
Ein weiterer absichtlicher Punkt der Wiederholung ist die Verwendung von Kreisen und stark abgerundeten Ecken. Überall auf der Seite sehen wir Kreise als Designaussage. Immer wieder verwenden sie das gleiche Grundelement, um eine starke und konsistente Ästhetik zu erzeugen.
Das abgerundete Thema wird aufgegriffen und die Organisation auf dem Gelände wird von diesen großen, bogenförmigen Abschnitten bestimmt. Wenn wir den Inhalt entfernen, ist die Wiederholung hier leicht zu sehen.
Ausrichtung
Ausrichtung ist ein sehr grundlegender, aber äußerst wichtiger Aspekt Ihres Designs. Diese Site hat ein recht komplexes Layout, aber die Bögen lassen sie etwas komplizierter aussehen, als sie wirklich sind. Der abgerundete Charakter der Abschnitte vermittelt dem Layout eine fast organische Illusion. Wenn Sie jedoch das visuelle Design entfernen, können Sie erkennen, dass das Drahtgitter darunter ein solides Gitter ist.
Dieses Beispiel hilft wirklich, den Mythos zu zerstreuen, dass Wireframes Sie an Konstruktionsstrukturen binden, die so starr sind, dass sie die kreative Freiheit töten. Diese Seite ist auf kreative visuelle Anziehungskraft beschränkt und dennoch ist die zugrunde liegende Struktur ziemlich einfach und langweilig!
Nähe
Das Prinzip der Nähe ist so, dass Sie es niemals bemerken sollten, wenn es richtig gemacht wird. Anders ausgedrückt, Sie werden nie darauf achten, dass die zusammengehörenden Dinge zusammen sind, sondern nur auf die Probleme, wenn etwas nicht in Ordnung ist oder schwer zu finden ist.
Aus diesem Grund scheint die Nähe naheliegend und einfach zu sein, aber in Wahrheit ist dies für viele Designer ein stolpernder Punkt. Wie bereits mehrfach erwähnt, wird die Struktur auf dieser Site von den Bögen Weiß und Schwarz bestimmt. Dadurch entstanden schöne kleine Ecken, in denen der Designer klare visuelle Informationsgruppen anordnen konnte.
Machen Sie nicht den Fehler, zu denken, dass Layout völlig unabhängig von ästhetischem Design sein sollte. Diese Seite zeigt deutlich, dass beide eng zusammenarbeiten und ein leistungsfähiges Werkzeug für die Umsetzung von Nähe darstellen.
Fazit
Es gibt keine Zauberformel, der Sie jedes Mal folgen können, um ein erfolgreiches Design zu erzielen, aber wenn Sie die oben genannten Prinzipien befolgen, werden Sie sich näher kommen. Die Designer hinter Snowden haben ein klares Verständnis für grundlegende Designtheorie und wie man eine Seite erstellt, die sowohl funktional als auch attraktiv ist.
Ihnen ist vielleicht aufgefallen, dass ich immer noch kein konstruktives Feedback gegeben habe, und ehrlich gesagt bin ich mir nicht sicher, was ich sagen soll. Es ist ein solides Design, auf das ich selbst sehr stolz sein würde. Das Einzige, was mich stört, ist die Verwendung von Cufon-Schriftarten. Die verwendete Schriftart ist eine ziemlich einfache Sans-Serif, und ich bin nicht sicher, ob Cufon die Benutzerfreundlichkeit wert ist. Ein ähnliches Aussehen könnte mit Helvetica Neue und einigen sichereren Fallbacks erreicht werden. Darüber hinaus bietet @ font-face eine freundlichere Alternative, obwohl einige das visuelle Rendern von Cufon bevorzugen. In jedem Fall ist es eine winzige Angelegenheit mit dieser Site und ist völlig offen für Diskussionen.
Umschauen
Bevor du gehst, schau bei der Site vorbei und schau dich um. Beachten Sie, wie sie diese soliden Prinzipien auf anderen Seiten der Website mit neuen Layouts und Ideen kombinierten.
Du bist dran!
Nun, da Sie meine Kommentare gelesen haben, helfen Sie dem Designer mit ein paar weiteren Ratschlägen. Teilen Sie uns mit, was Sie an dem Design toll finden und was Sie für stärker halten könnten. Wie immer bitten wir Sie, auch den Designer der Site zu respektieren und eine klare, konstruktive Beratung ohne harte Beleidigungen anzubieten.