Ձևի ոճավորում
Ավտոմատ ձևաթղթերի կառուցիչը ձեզ լիակատար վերահսկողություն է տալիս ձևաթղթերի ոճավորման վրա: Համապատասխանեցրեք ձեր ապրանքանիշի գույները, օգտագործեք ձեր տառատեսակները, կարգավորեք տարածությունները և նախագծեք ձևեր, որոնք ձեր կայքի բնական մասն են կազմում:
Ինչու է ձևի ոճավորումը կարևոր
Ձեր կայքը ունի ապրանքանիշ։ Ձեր ձևերը պետք է արտացոլեն այն։
Երբ ձևերը տարբերվում են ձեր կայքի մնացած մասից, այցելուները տատանվում են։ Նրանք մտածում են, թե արդյոք դեռ նույն կայքում են։ Այդ տատանումը արժենում է փոխակերպումներ։
Ոճավորված ձևերը նաև արտահայտում են պրոֆեսիոնալիզմ: Հղկված ձևը այցելուներին ասում է, որ դուք կարևորում եք մանրամասները, և եթե դուք կարևորում եք ձևի դիզայնը, ապա հավանաբար կարևորում եք նաև նրանց տվյալները:
Ինչպես է գործում ձևի ոճավորումը
Ավտոմատ ձևաթղթերի կառուցողը ներառում է ձևաթղթերի կառուցողի ինտերֆեյսում ներկառուցված տեսողական ոճի խմբագրիչ։
- Ընտրեք, թե ինչ ոճավորելԸնտրեք ձևի կոնտեյներ, դաշտերի պիտակներ, մուտքագրման դաշտեր, կոճակներ կամ սխալի հաղորդագրություններ։
- Կարգավորել կարգավորումներըԱրժեքները փոխելու համար օգտագործեք գույների ընտրիչներ, սահիկներ և իջնող ցանկեր: CSS շարահյուսություն սովորելու կամ հիշելու կարիք չկա:
- Անմիջապես նախադիտումՅուրաքանչյուր փոփոխություն անմիջապես կհայտնվի նախնական դիտման մեջ: Հրապարակելուց առաջ տեսեք, թե ինչ տեսք կունենա ձեր ձևը:
- Պահպանել որպես լռելյայն կարգավորումներ. Ձեր ոճավորումը կիրառեք նոր ձևերի վրա ավտոմատ կերպով: Ստեղծեք մեկ անգամ, վերօգտագործեք ամենուրեք:
Ինչ կարող եք անհատականացնել
Գունավոր շորեր
Վերահսկեք ձեր ձևի բոլոր գույները։ Ֆոնի գույները ձևի կոնտեյների և առանձին դաշտերի համար։ Տեքստի գույները պիտակների, տեղապահների և մուտքագրված տեքստի համար։ Եզրագծերի գույները լռելյայն, ֆոկուսի և սխալի վիճակների համար։ Կոճակների գույները ֆոնի, տեքստի և մկնիկի վրա մկնիկի վրա պահելու էֆեկտների համար։
Տպագրություն
Ընտրեք տառատեսակներ պիտակների և մուտքագրման դաշտերի համար: Անկախ կարգավորեք տառատեսակների չափսերը՝ ավելի մեծ պիտակներ՝ շեշտադրման համար, ավելի փոքր օժանդակ տեքստ՝ երկրորդական տեղեկատվության համար: Կառավարեք տառատեսակի հաստությունը թավատառ պիտակների կամ ավելի բաց մուտքագրման տեքստի համար:
Տարածություն և դասավորություն
Սահմանեք դաշտերի միջև հեռավորությունը՝ «շնչառության ազատ տարածք» ստեղծելու համար: Կարգավորեք դաշտերի ներսում լրացումը՝ տեքստի հարմարավետ մուտքագրման համար: Կառավարեք ամբողջ ձևի լուսանցքները՝ այն ձեր էջի դասավորության մեջ կատարյալ դիրքավորելու համար:
Սահմաններ և անկյուններ
Սահմանեք եզրագծի լայնությունը, ոճը և գույնը: Կլորացրեք անկյունները ժամանակակից տեսքի համար կամ պահպանեք դրանք սուր՝ մինիմալիստական դիզայնի համար: Կիրառեք եզրագծի տարբեր ոճեր տարբեր ձևի վիճակների համար՝ լռելյայնորեն նուրբ եզրագծեր, ուշադրության կենտրոնում՝ ակնառու եզրագծեր:
Buttons
Ստեղծեք ձեր ապրանքանիշին համապատասխանող կոճակներ: Ետնապատկերի գույնը, տեքստի գույնը, եզրագծի շառավիղը, լրացումը, տառատեսակի չափը և տառատեսակի հաստությունը: Անհատականացրեք մկնիկի նշիչի վրա մկնիկի նշիչը և ակտիվ վիճակները, որպեսզի կոճակները լինեն արագ արձագանքող և սեղմելի:
FormContainer
Ձևավորեք ձևի ընդհանուր փաթեթավորումը: Ավելացրեք ֆոնի գույն կամ թողեք այն թափանցիկ: Կիրառեք տուփի ստվերներ խորության համար: Սահմանեք եզրագծի շառավիղը կլորացված ձևի տարաների համար: Կարգավորեք առավելագույն լայնությունը՝ ձևերը չափազանց լայն չձգվելու համար:
Ձևի ոճավորման տարածված սցենարներ
Համապատասխանեցրեք ապրանքանիշի ուղեցույցները
Ձեր ընկերությունն ունի որոշակի գույներ՝ #0F2D5F՝ հիմնական գույների համար, #F59E0B՝ շեշտադրումների համար։ Մուտքագրեք այդ արժեքները ոճի խմբագրիչում։ Ձևի կոճակները օգտագործում են ձեր շեշտադրման գույնը։ Ձևի պիտակները՝ ձեր հիմնական գույնը։ Ապրանքանիշի կատարյալ համապատասխանություն։
Ստեղծեք բարձր կոնտրաստային ձևեր
Մուգ ֆոնի վրա կայք՞։ Ստեղծեք բաց ֆոնի վրա առանձնացող ձևեր։ Բաց ֆոնի վրա՞։ Օգտագործեք եզրագծված ձևեր՝ նուրբ ստվերներով, որպեսզի սահմանեք ձևի տարածքը՝ առանց տեսողականորեն մրցակցելու։
Դիզայնի մինիմալ ձևեր
Հեռացրեք եզրագծերը, կրճատեք տարածությունները, օգտագործեք թափանցիկ ֆոն: Ստեղծեք ձևեր, որոնք ինտեգրված են էջի մեջ, այլ ոչ թե գտնվում են շրջանակի մեջ:
Ստեղծեք համարձակ կոչի ձևեր
Մեծ կոճակներ, վառ գույներ, առատ լրացումներ: Ստեղծեք ձևեր, որոնք ուշադրություն կպահանջեն ձեր ամենակարևոր լիդերի գեներացիայի էջերի համար:
Ձևեր, որոնք համապատասխանում են ցանկացած թեմային
Ավտոմատ ձևաթղթերի կառուցիչը աշխատում է WordPress-ի բոլոր թեմաների հետ։ Ձեր ոճավորված ձևերը հարմարվում են ցանկացած դիզայնի համատեքստի։
Օգտագործո՞ւմ եք Woodmart, Astra, GeneratePress, Divi կամ որևէ այլ թեմա: Ձեր ձևերը կունենան բնօրինակ տեսք: Ոճի խմբագրիչը ձեզ բավարար վերահսկողություն է տալիս՝ ցանկացած դիզայնի համակարգին համապատասխանելու համար:
Թեմատիկ հակասություններ չկան։ Ոճի ժառանգման խնդիրներ չկան։ Միայն ձևեր, որոնք ճիշտ այնպիսին են, ինչպիսին դուք եք ուզում։
CSS պահանջվող չէ
Ձևաթղթերը ոճավորելու համար անհրաժեշտ չէ գրել CSS կոդ։ Վիզուալ խմբագրիչը կկարգավորի ամեն ինչ։
Սակայն, եթե ցանկանում եք CSS-ի վերահսկողություն, Auto Form Builder-ը աջակցում է յուրաքանչյուր ձևի համար նախատեսված CSS-ի հարմարեցում: Ավելացրեք եզրային տարբերակների համար փոխարինումներ կամ կիրառեք առաջադեմ ոճավորում, որը հասանելի չէ տեսողական խմբագրիչում: Առաջադեմ օգտատերերը ստանում են անհրաժեշտ ճկունությունը:
