Wie kann ich eine Rampe aus einer 2D-Perspektive von oben nach unten darstellen?

7

Ich schreibe eine Android-App und kann nicht herausfinden, wie eine Rampe (könnte eine Beule sein, wie eine Geschwindigkeitsbegrenzung, aber vorzugsweise eine Rampe) von oben nach unten angezeigt wird

Bauernhof Strauß
quelle
5
Dies ist eher eine Seite als eine Antwort, aber auf einem Architekturplan würde ein Pfeil die Aufwärtsrichtung auf einer Rampe oder Treppe anzeigen.
e100
@ e100 Ich verstehe nicht, dass das keine vollständige Antwort wert ist. Du solltest es eins machen. Sofern nicht mehr Details in der Frage angegeben sind, ist es vollkommen logisch ..
naught101

Antworten:

13

Ich würde in Betracht ziehen, die Rampe nur um 1 oder 2 Grad zu neigen und ihr einen kleinen Schatten zu geben. Es mag nicht real sein, aber es gibt die Illusion von Tiefe.

Der Schlüssel ist, dass Ihre globale Beleuchtung gleich bleibt. Dies bedeutet, dass Sie Schatten auf die gleiche Weise werfen lassen und dass Ihre Lichtquelle auf die gleiche Weise gerichtet ist. Ansonsten fühlt es sich fehl am Platz an

Hier ist ein einfaches Beispiel. Der Rest liegt an dir :)

Bearbeiten: Ich habe eine Trapezversion hinzugefügt, um Ihnen zu zeigen, wie das aussehen würde. Toller Tipp von Abhranil Das, ich habe die Perspektive in diesem Teil übersehen. Es ist nur eine kleine Verbesserung, aber es funktioniert sehr gut!

Rampe hoch und eine volle Rampe

Geben Sie hier die Bildbeschreibung ein

Roberto De Vivo
quelle
Beachten Sie auch die subtile Naht in der untersten Rampe (wie Sie nicht erwähnt haben, weiß ich nicht, ob es wirklich beabsichtigt war, aber es lässt die Rampe ein bisschen realer aussehen).
Jari Keinänen
Es war eine unbeabsichtigte Nebenwirkung des Schlagschattens, aber Sie haben Recht, es trägt noch mehr zur Illusion bei. Es gibt ihm etwas mehr Textur. Nebenbei bemerkt: Der Verlaufseffekt kann auch in Kombination mit einem größeren oder kleineren Schlagschatten etwas stärker genutzt werden, um die Rampe zu senken oder zu erhöhen.
Roberto De Vivo
Das Trapez funktioniert, weil es eine korrekte Perspektive schafft, wie es in der Realität sein wird. Idealerweise sollten Sie das sich bewegende Objekt vergrößern, wenn es sich darüber bewegt, wenn sich etwas bewegt. Sie können den gleichen Effekt verwenden, wenn es sich nur um einen Sprung handelt.
Aᵂᴱ
Machen Sie für die "Beule" in der Frage den Gradienten nach außen steiler (schnellerer Wechsel) und oben flacher, er sieht viel runder aus. Sie können die "Mitte" auch in Richtung Licht verschieben, wenn die Beleuchtung im Rest der App aus einer einzigen Richtung kommt.
naught101
5

Ich bin kein Grafikdesigner, aber haben Sie darüber nachgedacht, Farbverläufe zu verwenden? Zum Beispiel:

Rampe1 - Gefälle von links nach rechts Dies könnte Ihre Standardrampe sein.

Rampe2 - symmetrischer Gradient Dies könnte Ihr Speedbump sein.

Offensichtlich müssten sie ein bisschen schöner aussehen. : P.

Brötchenverglasung
quelle
Ja, ich habe Farbverläufe für die überspringenden Gruben verwendet und wollte dafür Farbverläufe verwenden. Ich schätze die Bilder. Hast du irgendwelche Ideen, wie du sie ein bisschen schöner aussehen lassen kannst? Vielen Dank!
Farm Strauß
@farmostrich> Es wäre der richtige Weg, ihm eine gewisse Tiefe oder eine Illusion davon zu geben. Siehe Robertos Antwort.
Brötchen Verglasung
4

Robertos Bild ist gut genug, aber ich denke, es würde den Effekt verstärken, wenn Sie Trapezoide anstelle von Rechtecken verwenden, wobei das breitere Ende das Ende bedeutet, das "oben" ist. Ich denke, das würde den Effekt zufriedenstellend vervollständigen.

Abhranil Das
quelle
Toller Tipp, ich habe meinen Beitrag bearbeitet, um den Effekt zu zeigen
Roberto De Vivo