EDOMI - Zeigt her eure Visus!

[cocoon]

cocoon[LIST][*]Hier ist der Farbverlauf, den ich für den Hintergrund benutze: -webkit-radial- . . .

Hey, Danke für die Hilfe! Da war ich in meiner Vermutung ja schon recht nah dran.
Zu den Linien hätte ich da noch eine Frage:
Wie hast du die "Bogenform" hinbekommen? Ich stehe da auf dem Schlauch

[qult]

cocoon

• Hier ist der Farbverlauf, den ich für den Hintergrund benutze: -webkit-radial-gradient(50% 50%,circle farthest-side, #343434 0%, #080808 100%)
• Die Linien habe ich tatsächlich mit einzelnen Visuelementen erzeugt. Dazu habe ich 15 Designelemente mit unterschiedlichen Kombinationen (alle 4 Seiten, nur eine Seite, zwei Seiten oder drei Seiten) an Rahmen erstellt, die dann in der Visu an verschiedenen Stellen zum Einsatz kamen. Die Farbe für die Linien ist #565D5F. Das ist wahrscheinlich der kompliziertere Weg, aber dafür sehr flexibel.

Viel Erfolg bei der Umsetzung.

[cocoon]

Vielen Dank für das positive Feedback.


Individuelle Fragen zu einzelnen Umsetzungen beantworte ich selbstverständlich gerne zwischendurch.

Mir gefällt die Visu sehr gut! Sehr schönes Design !
Möchte es gerne als Vorlage für meine neue Visu nutzen.

• Welche Farben hat der Hintergrund und wie schaut der CSS-Code (Farbverlauf) dazu aus?
• Sind die Linien (die Raster) einzelne Visuelemente oder nutzt du Grafiken?

[Glotzkowski]

Sonst braucht man ja auch für die Handy-Version x Visus?!

Es funktioniert natürlich auch mit verschiedenen Auflösungen/Smartphones und einer Visu, es kann dann aber sein, dass es nen grauen Balken am Bildschirmrand gibt, wenn das Seitenverhältnis eines Smartphones anders ist.

[BadSmiley]

Nur hält man das Handy meistens vertikal und das control pro hängt horizontal. Wie machst du das?

[starwarsfan]

Es müssen nur alle Handys die Auflösung der VISU vernünftig darstellen können.

Genau so ist es. Mir wäre es auch viel zu mühsam, alle paar Monate für irgendein neues Smartphone eine neue Visu machen zu müssen. Von daher ist die Visu bei uns für das ControlPro optimiert und wird genauso auch auf allen Tablets und Smartphones verwendet.

[jonofe]

Dann müssen ja alle die gleichen Handys haben?

Es müssen nur alle Handys die Auflösung der VISU vernünftig darstellen können.

[Vertigo1206]

Für jede Auflösung/Endgerät eine separate Visu bzw. sind es bei mir "nur" zwei Visualisierungen, eine für einen Touchscreen im Haus und eine für Smartphones.

Dann müssen ja alle die gleichen Handys haben?
Sonst braucht man ja auch für die Handy-Version x Visus?!

[shortyle]

Hier auch mal meine Visualisierung fürs iPhone. Design ist stark an Gira angelehnt aber ich mag es, schlicht und informativ.

Gefällt mir gut.
Nur mein innerer Monk schreit, wenn Buchstaben wie „g, p, y, …“ unten abgeschnitten sind. Am einfachsten die UE um 10px in der Höhe vergrößern.
Und jetzt noch meckern auf ganz hohem Niveau, bei der Raumbezeichnung der Heizungsseiten ist der Abstand der Linien zum Text, bei Wohnzimmer/Küche“ nicht identisch wie bei den anderen Raumbezeichnungen

[Glotzkowski]

Wie löst ihr das mit den Unterschiedlichen Auflösungen und Orientierungen?
Tablet (Querformat) + Handy (Hochformat)?

Für jede Auflösung/Endgerät eine separate Visu bzw. sind es bei mir "nur" zwei Visualisierungen, eine für einen Touchscreen im Haus und eine für Smartphones.

[eimax]

Hi eimax


Sieht sehr schick aus. Am besten gefällt mir das Icon vom WC.

Auf den "Button"-Seiten haben manche Texte auf den Buttons eine Linie darüber (z.B. Flur), eine darunter (z.B. Speisekammer) und manchmal sind sogar beide Linie (z.B. Alarmsystem) da. Was hat es damit auf sich?

Gruß
Thomas

Hab es nochmal überarbeitet. Jetzt sollte es passen, habe die Screenshots aktualisiert und das OG noch hinzugefügt.

[Stereofeld]

Hi eimax

Design ist stark an Gira angelehnt aber ich mag es, schlicht und informativ.

Sieht sehr schick aus. Am besten gefällt mir das Icon vom WC.

Auf den "Button"-Seiten haben manche Texte auf den Buttons eine Linie darüber (z.B. Flur), eine darunter (z.B. Speisekammer) und manchmal sind sogar beide Linie (z.B. Alarmsystem) da. Was hat es damit auf sich?

Gruß
Thomas

[skyacer]

eimax


Du könntest nicht reinzufällig deine Visu als Download zu Verfügung stellen?

Grüße

[Vertigo1206]

qult Echt Wahnsinns-Umsetzung!!

Ich stehe noch immer ganz am Anfang mich mit Edomi vertraut zu machen

@all:
Wie löst ihr das mit den Unterschiedlichen Auflösungen und Orientierungen?
Tablet (Querformat) + Handy (Hochformat)?

[eimax]

Hier auch mal meine Visualisierung fürs iPhone. Design ist stark an Gira angelehnt aber ich mag es, schlicht und informativ.

In Zukunft soll noch der bereits funktionierende Squeezeserver implementiert werden inkl. der kommenden PV Anlage

F72786A1-C722-4EC8-ABE6-B0BE947C791C.png B25775C5-2992-4FDE-B48A-13C335B48434.png 5A9407C6-D626-4576-B07D-291AE6F7EDB7.png E5E13EA0-3C88-48A2-8F1A-B096200DB0D0.png image_119397.jpg image_119411.jpg IMG_6742.png IMG_6741.png IMG_6743.png