2

2Was ihr auch noch auf jeden Fall machen sollt, ich stelle die Bilder ein von dem alten Design, was ich sehr sehr clean fand, vom alten Design. Da waren nämlich die ganzen Design-Elemente auch im Menü jetzt alles mit zu glasig, also es soll mehr so alles sehr weich aussehen, mehr so clean, weich, abgerundet. Das ist eher so ein Design-Vorschlag und manche Elemente halt auch transparent, zum Beispiel im Dashboard sollen dieses bearbeiten, das Löschsymbol soll so transparent sein, wie das Apple Liquid Glas, ich habe das reingestellt, oder in der Mindmap drin sollen der Mülleimer und das Plus sollen kleiner sein, bisschen mehr abgerundet, auch so dieses Glas-Design, Notizen sollen wirklich Note heißen, aktuell heißen sie halt Kachel, wenn ich drauf drücke, steht da neue Kachel, neue Knoten oder so. Und die Verbindungslinien sollen auch dieses FIM übernehmen mit, genauso wie die Kacheln. Und die Verbindungslinien sollen auf jeden Fall dicker sein. Das ist sehr sehr wichtig. Die Notizen sollen auch so ein bisschen das FIM übernehmen, das FIM soll auch gespeichert werden, wenn ich nächstes Mal wieder reingehe, aktuell wird es immer resettet. Und die Kacheln, wenn ich was lösche, sollen dann wieder kleiner werden, das funktioniert aktuell halt auch nicht und beim ovalen, wenn die Kachel nach unten größer wird, dann wird es aktuell zum Kreis, das soll sich dann dynamisch so anpassen, dass es trotzdem noch diese ovale Form sozusagen hat und dann dazwischen einfach nur gerade Stück gesetzt wird und keine Rundung. Dann soll man, wenn man die FIMs gedrückt hält bei FIM, kommt ein Menü, wo man die Hintergrundfarbe auswählen kann, was irgendwie auch clean aussieht, also man hält gedrückt, dann fließt es zum Menü, kann man auch einfach wieder wegklicken, aber nur wenn man irgendwie so eine Sekunde oder so gedrückt hält. Und dann öffnet sich das Ganze und das soll auch funktionieren. Aktuell funktioniert der Fokusmodus auch nicht mehr. Also da war ja, dass die anderen Kacheln alle so, ich stelle hier vor ein Bild rein, wurden alle so ausgeblöört, wie so ein bisschen, nicht ganz ausgeblört, aber also die Kachel wird sozusagen so gehighlighted und die anderen behalten auch ihre knallige Farbe, aber sind so transparenter sozusagen, wenn ich es beschreiben müsste. Und die Linien haben alle trotzdem 100% Deckkraft, aber nur die eine Kachel, damit man immer weiß, auf welcher man ist, hat dann diese Farbe. Generell sollen die ganzen UI-Elemente so ein bisschen glasmäßig noch sein, aber nicht zu doll, weil aktuell die Performance darunter leidet, es soll eher optisch sein und nicht so auf die Performance sich auswirken. Und halt im Menü auch diese Mülleimer, also auf den Knoten auch der Mülleimer und das Plus, sollen kleiner sein und auch dieses glasdurchsichtige Design haben, wie dann im Dashboard und so, wie ich da das rein stelle.✅ 1️⃣ Design-Leitlinie (neu festgezogen)

Ziel: Nicht „viel Glas“, sondern weich, clean, modern → Apple-Liquid-Glass als Inspiration, nicht als Technik

Grundregeln

mehr Abrundung

weniger harte Kontraste

Glas optisch, nicht technisch

Transparenz sparsam & gezielt

Performance > Effekt

🎨 2️⃣ UI-Elemente (konkret) Dashboard

Bearbeiten / Löschen

halbtransparent

klein

glasartig

nur sichtbar bei Hover / Fokus

kein schweres Glas

weich, ruhig

Mindmap

Plus & Mülleimer

kleiner

stärker abgerundet (Squircle)

leichtes Glas-Finish

kein knalliges Grün / Rot

gleiche Designsprache wie Dashboard

📝 3️⃣ Benennung & Texte (fix)

„Kachel“ ❌

„Notiz“ ✅

Default:

„Neue Notiz“

Menü:

überall konsistent „Notiz“

kein Wechsel mehr zwischen Begriffen

🔗 4️⃣ Verbindungslinien (sehr wichtig) Eigenschaften

deutlich dicker

übernehmen FIM / Theme

gleiche Farblogik wie Kacheln

kein Fremdkörper mehr

Fokusmodus

Linien: 100 % Deckkraft

nur aktive Notiz farblich dominant

andere Notizen:

leicht transparenter

nicht grau

Farbe bleibt erkennbar

➡️ Fokus klar, Orientierung bleibt

💾 5️⃣ FIM / Theme – endlich persistent Problem (erkannt)

FIM resetet beim Neuladen ❌

Fix

FIM wird gespeichert:

pro Mindmap

pro Dashboard

Beim Öffnen:

Theme wird sofort wiederhergestellt

👉 Pflicht für Produkt-Qualität

🧩 6️⃣ Löschen & Größenlogik (Bugfixes) ❌ Aktuell

Kachel schrumpft nach Löschen nicht

Oval wird beim Wachsen zum Kreis

✅ Neu Rechteckig

wächst nach unten

schrumpft sauber beim Löschen

Oval

bleibt oval

wächst:

oben Rundung

unten Rundung

dazwischen gerade Stücke

keine Kreisverformung mehr

🎛️ 7️⃣ FIM-Long-Press-Menü Verhalten

1 Sekunde gedrückt halten

Menü fließt weich auf

Hintergrundfarbe auswählen

Klick außerhalb → schließt

kein permanentes UI-Element

Design

clean

klein

weich

glasartig (leicht!)

🎯 8️⃣ Fokusmodus (wiederherstellen & verbessern) Ziel

klare Orientierung

keine Ablenkung

keine Performance-Kills

Verhalten

aktive Notiz:

volle Farbe

evtl. leichter Glow

andere Notizen:

transparenter

nicht grau

Linien:

bleiben voll sichtbar

⚡ 9️⃣ Performance-Regel (wichtig!)

keine echten Blur-Effekte

keine Live-Backdrop-Filter

Glas = Illusion, nicht Technik

alles GPU-leicht

👉 So bleibt:

Drag schnell

iPad flüssig

Handy stabil

🧠 10️⃣ Konsistenz (sehr wichtig)

Plus / Mülleimer:

gleiches Design

Dashboard + Mindmap + Menü

FIM wirkt auf:

Kacheln

Notizen

Linien

Menüs

nichts wirkt „fremd“

📸 Zu den Bildern vom alten Design

Sehr gut. 👉 Die sind jetzt die visuelle Referenz, kein „ungefähres Gefühl“.

Sobald du sie hochlädst:

gleiche ich jedes UI-Element dagegen ab

wir definieren:

was 1:1 übernommen

was modernisiert

was bewusst weggelassen wird

✅ Zusammenfassung (klar & verbindlich)

✔ Clean statt überglasig ✔ Weich & abgerundet ✔ Icons kleiner & ruhiger ✔ Linien dicker & thematisch ✔ Fokusmodus korrekt ✔ FIM persistent ✔ Ovale korrekt skalierend ✔ Performance geschützt ✔ Begriffe sauber („Notiz“)