Was sind die traditionellen Regeln für Schlagschattenrichtung / Lichtquelle?


7

Was ist beim Erstellen eines Schlagschattens für Objekte die traditionelle / klassische "Regel" für die Versatzrichtung? Ich sehe so viele, die unten und rechts sind, was dazu führt, dass die Lichtquelle von oben links kommt.

Ich habe jedoch irgendwo gelesen (ich erinnere mich nicht, wo, vielleicht ein alter David Siegel-Beitrag von vor Jahren), dass beim Hinzufügen von Schlagschatten zum Text der Schattenversatz nach unten und links sein sollte, was der Vorderkante einen leichten dunklen Rand verleiht des Textes, Verbesserung der Lesbarkeit.

Oder ist die Regel nur "konsequent sein"?

Um ganz klar zu sein, ich frage, ob es ein Designprinzip gibt, das durch Tradition oder Vorrang festgelegt wurde.

Antworten:


8

Seien Sie bei Ihren eigenen Entwürfen konsequent. Wenn ein Objekt eine Lichtquelle oben links hat, sollten alle Ihre Objekte eine Lichtquelle oben links haben.

Bei Entwürfen anderer Entwickler müssen Sie mit deren Format übereinstimmen. Im Fall von Apples Mac OS X (gemäß HIG) kommen Schlagschatten von oben in der Mitte und tatsächlich etwas vorne in einem Winkel von 45 ° und nicht von der Seite.

Die Richtung hängt weitgehend von dem Effekt ab, den Sie erzielen möchten. Als informelle Regel, die auf einer nicht so zufälligen Beobachtung basiert, befindet sich die Lichtquelle normalerweise oben links und wirft einen Schatten unten rechts. David Siegel mag technisch korrekt sein, ist aber am Ende fast ausschließlich subjektiv.


8

Vom Kindergarten bis zur Grundschule hatte die Mehrheit meiner (und der anderer Kinder) Zeichnungen ein Ding namens "Ecksonne", das ein Viertel der Sonne war und die obere linke Ecke füllte. Anfangs mag dieses Analogon weit hergeholt oder ironisch klingen, aber ich denke, das Konzept der Ecke Sonne weist auf die Quelle hin, aus der die Idee des idealen Schlagschattens stammt.

Jetzt wollte ich eine Google-Bildsuche zu diesem Thema veröffentlichen, um meinen Standpunkt zu verbessern, bemerkte jedoch eine bemerkenswerte Anzahl von Zeichnungen mit der Ecke Sonne in der oberen rechten Ecke! Verallgemeinernde Anweisungen sollten daher mit einer Prise Salz * genommen werden. Ich habe die Vermutung, dass es entweder kulturelle oder sogar Links- / Rechtshänder-Verbindungen geben könnte - aber ich habe keine Studien über die Ursprünge der Ecksonne. Würde auf jeden Fall die lesen.


Was ist die häufigste, jedoch ist , dass das Licht von oben links kommt.

Ich denke, der Hauptgrund dafür ist nicht das Konzept eines idealen Schlagschattens, sondern die kalte Tatsache, dass in Photoshop die Standard-Schlagschattenrichtung standardmäßig auf 120 ° eingestellt ist oder genauer gesagt: Der global lightWert ist auf eingestellt 120 °. Dies scheint in den meisten Fällen angemessen zu sein. Warum also jedes Mal den Wert in Frage stellen? Es wäre interessant, die Argumentation von Adobe für diesen Winkelwert zu hören.

*) Nun, duh, wie immer


3
Ich möchte nur als Randnotiz den Unterschied zwischen der oberen Beleuchtung, dh der Sonne, die eine freundliche, angenehme Konnotation in unseren Köpfen hat, und der unteren Beleuchtung, dh Feuer oder Taschenlampen, die eine unheimliche oder böse Korrelation haben, hinzufügen.
Sam

@ Sam Guter Punkt. Es ist wie der Heiligenschein der Heiligen im Vergleich zur Verwendung von Taschenlampen beim Erzählen von Horrorgeschichten am Lagerfeuer.
Jari Keinänen

Das ist wirklich interessant, Sam, und eine gute Metapher, an die man sich erinnert. @koiyu, ja, ich frage mich, wie sich das in anderen Kulturen manifestiert.
Ybakos

Obwohl ich die Antwort von Philips auf Prägnanz überprüft habe, mag ich auch Koiyus Antwort sehr.
Ybakos

Ja! 120 Grad sehen genau richtig aus
Code Whisperer

4

