Oblikovanje obrazcev
Samodejni graditelj obrazcev vam omogoča popoln nadzor nad oblikovanjem obrazcev. Uskladite barve svoje blagovne znamke, uporabite pisave, prilagodite razmik in oblikujte obrazce, ki so videti kot naravni del vašega spletnega mesta.
Zakaj je oblikovanje obrazcev pomembno
Vaše spletno mesto ima blagovno znamko. Vaši obrazci bi jo morali odražati.
Ko obrazci izgledajo drugače kot preostali del vašega spletnega mesta, obiskovalci oklevajo. Sprašujejo se, ali so še vedno na istem spletnem mestu. To oklevanje stane konverzije.
Stilsko oblikovani obrazci sporočajo tudi profesionalnost. Dodelan obrazec obiskovalcem sporoča, da vam je mar za podrobnosti – in če vam je mar za oblikovanje obrazcev, vam je verjetno mar tudi za njihove podatke.
Kako deluje oblikovanje obrazcev
Auto Form Builder vključuje urejevalnik vizualnih slogov, vgrajen v vmesnik graditelja obrazcev.
- Izberite, kaj želite oblikovatiIzberite med vsebnikom obrazca, oznakami polj, vnosnimi polji, gumbi ali sporočili o napakah.
- Prilagodite nastavitveZa spreminjanje vrednosti uporabite izbirnike barv, drsnike in spustne menije. Ni se vam treba učiti ali si zapomniti sintakse CSS.
- Takojšen predogledVsaka sprememba se takoj prikaže v predogledu v živo. Pred objavo si oglejte, kako bo obrazec videti.
- Shrani kot privzete nastavitveSamodejno uporabite svoje sloge za nove obrazce. Ustvarite enkrat, uporabite ponovno povsod.
Kaj lahko prilagodite
Barve
Nadzorujte vse barve v obrazcu. Barve ozadja za vsebnik obrazca in posamezna polja. Barve besedila za oznake, označbe mest in vhodno besedilo. Barve obrob za privzeta stanja, stanja fokusa in napak. Barve gumbov za ozadje, besedilo in učinke lebdenja.
Tipografija
Izberite pisave za oznake in vnosna polja. Velikosti pisav prilagodite neodvisno – večje oznake za poudarek, manjše pomožno besedilo za sekundarne informacije. Nadzirajte debelino pisave za krepke oznake ali svetlejše vnosno besedilo.
Razmik in postavitev
Nastavite razmik med polji, da ustvarite prostor za dihanje. Prilagodite odmik znotraj polj za udoben vnos besedila. Nadzorujte robove okoli celotnega obrazca, da ga popolnoma umestite v postavitev strani.
Robovi in vogali
Določite širino, slog in barvo obrobe. Zaobljene vogale lahko ustvarite za sodoben videz ali pa jih ohranite ostre za minimalistično oblikovanje. Za različna stanja obrazca uporabite različne sloge obrob – privzeto subtilne obrobe, v fokusu pa izrazite obrobe.
Gumbi
Oblikujte gumbe za oddajo, ki se ujemajo z vašo blagovno znamko. Barva ozadja, barva besedila, polmer obrobe, odmik, velikost pisave in debelina pisave. Prilagodite stanje lebdenja in aktivno stanje, da se bodo gumbi odzivali in jih boste lahko kliknili.
FormContainer
Oblikujte celoten ovoj obrazca. Dodajte barvo ozadja ali ga pustite prosojnega. Za globino uporabite sence polj. Nastavite polmer obrobe za zaobljene vsebnike obrazcev. Nadzorujte največjo širino, da preprečite preveliko raztezanje obrazcev.
Pogosti scenariji oblikovanja obrazcev
Smernice za ujemanje blagovnih znamk
Vaše podjetje ima določene barve – #0F2D5F za primarno, #F59E0B za poudarke. Vnesite te vrednosti v urejevalnik slogov. Gumbi obrazcev uporabljajo vašo poudarjeno barvo. Oznake obrazcev uporabljajo vašo primarno barvo. Popolna skladnost blagovne znamke.
Ustvarite obrazce z visokim kontrastom
Spletna stran s temnim ozadjem? Ustvarite svetle oblike, ki izstopajo. Svetlo ozadje? Uporabite obrobljene oblike z nežnimi sencami, da določite območje oblike, ne da bi vizualno konkurirali.
Oblikovanje minimalnih oblik
Odstranite obrobe, zmanjšajte razmike, uporabite prozorna ozadja. Ustvarite obrazce, ki so integrirani v stran in ne le ločeni.
Ustvarite drzne obrazce s pozivi k dejanju
Veliki gumbi, močne barve, obilno oblazinjenje. Ustvarite obrazce, ki pritegnejo pozornost na vaših najpomembnejših straneh za pridobivanje potencialnih strank.
Obrazci, ki ustrezajo kateri koli temi
Samodejni graditelj obrazcev deluje z vsemi temami WordPress. Vaši oblikovani obrazci se prilagodijo vsakemu oblikovalskemu kontekstu.
Uporabljate Woodmart, Astro, GeneratePress, Divi ali katero koli drugo temo? Vaši obrazci bodo videti kot naravni. Urejevalnik slogov vam daje dovolj nadzora, da se ujemajo s katerim koli oblikovalskim sistemom.
Brez konfliktov tem. Brez težav z dedovanjem slogov. Samo obrazci, ki so videti točno tako, kot si želite.
CSS ni potreben
Za oblikovanje obrazcev vam ni treba pisati CSS-ja po meri. Vizualni urejevalnik poskrbi za vse.
Če pa želite nadzor nad CSS-jem, Auto Form Builder podpira prilagojen CSS za vsak obrazec. Dodajte preglasitve za robne primere ali uporabite napredno oblikovanje, ki ni na voljo v vizualnem urejevalniku. Napredni uporabniki dobijo potrebno prilagodljivost.
