Zestaw komponentów interfejsu użytkownika Glassmorphism

{ "type": "Prezentacja komponentów interfejsu użytkownika ze szkła matowego", "style": "Wysokiej klasy minimalistyczny zestaw interfejsu skeuomorficznego, matowy, półprzezroczysty biały akryl, miękkie cienie, delikatne odbicia, zaokrąglone rogi, czyste białe tło, turkusowe i pomarańczowe akcenty, niezwykle wyrafinowane renderowanie produktu 3D, widok z góry.", "palette": { "background": "Jasnoszary, miękki, jasnobiały", "primary": "Głęboki, niebieskozielony", "secondary": "Jasnopomarańczowy", "material": "Mlecznobiałe, półprzezroczyste szkło z satynowymi detalami z tworzywa sztucznego" }, "layout": { "composition": "Pojedyncze płótno z równomiernie rozmieszczonymi, pływającymi widżetami interfejsu użytkownika prezentuje czystą i uporządkowaną demonstrację systemu projektowania.", "sections": [ { "title": "Duże pokrętło", "position": "Lewy górny róg", "count": 1, "labels": [ "Okrągłe pokrętło obrotowe ze skalą promieniową i pomarańczowym wskaźnikiem" ] }, { "title": "Klawisze strzałek", "position": "Górny środkowy", "count": 1, "labels": [ "Okrągły, czterokierunkowy kontroler z centralnym przyciskiem i czterema ikonami strzałek." ] }, { "title": "Przycisk Odtwórz", "position": "Górny środkowy prawy", "count": 1, "labels": [ "Okrągły przycisk z błękitnym trójkątem odtwarzania i pomarańczowym łukiem postępu." ] }, { "title": "Przełącznik", "position": "Górny prawy", "count": 1, "labels": [ "Poziomy przełącznik w kształcie pigułki jest w pozycji WŁ." ] }, { "title": "Przycisk Ulubione", "position": "środek po lewej u góry", "count": 1, "labels": [ "Zaokrąglone kwadratowe kafelki z konturem w kształcie serca" ] }, { "title": "Punkt stanu", "position": "Prawy górny róg", "count": 1, "labels": [ "Mały okrągły przycisk z pomarańczową kropką w środku" ] }, { "title": "Krokownik", "position": "Prawy górny róg", "count": 1, "labels": [ "Poziomy element w kształcie pigułki ze znakami minus i plus" ] }, { "title": "Suwak audio", "position": "środek po lewej", "count": 1, "labels": [ "Długi, poziomy suwak głośności z ikoną głośnika po lewej stronie i wytłoczonym wzorem w kształcie fali po prawej stronie." ] }, { "title": "Licznik procentowy", "position": "Środkowo-prawy", "count": 1, "labels": [ "Okrągły wskaźnik pokazujący 60% z promieniową podziałką." ] }, { "title": "Kafelek powiadomień", "position": "środek po prawej", "count": 1, "labels": [ "Zaokrąglony kwadratowy magnes z konturem dzwonka" ] }, { "title": "Karty muzyczne", "position": "Lewy dolny róg", "count": 1, "labels": [ "Karty multimedialne, w tym miniatury i tytuły leśne{argument name=\"tytuł utworu\" default=\"Forest Drive\"} ,subtitle{argument name=\"tytuł utworu\" default=\"Ambient Journey\"} Pasek postępu i okrągły przycisk odtwarzania" ] }, { "title": "Przydatne ikony", "position": "Lewy dolny róg na środku", "count": 4, "labels": [ "Ikona ustawień suwaka", "Ikona wyszukiwania", "Ikona udostępniania", "Więcej ikon menu" ] }, { "title": "kompas", "position": "Shimonaka", "count": 1, "labels": [ "Duży, okrągły kompas z oznaczeniami NESW i turkusowo-pomarańczowym wskaźnikiem." ] }, { "title": "Suwak pionowy", "position": "Środek w prawym dolnym rogu", "count": 1, "labels": [ "Wysoki, zaokrąglony suwak z cyjanową ścieżką, cyjanowym pokrętłem, pomarańczowymi punktami końcowymi i małą ikoną głośnika." ] }, { "title": "Dolna nawigacja", "position": "Lewy dolny róg", "count": 1, "labels": [ "Pasek nawigacyjny w kształcie pigułki zawiera cztery ikony: Strona główna, Wykres słupkowy, Kompas i Profil." ] }, { "title": "Wezwanie do działania", "position": "Prawy dolny róg", "count": 1, "labels": [ "Przycisk w kształcie pigułki, oznaczony{argument name=\"tekst przycisku\" default=\"Eksploruj\"} fragmentami pomarańczowymi okrągłymi strzałkami" ] }, { "title": "Magnes biometryczny", "position": "Prawy dolny róg", "count": 1, "labels": [ "Zaokrąglony kwadratowy kafelek z ikoną odcisku palca" ] } ] }, "rendering": { "lighting": "Delikatne oświetlenie studyjne z lewego górnego rogu", "shadow": "Rozproszone, warstwowe cienie dla uzyskania unoszącej się głębi", "finish": "Estetyka wysokiej klasy elektroniki użytkowej, wykwintna i minimalistyczna", "quality": "Przejrzysty, czysty i realistyczny model interfejsu 3D, odpowiedni do projektowania obrazu ekranu głównego systemu." } }