Vormi kujundamine
Automaatne vormide koostaja annab teile vormide kujundamise üle täieliku kontrolli. Sobitage oma brändi värvid, kasutage fonte, kohandage vahesid ja kujundage vorme nii, et need näeksid välja nagu teie saidi loomulik osa.
Miks on vormi kujundamine oluline?
Teie veebisaidil on bränd. Teie vormid peaksid seda kajastama.
Kui vormid näevad teie saidi ülejäänud osast erinevad välja, tekivad külastajatel kõhklused. Nad ei tea, kas nad on ikka veel samal veebisaidil. See kõhklus maksab konversioone.
Stiilsed vormid annavad edasi ka professionaalsust. Viimistletud vorm annab külastajatele märku, et hoolite detailidest – ja kui hoolite vormi kujundusest, hoolite tõenäoliselt ka nende andmetest.
Kuidas vormi kujundamine toimib
Automaatne vormide koostaja sisaldab vormide koostaja liidesesse sisseehitatud visuaalse stiili redaktorit.
- Valige, mida stiilidaValige vormi konteineri, väljasiltide, sisestusväljade, nuppude või veateadete hulgast.
- SeadistageVäärtuste muutmiseks kasutage värvivalijaid, liugureid ja rippmenüüsid. CSS-süntaksit pole vaja õppida ega meeles pidada.
- Eelvaade koheseltIga muudatus kuvatakse kohe reaalajas eelvaates. Enne avaldamist vaadake täpselt, kuidas teie vorm välja näeb.
- Salvesta vaikesätetenaRakenda oma kujundust uutele vormidele automaatselt. Loo üks kord, kasuta seda kõikjal.
Mida saate kohandada
Värvid
Kontrolli iga vormi värvi. Taustavärvid vormi konteineri ja üksikute väljade jaoks. Tekstivärvid siltide, kohatäidete ja sisendteksti jaoks. Äärisevärvid vaike-, fookus- ja veaolekute jaoks. Nupuvärvid tausta, teksti ja kursoriefektide jaoks.
Tüpograafia
Valige siltide ja sisestusväljade fonte. Reguleerige fondi suurust eraldi – suuremad sildid rõhutamiseks, väiksem abitekst teisejärgulise teabe jaoks. Kontrollige fondi kaalu paksude siltide või heledama sisestusteksti jaoks.
Vahekaugus ja paigutus
Määrake väljade vahekaugus, et teil oleks hingamisruumi. Reguleerige väljade sees olevat täitematerjali mugava teksti sisestamiseks. Kontrollige veeriseid kogu vormi ümber, et see teie lehe paigutuses ideaalselt positsioneeruks.
Piirid ja nurgad
Määrake äärise laius, stiil ja värv. Ümardage nurgad moodsa ilme saavutamiseks või hoidke need teravad minimalistliku kujunduse saamiseks. Rakendage erinevatele vormi olekutele erinevaid äärise stiile – vaikimisi peened äärised, fookuses silmapaistvad äärised.
nupud
Kujunda oma brändiga sobivad saatmisnupud. Taustavärv, teksti värv, äärise raadius, täistäidis, fondi suurus ja fondi kaal. Kohanda kursorit ja aktiivseid olekuid, et nupud reageeriksid kiiresti ja oleksid klõpsatavad.
FormContainer
Stiilige vormiümbrist tervikuna. Lisage taustavärv või hoidke see läbipaistvana. Rakendage sügavuse saavutamiseks kastivarje. Määrake ümarate vormiümbriste äärise raadius. Kontrollige maksimaalset laiust, et vormid liiga laiaks ei veniks.
Levinud vormistiili stsenaariumid
Brändijuhiste vastendamine
Teie ettevõttel on kindlad värvid – #0F2D5F põhivärvide jaoks, #F59E0B aktsentvärvide jaoks. Sisestage need väärtused stiiliredaktorisse. Vormi nupud kasutavad teie aktsentvärvi. Vormi sildid kasutavad teie põhivärvi. Ideaalne brändi järjepidevus.
Loo suure kontrastsusega vorme
Tumeda taustaga veebisait? Looge heledaid vorme, mis paistavad silma. Hele taust? Kasutage äärisega vorme peente varjudega, et määratleda vormiala ilma visuaalselt konkureerimata.
Minimaalsete vormide disain
Eemalda äärised, vähenda vahesid, kasuta läbipaistvat tausta. Loo vorme, mis tunduvad lehega integreeritud, mitte kastis.
Loo julgeid üleskutse tegutsemisele vorme
Suured nupud, erksad värvid, helde täitmine. Looge vorme, mis köidavad teie kõige olulisemate müügivihjete genereerimise lehtede tähelepanu.
Vormid, mis sobivad mis tahes teemaga
Automaatne vormide koostaja töötab iga WordPressi teemaga. Teie kujundatud vormid kohanduvad iga kujunduskontekstiga.
Kasutad Woodmarti, Astrat, GeneratePressi, Divi või mõnda muud teemat? Sinu vormid näevad välja natiivsed. Stiiliredaktor annab sulle piisavalt kontrolli, et sobituda iga disainisüsteemiga.
Teemade konflikte pole. Stiili pärimise probleeme pole. Lihtsalt vormid, mis näevad välja täpselt sellised, nagu soovite.
CSS-i pole vaja
Vormide kujundamiseks ei pea te kohandatud CSS-i kirjutama. Visuaalne redaktor teeb kõigega ise hakkama.
Aga kui soovid CSS-i kontrolli, toetab automaatne vormide koostaja vormide kaupa kohandatud CSS-i. Lisa servade jaoks ülekirjutusi või rakenda täiustatud stiili, mis pole visuaalses redaktoris saadaval. Edasijõudnud kasutajad saavad vajaliku paindlikkuse.
