#000

https://main--cc--adobecom.aem.live/cc-shared/assets/img/firefly.svg|„AdobeFirefly“ „Adobe Firefly“

Kurkite interaktyvų dizainą su „Firefly Builder“ – DI interneto svetainių kūrimo įrankiu

Su „Firefly Builder“ lengvai vizualizuokite interneto svetaines, programas ir dar daugiau. Šis įrankis pagal jūsų užklausas ir pavyzdžius sukuria adaptyviuosius dizaino objektus, kuriuos galite peržiūrėti ir redaguoti tiesiog drobėje.

Prisijunkite prie laukiančiųjų

style
dark
#000

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg|„Adobe Firefly“

Prisijungti prie „Firefly Builder“ laukiančiųjų sąrašo

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Prisijungti prie „Firefly Builder“ laukiančiųjų sąrašo

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

Prisijungti prie „Firefly Builder“ laukiančiųjų sąrašo

style
Sticky bottom, dark

„Firefly Builder“. Kai intuityvusis programavimas ir kūrybinė kontrolė veikia išvien

Nuo šiol dizaineriai gali greitai įgyvendinti savo idėjas – generuoti interaktyvių, prekės ženklą atitinkantį, interneto svetainių ir programų dizainą neparašydami nė vienos kodo eilutės. Kurkite kelis projektus ir valdykite juos viename drobės lange, o visas detales koreguokite pokalbyje su agentu arba tiesiogiai rinkdamiesi ir redaguodami elementus. Po to eksportuokite kodo rinkinius tolesniam kūrimui.

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links

Nuoseklumas ir kontrolė naudojant dizaino sistemas ir tiesioginio drobės redagavimo funkcijas

Įveskite užklausą arba įkelkite prekės ženklo gaires – sistema sugeneruos dizaino sistemą, kuri visose versijose išlaikys vienodą išvaizdą. Redaguokite dizainą srityje „Ypatybės“ arba pasirinkite bet kurį elementą naudodami funkciją „Tikrinimo įrankis“ ir įveskite užklausą, aprašančią norimus pakeitimus.

Paprasta dizaino peržiūra ir lengvas bendrinimas

„Firefly Builder“ dizainą paverčia spustelėjamais prototipais, kuriuos galima išbandyti tiesiogiai drobėje. Išsiųskite nuorodą suinteresuotiesiems asmenims, klientams bei bendradarbiams – gaukite atsiliepimų ir patobulinkite dizainą prieš pradėdami kūrimą.

Eksportuokite dizainą iš DI interneto svetainių kūrimo įrankio.

Perduokite kūrėjui švarų HTML kodo rinkinį arba importuokite jį į kūrimo įrankius žiniatinklyje bei paruoškite dizainą diegimui.

Kaip kurti interaktyvų dizainą su „Firefly Builder“

1 veiksmas

Prisijunkite prie laukiančiųjų sąrašo

Eikite į firefly.adobe.com/builder ir prisijunkite prie „Firefly Builder“ laukiančiųjų sąrašo naudodami „Adobe ID“ arba sukurkite nemokamą paskyrą, jei jos dar neturite.

2 veiksmas

Atidarykite „Firefly Builder“

Kai programa bus prieinama, prisijunkite naudodami „Adobe ID“.

3 veiksmas

Pradėkite projekto generavimą

Spustelėkite popierinį lėktuvėlį vaizduojančią piktogramą, esančią apatiniame dešiniajame užklausų lango kampe. „Firefly Builder“ pradeda generuoti dizainą drobėje, o jos veiksmus matote realiuoju laiku, žingsnis po žingsnio.

4 veiksmas

Peržiūrėkite projektą

Kai „Firefly Builder“ baigs darbą, galėsite atlikti interaktyvią projekto peržiūrą. Galite išplėsti rėmelį, tikrinti atskirus elementus arba išbandyti patirtį naujame naršyklės skirtuke.

5 veiksmas

Tobulinkite rezultatus

Norėdami tęsti projekto redagavimą, pasirinkite jo rėmelį ir agento pokalbių lange įveskite instrukcijas.

6 veiksmas

Pasirinktinai: generuokite naują projektą

Norėdami sukurti naują projektą, panaikinkite programos rėmelio žymėjimą ir nutolinkite vaizdą. Naudodami funkciją „Rėmelio įrankis“, prieinamą apatinėje įrankių juostoje, bet kurioje drobės vietoje nubrėžkite naują rėmelį. Tada pasirinkite šį rėmelį, įveskite naują užklausą ir jame sugeneruokite naują dizainą.

Pereikite nuo vieno projekto prie kito – pasirinkite juos drobėje arba pokalbių srities viršutiniame kairiajame kampe esančiame išskleidžiamajame meniu.

Kaip kurti interaktyvias patirtis naudojant „Firefly Builder“

Veiksmai, kaip kurti interaktyvias patirtis naudojant „Firefly Builder“

PT5M

Firefly

Prisijungti prie laukiančiųjų sąrašo
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

Kodėl „Firefly Builder“ verta rinktis kaip DI pagrįstą interneto svetainių kūrimo įrankį?

„Firefly Builder“ suteikia galimybę grafikos dizaineriams, naudotojų sąsajų / naudotojų patirčių dizaineriams ir visiems kūrybos profesionalams kurti interaktyvias patirtis nerašant kodo. Nesvarbu, ar reikia sukurti maketus paprastai žiniatinklio svetainės programai, ar suprojektuoti į prekės ženklą orientuotą mikrosvetainę, skirtą produkto pristatymui – „Firefly Builder“ padeda nesunkiai numatyti, kaip atrodys galutinis produktas, kokius jis kels pojūčius ir kaip veiks.

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links
#FFF

Kūrybinė kontrolė

Generuodama dizaino sistemas ir suteikdama sąlygas visas detales redaguoti tiesiogiai drobėje, funkcija „Firefly Builder“ intuityviajam programavimui suteikia dar neregėtą tikslumo lygį.

#FFF

Interaktyvus dizainas neatliekant programavimo

Tiesiog įveskite aprašymą, įtraukite vizualines nuorodas ir įkelkite prekės ženklo gaires – DI interneto svetainių kūrimo įrankis greitai sugeneruos interaktyvų dizainą, atitinkantį jūsų viziją.

#FFF

Lengvas bendrinimas

Kai būsite patenkinti dizainu, sukurkite bendrinamą nuorodą ir išsiųskite ją peržiūrai bendradarbiams bei suinteresuotosioms šalims. Jokio failų eksportavimo ar perdavimo nereikia.

#FFF

Produkcijai paruoštas rezultatas

„Firefly Builder“ greitai sukuria švarių kodų paketus, paruoštus tolesniam tobulinimui žiniatinklio svetainių kūrimo įrankiuose.

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
Prisijunkite prie laukiančiųjų
background
#FFF
style
xl-top-rounded-corners, static links

Pamatykite, ką galite sukurti su „Firefly Builder“

Prisijunkite prie laukiančiųjų sąrašo
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Prisijunkite prie laukiančiųjų sąrašo
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
Prisijunkite prie laukiančiųjų sąrašo
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

Atraskite dar daugiau funkcijų.

background
#F0F0F7
Teksto keitimas vaizdu Vaizdo keitimas vaizdu Eskizo keitimas vaizdu DI grafinio dizaino generatorius DI meno generatorius DI piešinių generatorius DI vaizdo įrašų generatorius DI animacijos generatorius DI portretų generatorius DI animacinių piešinių generatorius DI muzikos generatorius DI garso efektų generatorius
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

Turite klausimų? Galime atsakyti

Kas yra „Firefly Builder“?

„Firefly Builder“ – žiniatinklio svetainės programa, kuria galite generuoti interaktyvų dizainą, pavyzdžiui, interneto svetaines ir programas neparašydami nė eilutės kodo.

Kam „Firefly Builder“ yra skirta?

Programa skirta dizaineriams ir kūrybos profesionalams, kurie vizualinio pasakojimo meną nori pritaikyti interaktyvioms patirtims – interneto svetainėms ir programoms. „Firefly Builder“ galima naudoti tiek klientų projektams, tiek ir savo organizacijos prekės ženklo kūrimui.

Kada galėsiu naudotis „Firefly Builder“ DI interneto svetainių kūrimo įrankiu?

Programa šiuo metu prieinama kaip privati „beta“ versija. Norėdami sužinoti daugiau, apsilankykite firefly.adobe.com/builder.

Kokios kalbos palaikomos?

„Firefly Builder“ šiuo metu pasiekiama tik anglų kalba.

Kokių tipų failus galima įkelti į užklausos langą?

„Firefly Builder“ šiuo metu palaiko šiuos failų formatus: JPEG, PNG, PDF, MD ir GIF.

Ar „Firefly Builder“ DI interneto svetainių ir programų kūrimo įrankį galima naudoti mobiliajame įrenginyje?

Taip. „Firefly Builder“ veikia darbalaukio ir mobiliųjų įrenginių žiniatinklio naršyklėse. Mobiliosios programos kodų paketų šiuo metu nepalaiko.

Kokias naršykles palaiko „Firefly Builder“?

„Firefly Builder“ galima naudoti „Google Chrome“, „Apple Safari“, „Microsoft Edge“ ir „Mozilla Firefox“ naršyklėse.

Ar sugeneruotą dizainą galima redaguoti?

Taip. Dizainą galite redaguoti tiesiogiai srityje „Ypatybės“ arba galite naudoti funkciją „Tikrinimo įrankis“ norėdami pasirinkti konkrečius elementams ir atlikti pakeitimus rašydami užklausas.

Bendrinkite šį puslapį.

style
xxl spacing bottom