Vissza a promptkönyvtárhoz
PromptkönyvtárKépprompt

UI stílusrendszer-tábla

Készíts többoldalas UI stílusrendszer-táblát 8px-es rácssal, színtokenekkel, tipográfiai skálával, komponensállapotokkal és igazított elrendezési példákkal.

DizájnszisztémaUI kitTipográfia
Előnézet

Képprompt

Ajánlott modell

Seedream 5.0 Lite

Kimeneti formátum

Képprompt-sablon

Előnézet

Képprompt

UI stílusrendszer-tábla előnézete színtokenekkel, tipográfiai skálával, komponensállapotokkal és reszponzív elrendezési példákkal.

UI stílusrendszer-tábla előnézete, a rendszerkövetkezetességre, a rácsigazításra, a szerkeszthető tokenekre és a termékkész UI példákra fókuszálva.

Teljes prompt

UI stílusrendszer-tábla

Többoldalas UI stílusrendszer-tábla 8px-es rácssal, színtokenekkel, tipográfiai skálával, komponensekkel és reszponzív elrendezésekkel.

Ajánlott modell: Seedream 5.0 LiteKimeneti formátum: Képprompt-sablon
Teljes prompt
Képprompt
Készíts kifinomult, többoldalas UI stílusrendszer-táblát a [PRODUCT_OR_BRAND] számára. Mutasd be a rendszert egységes designoldal-készletként egy tiszta előnézeti vásznon. Minden oldalon használj szigorú 8px-es térközrácsot, következetes margókat, precíz igazítást és világos hierarchiát. Tartalmazzon színtoken-panelt elsődleges, másodlagos, semleges, szemantikus és háttérszín-mintákkal; tipográfiai skálát címsor-, törzsszöveg-, felirat- és numerikus stílusokkal; komponenslapot gombokkal, beviteli mezőkkel, kártyákkal, navigációval, jelvényekkel és üres állapotokkal; valamint két reszponzív elrendezési példát asztali és mobil arányokkal. A rendszer legyen vizuálisan következetes, szerkeszthető, és alkalmas SaaS termékhez, alkotói eszközhöz, e-kereskedelmi márkához vagy belső dashboardhoz. Csak ott használj valószerű helyőrző szöveget, ahol szükséges, és a címkék maradjanak elég rövidek az olvashatósághoz. Kerüld a valódi logókat, a másolt designrendszereket, a felhasználó által nem megadott márkaneveket, a torz tipográfiát, a következetlen térközöket, az össze nem illő árnyékokat, a dekoratív zsúfoltságot, az akadálymentességhez túl alacsony kontrasztot és a rácsot megsértő komponenspéldákat.

Használati jegyzetek

Futtatás előtt cseréld ki a terméktípust, a márkahangulatot, a paletta irányát, a komponenslistát, az elrendezési példákat és az akadálymentességi követelményeket.

Prompt GYIK

Mielőtt használnád ezt a promptot

Gyors ellenőrzések bemenetekhez, modellilleszkedéshez és a sablon eredményt gyengítő módosítások nélküli adaptálásához.

Mit szabjak testre először?

Határozd meg a terméktípust, a márkahangulatot, az alappalettát, a tipográfia karakterét, a komponenskört, és azt, hogy a példák inkább marketingvezéreltek vagy dashboard-központúak legyenek.

Készíthet ez a prompt használható designrendszert?

Vizuális stílusrendszer-táblát készít felfedezéshez és prezentációhoz. Mielőtt production UI tokenekké alakítod, ellenőrizd a térközöket, a kontrasztot, a tipográfiát és a komponensviselkedést.

Mit ellenőrizzek a kép publikálása előtt?

Ellenőrizd, hogy a címkék olvashatók-e, a színminták jól elkülönülnek-e, a betűhierarchia világos-e, a komponensek ugyanazt a térközlogikát követik-e, és nem másolt-e a kép valódi márkarendszert.

További promptok ebben a módban