Entwerfen interessant aussehender Websites in Graustufen, minimalen Tönen

Ich kenne ein Unternehmen, das eine Website haben wollte, die zu seiner Marke passt, und es scheint, dass es allergisch auf Farben reagiert. Ich denke, Designs in Graustufen können toll aussehen, besonders in gedruckter Form, aber es scheint fast unmöglich, sie auf das Design von Websites anzuwenden.

In diesem Fall konzentrierte sich das Geschäft auf soziale Netzwerke und neue Technologien, aber ein Graustufendesign ist meiner Meinung nach ziemlich veraltet und spiegelte überhaupt nicht wider, was sie taten, obwohl dies anscheinend ihre Marke war. (Sie sagten, sie wollten diesen „Apple-ähnlichen Minimalismus-Stil und die Raffinesse“, aber vielleicht dachten sie vor zehn Jahren an Apple.) Die Website des Unternehmens ist heute so langweilig wie kalter weißer Reis (wie eines dieser Garantiedokumente, die man bekommt). ein neues Gerät, das Sie gekauft haben).

Kürzlich erhielt ich eine Anfrage von einem Kunden, der für ein Architekturbüro das gleiche Erscheinungsbild ohne Farbe wünschte.

Was macht Ihrer Meinung nach eine Website modern und interessant ohne Farbe?

Was „modern und interessant“ ist, ist ein eher vages/weites Thema.
@DA01 stimmt, aber Graustufen werden manchmal mit langweiligem oder fehlendem Leben in Verbindung gebracht. Wie machen Sie das "interessanter"? Graustufen werden manchmal mit veraltet assoziiert, wie TV und Print, bevor die Farbe erfunden wurde, oder veraltet wie die Minimalismus-Trends der 2000er Jahre. Welches Graustufendesign würde 2013 widerspiegeln?
Ich habe keine Antwort, weil dies wirklich ein komplexes Thema ist, aber viele der Antworten hier konzentrieren sich auf Farbe. Die grundlegende Richtung, die man einschlagen sollte, ist: Beim Design geht es um Textur, Farbe und Komposition. Wenn Sie die meiste Farbe entfernen müssen, bleiben Textur und Zusammensetzung übrig.
was ist mit kontrast
Machen Sie nur keinen grauen Text oder Text-in-Grau. Auf dem Handy sehr schwer zu lesen.

Antworten (3)

Die Herausforderung bei Graustufen auf dem Bildschirm ist ein Mangel an Reichhaltigkeit. Das heißt, wenn Sie bei strengen Grautönen bleiben. Natürlich gibt es Variationen von Grau, die eigentlich chromatisch neutral sind. IOW, sie sind nicht völlig frei von Sättigung.

Albert Munsell hatte einige großartige Theorien über die Verwendung von Farbe, die für Sie hilfreich sein könnten. Besonders seine Gedanken zur Farbbalance kommen mir in den Sinn. In seiner eigenen Arbeit als Maler erforschte Munsell die Idee, dass der Künstler die Farbe entsprechend ihrer Stärke sorgfältig ausbalancieren sollte .

Nehmen Sie zum Beispiel dieses Bild. Es gibt eine enorme Menge an kühlen, neutralen Farben, aber es ist die viel geringere Menge an intensiv gesättigten warmen Tönen, die die Szene beleben.

Hier ist noch eins von Jacques-Louis David.

Geben Sie hier die Bildbeschreibung ein

Nach diesem Prinzip könnte Ihre Primärpalette aus leicht chromatischen Neutralen bestehen. Sie könnten diese Palette dann mit einer geringen Farbmenge unterstreichen, von der Sie glauben, dass Ihr Kunde sie vertragen könnte. Tatsächlich denke ich, dass Sie genau das treffen werden, wonach sie suchen.

In diesem Beispiel hat das Grau auf der linken Seite eine Sättigung von Null. Auf der rechten Seite habe ich die Sättigung erhöht, um dem Grau etwas Leben einzuhauchen, aber nicht so sehr, dass es "bunt" wird (Gott bewahre!). Das Akzentuieren eines dieser Grautöne mit einem kräftigen Gelb lädt die Palette mit etwas Energie auf.

Ich glaube, Munsell wäre stolz

Der Blog von Khoi Vinh ist ein großartiges Beispiel für diese Idee in der Praxis. Beachten Sie den Farbfunken im Navi beim Hover.

Keine Farbe ... bis Sie schweben

