Форма стилин түзүү
Автоматтык форма куруучу сизге формалардын стилин толук көзөмөлдөө мүмкүнчүлүгүн берет. Брендиңиздин түстөрүн дал келтириңиз, шрифттерди колдонуңуз, аралыкты тууралаңыз жана сайтыңыздын табигый бөлүгүндөй көрүнгөн формаларды жасаңыз.
Эмне үчүн форманы стилдештирүү маанилүү
Вебсайтыңыздын бренди бар. Формаңыз аны чагылдырышы керек.
Форма сайтыңыздын калган бөлүгүнөн башкача көрүнгөндө, коноктор тартынышат. Алар дагы эле ошол эле веб-сайттабы деп ойлонушат. Бул тартынуу конверсияга алып келет.
Стилдештирилген формалар кесипкөйлүктү да чагылдырат. Жылмаланган форма келгендерге сиздин майда-чүйдө нерселерге кам көрөрүңүздү билдирет — эгер сиз форманын дизайнына кам көрсөңүз, анда алардын маалыматтарына да кам көрөсүз.
Формаларды стилдештирүү кандайча иштейт
Автоматтык форма куруучу интерфейсине орнотулган визуалдык стилдин редакторун камтыйт.
- Эмнени стилдештирүүнү тандаңызФорма контейнеринен, талаа белгилеринен, киргизүү талааларынан, баскычтардан же ката билдирүүлөрүнөн тандаңыз.
- Орнотууларды тууралаңыз. Маанилерди өзгөртүү үчүн түс тандагычтарды, жылдыргычтарды жана ачылуучу тизмелерди колдонуңуз. Үйрөнүү же эстеп калуу үчүн CSS синтаксисинин кереги жок.
- Алдын ала көрүү дароо. Ар бир өзгөртүү түз эфирде алдын ала көрүү режиминде дароо көрүнөт. Жарыялоодон мурун формаңыз кандай көрүнөрүн так көрүңүз.
- Демейки жөндөөлөр катары сактооСтилдөөңүздү жаңы формаларга автоматтык түрдө колдонуңуз. Бир жолу түзүп, каалаган жерде кайра колдонуңуз.
Сиз эмнени ыңгайлаштыра аласыз
түстөр
Формаңыздагы ар бир түстү башкарыңыз. Форма контейнери жана жеке талаалар үчүн фон түстөрү. Белгилер, орун толтургучтар жана киргизүү тексти үчүн текст түстөрү. Демейки, фокус жана ката абалдары үчүн чек ара түстөрү. Фон, текст жана курсорду алып баруу эффекттери үчүн баскыч түстөрү.
Басмакана
Белгилер жана киргизүү талаалары үчүн шрифттерди тандаңыз. Шрифттин өлчөмдөрүн өз алдынча тууралаңыз — басым жасоо үчүн чоңураак белгилер, кошумча маалымат үчүн кичине жардамчы текст. Калың белгилер же ачыгыраак киргизүү тексти үчүн шрифттин калыңдыгын көзөмөлдөңүз.
Аралыгы жана жайгашуусу
Тынчтык үчүн талаалардын ортосундагы аралыкты коюңуз. Текстти киргизүүгө ыңгайлуу болушу үчүн талаалардын ичиндеги бош орундарды тууралаңыз. Барактын макетине эң сонун жайгаштыруу үчүн бүтүндөй форманын четтерин көзөмөлдөңүз.
Чек аралар жана бурчтар
Чек аранын туурасын, стилин жана түсүн аныктаңыз. Заманбап көрүнүш үчүн бурчтарды тегеректеңиз же минималдуу дизайн үчүн курч кармаңыз. Ар кандай форма абалдарына ар кандай чек ара стилдерин колдонуңуз — демейки шартта майда чек аралар, фокуста көрүнүктүү чек аралар.
Buttons
Брендиңизге дал келген баскычтарды иштеп чыгыңыз. Фондун түсү, тексттин түсү, чек аранын радиусу, толтуруу, шрифттин өлчөмү жана шрифттин калыңдыгы. Баскычтар жооп берүүчү жана чыкылдатууга ыңгайлуу болушу үчүн курсорду алып келүү жана активдүү абалдарды ыңгайлаштырыңыз.
Форма контейнери
Жалпы форманын оромосуна стилдештирүү. Фон түсүн кошуңуз же аны тунук сактаңыз. Тереңдик үчүн кутучанын көлөкөлөрүн колдонуңуз. Тегеректелген форма контейнерлери үчүн чек ара радиусун коюңуз. Формалардын өтө кең созулуп кетишине жол бербөө үчүн максималдуу туурасын көзөмөлдөңүз.
Жалпы форма стилдөө сценарийлери
Брендди дал келтирүү боюнча көрсөтмөлөр
Компанияңыздын белгилүү бир түстөрү бар — негизги түстөр үчүн #0F2D5F, акценттер үчүн #F59E0B. Бул маанилерди стил редакторуна киргизиңиз. Форма баскычтары акцент түсүңүздү колдонот. Форма энбелгилери негизги түсүңүздү колдонот. Бренддин идеалдуу ырааттуулугу.
Жогорку контрасттуу формаларды түзүңүз
Караңгы фондо веб-сайт? Өзгөчөлөнүп турган ачык формаларды түзүңүз. Ачык фон? Форма аймагын визуалдык жактан атаандашпастан аныктоо үчүн, күңүрт көлөкөлүү чек аралуу формаларды колдонуңуз.
Минималдуу формаларды долбоорлоо
Чек араларды алып салыңыз, аралыктарды азайтыңыз, тунук фондорду колдонуңуз. Кутучада отургандын ордуна, баракка интеграциялангандай сезилген формаларды түзүңүз.
Иш-аракетке чакыруунун тайманбас формаларын түзүңүз
Чоң баскычтар, ачык түстөр, кенен толтуруу. Эң маанилүү кардарларды тартуу баракчаларыңыз үчүн көңүл бурууну талап кылган формаларды түзүңүз.
Кандайдыр бир темага дал келген формалар
Auto Form Builder ар бир WordPress темасы менен иштейт. Сиздин стилдештирилген формаларыңыз каалаган дизайн контекстине ылайыкташат.
Woodmart, Astra, GeneratePress, Divi же башка теманы колдонуп жатасызбы? Формаңыз табигый көрүнөт. Стиль редактору сизге каалаган дизайн системасына дал келүү үчүн жетиштүү башкаруу мүмкүнчүлүгүн берет.
Темалардын карама-каршылыгы жок. Стиль мурастоо маселелери жок. Болгону сиз каалагандай көрүнгөн формалар.
CSS талап кылынбайт
Формаларды стилдештирүү үчүн сизге CSS жазуунун кажети жок. Визуалдык редактор баарын башкарат.
Бирок эгер сиз CSS башкаруусун кааласаңыз, Auto Form Builder ар бир форма үчүн ыңгайлаштырылган CSSти колдойт. Четки регистрлер үчүн өзгөртүүлөрдү кошуңуз же визуалдык редактордо жок кеңейтилген стилдештирүүнү колдонуңуз. Тажрыйбалуу колдонуучулар керектүү ийкемдүүлүккө ээ болушат.
