Formos stilius
Automatinis formų kūrimo įrankis suteikia jums visišką formų stiliaus valdymą. Derinkite spalvas su savo prekės ženklu, naudokite šriftus, koreguokite tarpus ir kurkite formas, kurios atrodo kaip natūrali jūsų svetainės dalis.
Kodėl svarbus formos stilius
Jūsų svetainė turi prekės ženklą. Jūsų formos turėtų jį atspindėti.
Kai formos atrodo kitaip nei likusioje jūsų svetainės dalyje, lankytojai dvejoja. Jie svarsto, ar vis dar yra toje pačioje svetainėje. Dėl šių dvejonių mažėja konversijų skaičius.
Stilizuotos formos taip pat perteikia profesionalumą. Išpuoselėta forma parodo lankytojams, kad jums rūpi detalės – o jei jums rūpi formos dizainas, tikriausiai jums rūpi ir jų duomenys.
Kaip veikia formų stilius
„Auto Form Builder“ apima vizualinio stiliaus redaktorių, integruotą į formų kūrimo priemonės sąsają.
- Pasirinkite, ką stilizuotiPasirinkite iš formos konteinerio, laukų etikečių, įvesties laukų, mygtukų arba klaidų pranešimų.
- Koreguokite nustatymus. Norėdami pakeisti reikšmes, naudokite spalvų parinkiklius, slankiklius ir išskleidžiamuosius meniu. Nereikia mokytis ar atsiminti CSS sintaksės.
- Peržiūrėti akimirksniuKiekvienas pakeitimas iš karto matomas tiesioginėje peržiūroje. Prieš publikuodami, tiksliai pamatykite, kaip atrodys jūsų forma.
- Išsaugoti kaip numatytuosius nustatymusAutomatiškai pritaikykite savo stilių naujoms formoms. Sukurkite vieną kartą, naudokite visur.
Ką galite pritaikyti
Spalvos
Valdykite kiekvieną savo formos spalvą. Formos konteinerio ir atskirų laukų fono spalvos. Etikečių, vietos rezervavimo ženklų ir įvesties teksto teksto spalvos. Kraštinių spalvos numatytosioms, fokusavimo ir klaidos būsenoms. Mygtukų spalvos fonui, tekstui ir užvedimo efektams.
Spausdinimas
Pasirinkite etikečių ir įvesties laukų šriftus. Atskirai koreguokite šrifto dydžius – didesnes etiketes paryškinimui, mažesnį pagalbinį tekstą antrinei informacijai. Valdykite paryškintų etikečių arba lengvesnio įvesties teksto šrifto storį.
Tarpai ir išdėstymas
Nustatykite tarpus tarp laukų, kad būtų daugiau erdvės. Reguliuokite užpildymą laukuose, kad būtų patogu įvesti tekstą. Valdykite paraštes aplink visą formą, kad ji idealiai įsitvirtintų puslapio makete.
Sienos ir kampai
Apibrėžkite kraštinės plotį, stilių ir spalvą. Užapvalinkite kampus, kad gautumėte modernų vaizdą, arba išlaikykite juos ryškius, kad sukurtumėte minimalistinį dizainą. Skirtingoms formos būsenoms taikykite skirtingus kraštinių stilius – subtilias kraštines pagal numatytuosius nustatymus, ryškias kraštines – sufokusuotas.
mygtukai
Sukurkite pateikimo mygtukus, kurie atitiktų jūsų prekės ženklą. Fono spalva, teksto spalva, rėmelio spindulys, užpildymas, šrifto dydis ir šrifto storis. Tinkinkite užvedimo ir aktyvias būsenas, kad mygtukai reaguotų greitai ir būtų lengvai paspaudžiami.
FormContainer
Sukurkite bendro formos apvalkalo stilių. Pridėkite fono spalvą arba išlaikykite jį permatomą. Taikykite langelių šešėlius gyliui. Nustatykite apvalių formų konteinerių kraštinės spindulį. Valdykite maksimalų plotį, kad formos nebūtų per plačios.
Įprasti formų stiliaus scenarijai
Atitikties prekės ženklo gairėms
Jūsų įmonė turi specifines spalvas – #0F2D5F pagrindinei, #F59E0B akcentams. Įveskite šias reikšmes stiliaus redaktoriuje. Formos mygtukams naudojama jūsų akcento spalva. Formos etiketėms naudojama jūsų pagrindinė spalva. Puikus prekės ženklo nuoseklumas.
Kurkite didelio kontrasto formas
Tamsaus fono svetainė? Kurkite šviesias formas, kurios išsiskiria. Šviesus fonas? Naudokite formas su rėmeliais ir subtiliais šešėliais, kad apibrėžtumėte formos sritį vizualiai nekonkuruodami.
Minimalių formų dizainas
Pašalinkite rėmelius, sumažinkite tarpus, naudokite permatomus fonus. Kurkite formas, kurios būtų integruotos į puslapį, o ne būtų dėžutėje.
Kurkite ryškias raginimo veikti formas
Dideli mygtukai, ryškios spalvos, gausus užpildymas. Kurkite formas, kurios patrauktų dėmesį svarbiausiuose potencialių klientų paieškos puslapiuose.
Formos, atitinkančios bet kurią temą
Automatinis formų kūrimo įrankis veikia su visomis „WordPress“ temomis. Jūsų sukurtos formos prisitaiko prie bet kokio dizaino konteksto.
Naudojate „Woodmart“, „Astra“, „GeneratePress“, „Divi“ ar bet kurią kitą temą? Jūsų formos atrodys natūraliai. Stilių redaktorius suteikia pakankamai valdymo galimybių, kad atitiktų bet kurią dizaino sistemą.
Jokių temų konfliktų. Jokių stiliaus paveldėjimo problemų. Tiesiog formos, kurios atrodo tiksliai taip, kaip norite.
CSS nereikalingas
Jums nereikia rašyti pasirinktinio CSS, kad galėtumėte stilizuoti savo formas. Vizualinis redaktorius tvarko viską.
Tačiau jei norite valdyti CSS, „Auto Form Builder“ palaiko pasirinktinį CSS kiekvienai formai. Pridėkite kraštinių atvejų pakeitimus arba pritaikykite išplėstinį stilių, kurio nėra vaizdiniame redaktoriuje. Patyrę vartotojai gauna reikiamą lankstumą.
