Invite Studio 🎨

Invite Studio — бул invite.kg сайтынын редактору. Анын жардамы менен код жазбастан санариптик чакырууларды түзө аласыз.

Редактордо текст, сүрөттөр, баскычтар, музыка, анимациялар жана башка элементтерди кошуп, алардын көрүнүшүн жана жайгашуусун жөндөй аласыз

Негизги эреже — адегенде чакыруунун түзүмүн түзүп, андан кийин акырындык менен деталдарды жана эффекттерди кошуңуз.

Редактордун интерфейси

Invite Studio ачылгандан кийин бир нече негизги аймакты көрөсүз:

• Иш аймагы — бул жерде сиздин чакырууңуз жайгашат
• Инструменттер панели — бул жерде чакырууга кошо турган элементтер жайгашкан
• Жөндөөлөр панели — бул жерде тандалган элементтин касиеттерин өзгөртө аласыз
• Алдын ала көрүү — чакыруу конокко кандай көрүнөрүн текшерүүгө мүмкүнчүлүк берет
• Жарыялоо — «Жарыялоо» баскычы аркылуу чакыруу менен ишти аяктап, аны жарыялоого өтсөңүз болот.

Чакыруу жарыялоо

«Жарыялоо» баскычы сиздин укуктарыңызга жараша эки башка сценарийде колдонулат.

Эгер сизде invite.kg дизайнеринин мүмкүнчүлүктөрү бар болсо, түзгөн чакырууңузду дизайнердин шаблону катары жарыялай аласыз. Мындай шаблон жарыялангандан кийин invite.kg marketplace'инде колдонуучуларга жеткиликтүү болушу мүмкүн.

Ошол эле учурда Invite Studio'ну кадимки колдонуучу катары колдонуп, өзүңүз түзгөн чакырууну иш-чараңыз үчүн сатып ала аласыз.

💡 Мезгил-мезгили менен алдын ала көрүү режимин ачып, жыйынтыкты кадимки коноктун көзү менен текшерип турууну сунуштайбыз

Элементтерди кошуу

Invite Studio'догу негизги иш элементтер менен жүргүзүлөт.

Сиз төмөнкүлөрдү кошо аласыз:

• текст
• сүрөттөр
• баскычтар
• фигуралар
• музыка
• башка жеткиликтүү функциялар

Элемент кошуу үчүн редактордун панелинен керектүү инструментти тандап, аны иш аймагына жайгаштырыңыз.

Кошулгандан кийин элементти жылдырып, өлчөмүн өзгөртүп жана анын касиеттерин жөндөсөңүз болот.

⚙️ Элементтерди жөндөө жана түзөтүү

Invite Studio'догу ар бир элементтин өзүнүн жөндөөлөрү бар. Алардын жардамы менен элементтин көрүнүшүн, мазмунун жана иштөө тартибин өзгөртө аласыз.

Элементти өзгөртүү үчүн алгач аны иш аймагынан тандаңыз. Тандагандан кийин элементтин жанында башкаруу баскычы пайда болот.

Элемент менен кошумча аракеттерди ачуу үчүн ушул баскычты басып, түзөтүү режимин иштетиңиз.

Түзөтүү режими иштетилгенден кийин тандалган элементти жөндөп, ага жеткиликтүү параметрлерди өзгөртө аласыз.

Жөндөөлөр элементтин түрүнө жараша айырмаланышы мүмкүн.

Элементти көчүрүү жана кулпулоо

Элементти жөндөп бүткөндөн кийин, аны бардык жөндөөлөрү менен көчүрүп, ошондой эле элементти кулпулап койсоңуз болот. Бул чакыруу менен мындан ары иштөө учурунда аны кокустан жылдырып же өзгөртүп алуудан сактайт.

📝 Текст

Текст ысымдар, аталыштар, иш-чаранын сүрөттөмөсү жана башка маалыматтар үчүн колдонулат.

Текстти кошкондон кийин төмөнкүлөрдү өзгөртө аласыз:

• мазмуну
• шрифт
• өлчөмү
• түсү
• тегиздөө
• жайгашуусу
• башка жеткиликтүү параметрлер

Шрифттерди аз санда колдонууга жана визуалдык иерархияны сактоого аракет кылыңыз.

Мисалы:

Ысымдар — эң көрүнүктүү текст.

Дата жана жер — кичирээк текст.

Кошумча маалымат — кадимки өлчөмдөгү текст.

🖼 Сүрөттөр

Сүрөттөр чакырууну өзгөчө жана визуалдык жактан жагымдуу кылууга жардам берет.

Сүрөт кошууда анын сапатына жана тараптарынын катышына көңүл буруңуз.

Өтө созулган же бүдөмүк сүрөттөрдү колдонбоңуз.

Ошондой эле сүрөт маанилүү текстти же интерактивдүү элементтерди жаап калбагандыгын текшериңиз.

🎨 Фон

Фон чакыруунун дизайнынын негизин түзөт.

Сиз төмөнкүлөрдү колдоно аласыз:

• түс
• сүрөт
• башка жеткиликтүү жасалгалоо варианттары

Фонду тандоодо тексттин контрастын сөзсүз текшериңиз.

