db-ui / design Goto Github PK
View Code? Open in Web Editor NEWDB UX Design System - Design Issues for Figma & Sketch Libraries, Documentation
Home Page: https://github.com/orgs/db-ui/projects/4
License: Apache License 2.0
DB UX Design System - Design Issues for Figma & Sketch Libraries, Documentation
Home Page: https://github.com/orgs/db-ui/projects/4
License: Apache License 2.0
No response
Für Figma fehlen noch die illustrativen Icons
Eine Figma-Library der illustrativen Icons müssen bereitgestellt werden.
No response
No response
3.0.0-Beta-1
01--Regular/Feedback/Notification (Beta)/(Def) Inline Docked/(Def) Adaptive/(Def) Closeable/Icon - Text/Headline - Text - Link Bottom
Headline, text and link uses hex value instead of color variable
Headline, text and link should use on color variable
No response
3.0.0-Beta-1
Wie sinnvoll sind Icons in der Größe (12)? Könnte verleiten sie so klein zu verwenden obwohl sie so kaum mehr erkennbar sind und nicht barrierefrei oder -arm
Einsatz der kleineren Icon-Größen sollten besser definiert sein.
No response
No response
3.0.0.Beta-1
Manche Icons sind nicht in filled verfügbar. Finde ich etwas verwirrend. (vielleicht erst einmal nicht auswählbar machen?).
Manchmal gibt es die Option Icon Filled, aber er spring immer wieder zu Outlined zurück, da es die Filled Version wohl nicht gibt
Für alle Icons, die bereits eine Filled Variante haben, sollten diese auch übergreifend in allen Größen zur Verfügung stehen.
No response
Könnte mehrere Varianten vertragen, wie z.B. eine Variante bei der die Abstände der Elemente weniger groß ist. 80px pro Accordion Element ist ziemlich groß, eine Variante mit 40 oder 44 px wäre super, da sie noch groß genug ist zum entspannten klicken, aber auch klein genug für mobile oder Seiten mit wenig Platz.
Die Abstände wirken irgendwie falsch, wenn es mit Inhalt gefüllt ist.
Verschiedene Variante des Accordions bzgl. Abstände zwischen den Items.
No response
Aktuell gibt es im Design kein Nightmode für V2 Komponenten
Prüfen, ob Nightmode für V2 im Design entwickelt wird
No response
In der Version 3 ist noch kein Grid verfügbar
Die Foundation sollte um Inhalte zum Grid ergänzt werden.
No response
In der DB UX Community kam der Bedarf nach einem Dropdown mit Multiselect / Multiselect mit Chips auf. Die Komponente wurde ursprünglich für V2 angefragt.
Siehe Kommentare unter Community Post
No response
Ich lege zuerst fest welche Art Button ich brauche (full width, auto, Icon oder nur Text). Danach möchte ich die states des Buttons anpassen können und je nach Screen verändern. Das ist vom Workflow so wie es in der Beta ist super umständlich. (Genauso bei vielen anderen Komponenten)
Wechseln zwischen den states eines Buttons sehr umständlich! Besser über die Layer Styles handhaben wie vorher
Reihenfolge der Attribute anpassen
Aufbau der Komponenten mit Layer Styles
No response
3.0.0-Beta-1
Button Small und Tag sieht sehr ähnlich aus.
Prüfung ob eine bessere optische Unterscheidbarkeit notwendig ist.
No response
Gut wäre es über die Layer Styles die Abstände ausblenden zu können
Ergänzen eines Layer Styles, der die in Komponenten angelegten Spacings ausblendet.
No response
No response
3.0.0-Beta-1
Das Label vom Text Input Field ist sehr sehr klein und im enabled State auch aufgrund des geringeren Kontrast schwer lesbar für gewisse Zielgruppen.
Die Textgröße es Labels sollte größer sein und einen höheren Kontrast zum Hintergrund haben.
No response
Die Accordion Headline hebt sich nicht genug vom Content (Text) ab.
z.B. Headline bold setzen
No response
No response
Eine einfache Möglichkeit mehr als 3 Accordion Elemente zu verwenden wäre super. Das Symbol lässt sich leider nicht einfach mehrfach untereinander legen, da dann die letzte Linie fehlt und man die auch nicht in der Komponente nachträglich einfügen kann durch z.B. Layer Styles oder overrides.
Der Umgang mit den Sketch-Komponenten, die ✂️ detached werden können muss in der Dokumentation besser erklärt werden.
3.0.0-Beta-1
Der Outline Style überschneidet sich zum Teil mit anderen UI Elementen.
Der Focus Rahmen sollte andere UI Elemente nicht überschneiden
No response
No response
Dev und Design unterscheiden sich in der Darstellung der Pagination. Im Design ist es eher ein Karussel-Komponente.
Design angleichen
No response
No response
3.0.0-Beta-1
01--Regular/Feedback/Notification (Beta)/(Def) Inline Docked/Critical/(Def) Closeable/Icon - Text/Headline - Text - Link Bottom
Der Text sollte nach umbrechen und sich nach unten verlängern
No response
Beta-1
Hier fehlt mir der Schatten
Die Navigation sollte identisch zu Figma aussehen.
No response
3.0.0-Beta-1
Ich kann das "Settings" icon nicht finden, das mit dem Zahnrad. -> im Nachhinein gefunden, aber würde es nicht unter "Navigation" suchen...
Die Auffindbarkeit der Icons sollte optimiert werden (Labels), damit die Icons über die Suche besser gefunden werden.
Eine Übersicht aller Icons sollte bereitgestellt werden.
No response
No response
Was sind „checked“ und „unchecked“ Tags? Erschließt sich mir gerade nicht.
Die Dokumentation der Tags sollte etwas umfassender sein und die unterschiedlichen Ausprägungen erklären.
"ich bin auf der Suche nach Templates im DB UX Style, die genau die Position des DB Logos, Menü, Footer etx. enthalten.
Gibt es soetwas? "
Templates in Figma/Sketch anlegen
No response
No response
"Mir fiel bei der Select List und den dazugehörigen Optionen soeben eine kleine Abweichung auf.
Im Standard habe ich die Darstellung mit Icon. Blende ich das Icon im Status Default oder Hover aus, bleibt der Platz bestehen. Nur im Status Selected sowie Selected Hover wird das Label dann nach links gerückt, was auch meine Erwartung wäre."
Nur im Status Selected sowie Selected Hover wird das Label dann nach links gerückt, was auch meine Erwartung wäre -> Label immer nach links rücken
No response
3.0.0-Beta-1
Some of the overrides are not set correctly in accordion item.
e.g. Card Symbol or Focus Symbol is active,
01--Regular/Data-Display/Accordion (Beta)/↳ Accordion Item (Beta)/Card/Pressed/(Def) Headline - Collapsed
cAll overrides should be consistend (color + text)
No response
Beta-1
Card open hat einen Fehler, wenn die Frage länger ist, man sieht die Rundung des Hintergrunds irgendwie durch.
Das Accordion soll bei längeren Inhalten korrekt dargestellt werden.
No response
No response
No response
furchtbar viele, auf den ersten Blick findet man nichts
In der Dokumentation sollte besser herausgehen, wie das Farbsystem der Version 3 funktioniert und wie welche Farben angewendet werden sollen
3.0.0-Beta-1
Die "Validation" - Farbe bei den Inputfeldern (der Rahmen um das Inputfeld herum) sieht etwas zu neon/ grell aus.
Das Grün sollte angepasst werden.
No response
3.0.0-Beta-1
Line Height von H1 ist etwas groß. Bei den anderen H's passts.
Die H1 sollte eine optisch passendere Line Height erhalten.
No response
No response
Ich find die kleine Button Variante zu klein. Der Klickbereich ist nicht accessible m.M.n.. Bei Desktop macht es das klicken und treffen des Buttons anstrengend und mobile ist ein normaler Finger auch einfach zu groß um den zu treffen. Ich nutze gerne den 36px Button. 30 würde vlt noch kleinstes gehen, wenn auch weiterhin die 36er Variante angeboten wird und darauf hingewiesen wird, das der Klickbereich größer als der Button sein sollte (insbesondere mobile).
No response
No response
3.0.0-Beta-1
Wirkt etwas klobig, ist das so barrierefreier? Finde den 1px Rahmen mit runderen Ecken ansonsten deutlich schöner. Genauso bei den Radio Buttons
Die Border der Checkbox und des Radios sollte auf 1px verringert werden
No response
No response
No response
Die Hover-Farbe der Links ist nicht konsistent/fehlerhaft
Prüfen, welche Fehler konkret vorliegen und was angepasst werden muss.
No response
No response
Aktuell kann ich einen Link nicht unterhalb des Textes bei Overlay-Notifications platzieren. Je nach Länge des Link-Labels kann es sehr schnell, sehr vollgepackt wirken. Daher wäre die Möglichkeit, den Link unterhalb des Textes platzieren zu können, analog zur Standalone-Variante, sinnvoll.
Siehe Standalone Notification
No response
"Es geht um den Baukontext und ich brauche bspw. ein Baustellen-Icon, ein Deponie-Icon, etc."
Prüfen, ob Icons in Core Library integriert werden
No response
No response
"Ich habe in der aktuellen Library ein komisches Verhalten beim Element e. 3 Tabs: Text entdeckt:
sobald man bei Symbol unter Optionen den state wechselt, wird der Label neu ausgerichtet. Ich vermute, dass es an Copy-Paste Fehler liegt (es sieht stark danach aus, dass es aus dem Element f. 3 Tabs Icons kommt, weil es so ein leere Icon Space berechnet wird). Könnt ihr vllt bei der Gelegenheit reinschauen?"
Label mittig ausrichten
No response
Icons nur vorne und nicht hinten in Buttons?
Erweiterung des Buttons um ein Trailing Icon
No response
3.0.0-Beta-1
Die Farbe sieht nicht nach Warnung aus.
Die Warning-Farbpalette sollte eher Orange aussehen.
No response
V2 ist aktuell nicht accessible
Anpassung von Kontrastwerten, Einarbeitung Markenfarben, etc.
No response
2.5.2
In der Sketch-Lib DB UX DS Web/ 2.5.2 habe ich eine Komponente gefunden, jedoch weicht diese von der Umsetzung im DB UI Core ab.
Prüfung und Angleichung Dev/Design
No response
No response
Critical und weak widersprechen sich etwas
Unterscheidung zwischen Semantic und Emphasis besser ausarbeiten.
3.0.0-Beta-1
Paddings um die Elemente Button Small, Tags und Badge würde ich erhöhen. Da klebt der Text am Rand.
Padding um Texte von Button Small, Tags und Badge erhöhen.
No response
3.0.0-Beta-1
Das Grün für checked finde ich zu sehr erdfarben und zu wenig knallig, wie das unchecked rot. Das sucess-Grün ist zum Beispiel auch wieder sehr viel mehr gesättigt als checked.
Anpassung des Grüntons
No response
Beta-1
Umstellen eines „AutoWidth“ Buttons (probiert bei medium, outlined) auf „FullWidth“ macht den ganzen Button kaputt. Der Schwarze Rahmen wird zu schmal und das graue wird super breit, händisches skalieren ist zwar möglich, aber der graue Hintergrund bleibt breiter als der schwarze Rahmen.
Das Umstellen von Auto Width auf Full Width soll keine visuellen Fehler bringen
No response
No response
3.0.0-Beta-1
Strichstärke bei Icons gleicher Größe teilweise nicht identisch
Innerhalb einer Gröpe sollten die Icons die gleiche Strichstärke haben.
No response
so wie die Möglichkeit ein Icon zu integrieren
Cool wäre es im Akkordeon vorne noch ein Icon vorne hinzufügen zu können.
No response
3.0.0-Beta-1
Mehrzeilige Helpermessage wird ausgepunktet
Die Helper Message sollte umbrechen
No response
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.