Ausgezeichnete Antwort, genau die Informationen, die ich brauchte, um den besten Ansatz für diese Art von Designarbeit zu finden.
Froh, dass ich helfen konnte. Viel Glück bei dieser Herausforderung!
Ich liebe diese Bilder :D

In einer solchen Situation greife ich auf die grundlegenden Gestaltungselemente und -prinzipien zurück . Dies sind alles Tools in der Toolbox. Wenn also ein Tool nicht verfügbar ist, müssen Sie andere auswählen! Denken Sie darüber nach, wie Sie verschiedene Linien, Formen, Texturen, Räume und Formen verwenden können, um etwas Interessantes ohne Farbe zu schaffen.

Kontrast ist auch eine sehr kritische Sache. Und nicht nur schwarz und weiß mit den Grautönen dazwischen; Denken Sie groß vs. klein, strukturiert vs. glatt, bewegt vs. stationär.

Wenn Sie sich jemals gravierte Kunst ansehen (z. B. hochauflösende Scans von US-Währungen), werden Sie feststellen, dass Menschen mit einer begrenzten Farbpalette erstaunliche Arbeit leisten können. Die Kunst von Lissitzky kam mir auch in den Sinn … da ist Farbe, aber er war wirklich gut darin, mit minimalistischen Formen zu arbeiten und sie gut aussehen zu lassen.

Die Schwarzweißfotografie könnte Sie auch im Notfall retten, wenn Sie ein paar coole Aufnahmen machen und sie gut einsetzen.

Also, was lernen wir daraus? Nehmen Sie ein paar coole Schwarz-Weiß-Bilder und verklagen Sie Ihre Kunden.
Anfangs war ich beleidigt, dann überwand ich mich und merkte, dass das ein ganz besonderer Tippfehler war. Vielen Dank.
Ich dachte darüber nach, ein Smiley-Gesicht hinzuzufügen, um anzuzeigen, dass ich es nicht ernst meine, konnte es aber nicht rechtzeitig bearbeiten :)

Das Problem mit Graustufen-Webdesign ist, dass Sie eine Schlüsseldimension aus Ihrer Arbeit entfernen.

Wenn Sie nur ein Poster entwerfen oder eine Illustration erstellen, ist dies kein so großes Problem, aber das Webdesign hat spezifische Anforderungen, bei denen die Reduzierung Ihrer Palette auf Graustufen es unglaublich schwierig macht, die Anforderungen an Design und Benutzerfreundlichkeit zu erfüllen.

Ein großes Beispiel dafür sind Hyperlinks. Auf einer Graustufen-Website können Sie die Links nur dunkler oder heller als normalen Text machen. Dadurch sind die Links viel schwerer zu erkennen (selbst wenn sie unterstrichen sind) als auf den meisten Websites.

Außerdem, wenn Sie einen dunkleren/helleren Farbton für Links verwenden, was machen Sie dann mit Überschriften, die keine Links sind? Am Ende haben Sie entweder die Unfähigkeit, Textfarbe zu verwenden, um verschiedene Textrollen zu unterscheiden (oder Wichtigkeit anzuzeigen, wie z Sie verwenden, desto weniger Kontrast gibt es zwischen den einzelnen Farbtönen, wodurch ihre Wirkung verringert und der Text zusammengefügt wird).

In den meisten Fällen würde ich dem Designer empfehlen, es nicht einmal zu versuchen, es sei denn, es handelt sich um eine wirklich künstlerische Website, die stark medien-/grafikbasiert mit minimalem Textinhalt ist, oder so etwas wie eine kreative minimalistische persönliche Zielseite.

Ich habe kürzlich persönlich an 2 schwarz/grau/weißen Designs gearbeitet, und sie waren beide unglaublich schwierig zu entwickeln und endeten dennoch ziemlich mittelmäßig. (Auf der anderen Seite hat mich diese Erfahrung dazu gebracht, die Verwendung von Farbe im Design viel mehr zu schätzen. Es ist, als würde man mehrere Monate lang mit einer Hand auf dem Rücken gefesselt trainieren und dann endlich wieder beide Hände benutzen können. Es ist erstaunlich, was für eine Ein Hauch von Farbe, sogar nur eine Farbe, kann einem Design etwas hinzufügen.)

Interessanter Punkt zum Usability-Aspekt einer Schwarz-Weiß-Website. Anders als wenn Sie mit einem Foto, einem gemalten Plakat usw. konfrontiert werden, starren Sie es meistens nur an.