Ridge Trail
Designüberblick
Ridge Trail deckt Routendetails, Navigation unterwegs und Einträge abgeschlossener Wanderungen für Wochenendwanderer ab und gestaltet mit felsgrauen Höhenlinien, rettungsorangenen Spuren und klaren Höhenangaben ein modernes Vermessungshandbuch. Beim Ziehen des Höhenprofils bewegen sich Kartenposition und Werte gemeinsam; Karte und Gelände sind in Code gezeichnet.
Prompt
Produkt: Ridge Trail, eine Wanderrouten-App zum Finden von Routen, Prüfen von Höhenprofil und Schwierigkeit und zur Live-Navigation nach dem Start der Wanderung.
Entwirf drei zentrale Bildschirme: Routendetails mit Karte, Höhenprofil, Dauer und Versorgungspunkten; die laufende Wanderung mit Entfernung zur nächsten Abzweigung und verbleibendem Anstieg; sowie den Eintrag einer abgeschlossenen Wanderung.
Zeichne Karten und Gelände in Code, statt echte Karten-Screenshots zu verwenden. Mach die Höhen- oder Routendarstellung einprägsam.
Entwirf die App-Bildschirme mit 390×844. Liefere `index.html` und `screens.html` mit den drei Bildschirmen nebeneinander.
Chinesischen Originalprompt ansehen
产品：「山径」，一个徒步路线 App：找路线、看海拔和难度、出发后实时导航。
设计 3 个关键屏：路线详情（地图、海拔剖面、用时、补给点）、正在走（离下一个岔路口多远、还剩多少爬升）、走完后的记录。
地图和地形用代码画，不用真实地图截图。记忆点放在海拔或路线的呈现上。
App 屏幕按 390×844 设计，交付 `index.html` 和把三屏并排的 `screens.html`。