Мисалы, өтө ачык фондогу ачык түстөгү текстти мобилдик түзмөктө окуу кыйын болушу мүмкүн.

🔘 Баскыч

Баскычтар интерактивдүү аракеттер үчүн колдонулат.

Мисалы:

• картаны ачуу
• катышууну ырастоо
• кошумча маалыматты ачуу
• шилтеме аркылуу өтүү

Баскычты кошкондон кийин аны алдын ала көрүү режиминде сөзсүз текшериңиз.

Баскыч жетиштүү көрүнүктүү жана телефондон басууга ыңгайлуу болушу керек.

🎵 Музыка

Чакырууңузга музыкалык коштоо кошо аласыз.

Музыка колдонууда төмөнкүлөрдү эске алыңыз:

• ал иш-чаранын атмосферасына туура келеби
• үнү өтө катуу эмеспи
• ойнотуу туура иштеп жатабы
• музыканы башкаруу туура көрсөтүлүп жатабы.

Музыка чакырууну толуктап турушу керек, анын мазмунунан колдонуучунун көңүлүн алаксытпашы керек.

✨ Анимациялар

Анимациялар чакырууну жандуураак кылууга мүмкүнчүлүк берет.

Аларды төмөнкүлөр үчүн колдонуңуз:

• тексттин пайда болушу
• сүрөттөрдүн пайда болушу
• декоративдик элементтер
• элементтердин ортосундагы өтүүлөр

Баардык элементтерге анимация кошуунун кажети жок.

Кыймылдаган элементтердин өтө көп болушу чакырууну ашыкча жүктөп, мобилдик түзмөктөрдөгү иштөөсүнө терс таасирин тийгизиши мүмкүн.

💡 Эгер элементке анимация керекпи же жокпу деп күмөн санасаңыз, аны минималдуу колдонгонуңуз жакшы.

Катмарлар менен иштөө

Иш аймагында бир нече элемент жайгашкан болсо, алардын бири-бирине карата жайгашуусуна көңүл буруу маанилүү.

Мисалы:

Текст

Сүрөт

Фон

Эгер бир элемент экинчисинин үстүндө жайгашса, керектүү элемент көрүнүшү үчүн катмарлардын тартибин өзгөртүңүз.

Жарыялоодон мурун элементтер бири-бирин кокустан жаап калбаганын сөзсүз текшериңиз.

Элементтердин жайгашуусу

Визуалдык тең салмактуулукту сактоого аракет кылыңыз.

Маанилүү элементтерди четтерге өтө жакын жайгаштырбаңыз.

Өзгөчө төмөнкүлөрдү кылдат текшериңиз:

• ысымдар
• дата
• убакыт
• дарек
• баскычтар
• RSVP

Чакыруу экран өлчөмдөрү ар кандай болгон түзмөктөрдө ачыларын эсиңизден чыгарбаңыз.

Алдын ала көрүү

Ишти аяктагандан кийин сөзсүз алдын ала көрүү функциясын колдонуңуз

Чакырууңузду дизайнер катары гана эмес, кадимки конок катары да текшериңиз

Аны жогорудан төмөн карай толугу менен текшериңиз:

• Чакыруу туура ачылып жатабы?
• Биринчи экран жакшы көрүнүп жатабы?
• Текст окулуп жатабы?
• Сүрөттөр туура көрсөтүлүп жатабы?
• Баскычтар иштеп жатабы?
• Карта ачылып жатабы?
• RSVP иштеп жатабы?
• Музыка иштеп жатабы?
• Анимациялар туура иштеп жатабы?
• Чакыруу телефон аркылуу колдонууга ыңгайлуубу?

Сунушталган иштөө тартиби

Дизайнды бир нече жолу кайра жасоого туура келбеши үчүн төмөнкү тартипте иштөөнү сунуштайбыз:

1. Түзүмүн түзүңүз

Алгач чакырууда кайсы блоктор болорун аныктаңыз.

Мисалы:

Мукаба → Ысымдар → Дата → Жер → Программа → Карта → RSVP

2. Негизги элементтерди кошуңуз

Тексттерди жана сүрөттөрдү жайгаштырыңыз.

3. Дизайнды жөндөңүз

Шрифттерди, түстөрдү, өлчөмдөрдү жана элементтердин жайгашуусун тандаңыз.

4. Интерактивдүү функцияларды кошуңуз

Картаны, RSVP, музыканы, артка саноону жана башка керектүү функцияларды кошуңуз.

5. Анимацияларды кошуңуз

Анимацияларды негизги дизайн даяр болгондон кийин колдонуңуз.

6. Мобилдик версияны текшериңиз

Алдын ала көрүүнү ачып, чакырууну кичинекей экранда кылдат текшериңиз.

7. Акыркы текшерүү

Каталар жок экенин жана бардык функциялар туура иштеп жатканын текшериңиз.

💡 Кеңеш

Дароо идеалдуу дизайн жасоого аракет кылбаңыз.

Алгач чакыруунун жөнөкөй, иштеген версиясын түзүп, андан кийин акырындык менен жакшыртыңыз.

Жакшы шаблон — бул бир гана кооз дизайн эмес. Ал төмөнкүдөй болушу керек:

кооз + ыңгайлуу + түшүнүктүү + мобилдик түзмөктөрдө жакшы иштеши керек.