Takaisin prompt-kirjastoon
Prompt-kirjastoKuvaprompt
UI-tyylijärjestelmän esittelytaulu
Luo monisivuinen UI-tyylijärjestelmän esittelytaulu, jossa on 8px-ruudukko, väritokenit, typografinen asteikko, komponenttien tilat ja kohdistetut asetteluesimerkit.
Design-järjestelmäUI-kitTypografia
Esikatselu
Kuvaprompt
Suositeltu malli
Seedream 5.0 Lite
Tuotosformaatti
Kuvapromptimalli
Esikatselu
Kuvaprompt
Esikatselu UI-tyylijärjestelmän esittelytaululle, painopisteenä järjestelmän yhtenäisyys, ruudukkokohdistus, muokattavat tokenit ja tuotantovalmiit UI-esimerkit.
Koko prompt
UI-tyylijärjestelmän esittelytaulu
Monisivuinen UI-tyylijärjestelmän esittelytaulu, jossa on 8px-ruudukko, väritokenit, typografinen asteikko, komponentit ja responsiiviset asettelut.
Suositeltu malli: Seedream 5.0 LiteTuotosformaatti: Kuvapromptimalli
Koko prompt
KuvapromptLuo viimeistelty monisivuinen UI-tyylijärjestelmän esittelytaulu tuotteelle tai brändille [PRODUCT_OR_BRAND]. Esitä järjestelmä yhtenäisenä design-sivujen kokonaisuutena yhdellä puhtaalla esikatselukankaalla. Käytä jokaisella sivulla tarkkaa 8px-välistysruudukkoa, yhtenäisiä marginaaleja, täsmällistä kohdistusta ja selkeää hierarkiaa. Sisällytä väritokenipaneeli, jossa on pääväri-, toissijaiset, neutraalit, semanttiset ja taustaväriswatchit; typografinen asteikko otsikoille, leipätekstille, kuvatekstille ja numeroille; komponenttisivu, jossa on painikkeet, syötteet, kortit, navigaatio, tunnisteet ja tyhjät tilat; sekä kaksi responsiivista asetteluesimerkkiä työpöytä- ja mobiilimittasuhteilla. Pidä järjestelmä visuaalisesti yhtenäisenä, muokattavana ja sopivana SaaS-tuotteelle, creator-työkalulle, verkkokauppabrändille tai sisäiselle dashboardille. Käytä realistista paikkamerkkitekstiä vain tarvittaessa ja pidä etiketit riittävän lyhyinä, jotta ne pysyvät luettavina. Vältä oikeita logoja, kopioituja design-järjestelmiä, brändinimiä joita käyttäjä ei ole antanut, vääristynyttä typografiaa, epäjohdonmukaista välistystä, yhteensopimattomia varjoja, koristeellista sekavuutta, saavutettavuuden kannalta heikkoa kontrastia ja komponenttiesimerkkejä, jotka rikkovat ruudukon.
Käyttömuistiinpanot
Korvaa tuotetyyppi, brändin sävy, palettisuunta, komponenttilista, asetteluesimerkit ja saavutettavuusvaatimukset ennen ajamista.
Promptin UKK
Ennen kuin käytät tätä promptia
Nopeat tarkistukset syötteille, mallisopivuudelle ja sille, miten pohjaa voi mukauttaa heikentämättä tulosta.
Mitä minun pitäisi mukauttaa ensin?
Määritä tuotetyyppi, brändin sävy, peruspaletti, typografian luonne, komponenttien laajuus ja se, pitäisikö esimerkkien tuntua enemmän markkinointivetoisilta vai dashboard-vetoisilta.
Voiko tämä prompti luoda käyttökelpoisen design-järjestelmän?
Se luo visuaalisen tyylijärjestelmätaulun tutkimista ja esittämistä varten. Tarkista välistys, kontrasti, typografia ja komponenttien käyttäytyminen ennen kuin muutat sen tuotannon UI-tokeneiksi.
Mitä pitäisi tarkistaa ennen kuvan julkaisemista?
Tarkista, että etiketit ovat luettavia, väriswatchit erottuvat toisistaan, tyyppihierarkia on selkeä, komponentit käyttävät samaa välistyslogiikkaa eikä todellista brändijärjestelmää ole kopioitu.
Lisää promptteja tässä moodissa