Ich komme eher aus dem 3D-CG-Bereich, und wenn Sie 3D-Arbeiten ausführen, versuchen Sie, etwas zu schaffen, das der Realität sehr ähnlich ist. Selten fallen Schatten konsequent in die gleiche Richtung, nicht nur, weil die Form der Objekte die Schatten ein wenig verändern kann, sondern auch, weil sich keine Lichtquelle so verhält, da ihr Licht radial von einem einzelnen Punkt im Raum emittiert wird - oder zumindest Im Fall einer Glühbirne stellen ein relativ kleines Objekt und die sichtbaren Objekte eine signifikante Abweichung in ihrer jeweiligen Richtung von der Lichtquelle dar. Der einzige Grund, warum Sie diese Art von Verhalten von der Sonne aus nicht sehen, ist, dass der Winkelunterschied zwischen zwei Objekten, die hier auf der Erde 10 Fuß voneinander entfernt sind, einen nicht unterscheidbaren Unterschied in ihrer Richtung von der Sonne darstellt. Die Sonne und der Mond sind die einzigen gängigen Beispiele für dieses Phänomen, bei dem der Winkel des einfallenden Lichtvektors über unser Sichtfeld hinweg konsistent ist, das Licht jedoch nachts so diffus und knapp ist, dass Sie genauso gut nicht einmal von "konsistent" sprechen könnten Schattenwinkel "in der Nacht. Jeden Tag werden uns Hunderte, wenn nicht Tausende von Beispielen präsentiert, bei denen Schatten aufgrund signifikanter Abweichungen bei einfallenden Lichtvektoren oder auf andere Weise unregelmäßiger Beleuchtung nicht konsistent in dieselbe Richtung geworfen werden. (Beispiele: Beispiele, bei denen Schatten aufgrund signifikanter Abweichungen bei einfallenden Lichtvektoren oder auf andere Weise unregelmäßiger Beleuchtung nicht konsistent in dieselbe Richtung geworfen werden. (Beispiele: Beispiele, bei denen Schatten aufgrund signifikanter Abweichungen bei einfallenden Lichtvektoren oder auf andere Weise unregelmäßiger Beleuchtung nicht konsistent in dieselbe Richtung geworfen werden. (Beispiele:http://hebbylaya.deviantart.com/art/Stone-3d-Design-102879441 [d Schatten nach links, n Schatten nach rechts], http://fc00.deviantart.net/fs47/i/2009/216 /4/b/3D_by_luiggi26.jpg (L Schatten links, k, TM und 3D Schatten rechts)

In Photoshop spielt die Realität jedoch keine Rolle. Nennen Sie eine Sache in Photoshop, die realistisch ist, und ich wette, ich kann etwas falsch mit dem Algorithmus finden. Der Hauptgrund für die Verwendung der "konsistenten" Schatten liegt genau darin, dass Photoshop kaum in der Lage ist, etwas anderes zu tun. Und versteh mich nicht falsch, ich denke nicht, dass die Schatten, die du im Web siehst, schrecklich aussehen, aber sie sind auch nicht realistisch.

Selbst wenn Photoshop ab morgen wirklich realistische Schatten erzeugen könnte, denke ich nicht, dass die meisten Leute sie verwenden würden, weil sie nicht "richtig aussehen" würden, da wir bereits bestimmte Ideen darüber hatten, was für eine Website oder eine Website "richtig aussieht" Logo in uns verwurzelt.

Die Quintessenz ist, das zu tun, was "richtig aussieht", weil so ziemlich nichts davon realistisch ist.

Übrigens, hier ist ein Beispiel für eine Website, die weder konsistent noch realistisch ist, aber dennoch einwandfrei aussieht: http://us.battle.net/wow/en/services/ Das "HOME / GAME / COMMUNITY / MEDIA /. .. "Menü hat ein langes Highlight, das über die Oberseite geht, aber das gesamte zentrierte Div hat einen dünnen diffusen Schatten in alle Richtungen (wenn die Lichtquelle wirklich oben wäre, sollte es oben keinen Schatten geben.) Darüber hinaus gibt es eine kleine Unterteilung unter dem Menü, die Sie als "Content Div" bezeichnen könnten. Es ist ein wenig geprägt, aber anstelle eines langen Glanzlichts oben hat es an beiden Ecken zwei Glanzlichter und verschwindet nach etwa 30 Pixeln auf magische Weise. Bei genauer Betrachtung völlig inkonsistent, aber auf den ersten Blick sah es vollkommen gut aus!


1

Normalerweise befindet sich die Lichtquelle in den meisten Situationen oben links und wirft Schlagschatten nach rechts unten.

Die einzige andere "Regel" ist, dass Sie alle Arten von Schatten, die Sie verwenden, relativ zueinander machen sollten (dh es sollte eine Lichtquelle für das Dokument geben, nicht jedes einzelne Element).

Ich kann mir keine Art von Schatten vorstellen, der die Lesbarkeit von Text verbessert.


3
Versuchen Sie weißen Text auf weißem Hintergrund mit und ohne Schatten. :-D
Jari Keinänen

1

Unser Gehirn verarbeitet Bilder je nach Beleuchtungsrichtung auf natürliche Weise entweder konkav oder konvex. Die meisten Beobachter verarbeiten schattierte Reliefkarten topografischer Merkmale korrekt, wenn die Beleuchtungsquelle aus der NW-Richtung stammt (oben links). Wenn die Beleuchtung von Südosten kommt, erscheint das Gelände normalerweise umgekehrt (Täler zu Bergen und Berge zu Tälern). Während die meisten Beobachter die Topographie unabhängig von der Beleuchtungsrichtung unter Berücksichtigung eines Bezugspunkts mental in Einklang bringen können, muss diese Fähigkeit vermittelt und geübt werden. Für den Gelegenheitsbeobachter wird dies unpraktisch, und Kartographen betrachten daher die Beleuchtung von schattierten Reliefkarten aus dem Nordwesten als Standard. Ich vermute, dass unsere Idee einer korrekten „Schattenbildung“ vom Standard der Visualisierung von Karten herrührt. Das gesagt, Ich persönlich würde ein Objekt oder Bild von oben links und Text von oben rechts beschatten. Der Grund dafür ist, wie wir Bilder und Text lesen. Bei einem Bild fungiert der Schatten als Stopp und hält Sie im Bild. Bei Text kann ein Schatten auf der rechten Seite den Textfluss stören.


Ich würde sagen, dass nicht nur NW, sondern auch Licht, das von oben kommt, die Objekte im Allgemeinen erhöht erscheinen lässt. Die Schaltflächen auf dieser Website haben einen Schatten direkt darunter, was bedeutet, dass sich die Lichtquelle genau an der N-Position befindet und gut aussieht.
Luciano
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.