Похожие презентации:

Figma, Tilda жана Landing Page

1.

Figma, Tilda жана
Landing Page
Группа 2: Абдрахманова Линара, Айтунук Токонова,
Асель Китаева, Уулкыз Эрмекова, Назик Тукеева

2.

Figma деген эмне ?
Figma - дизайнды түзүү үчүн колдонулган графикалык редактор.
Аны дизайнерлер, маркетологдор жана иштеп чыгуучулар өз
ишинде колдонсо болот. Figma дизайн системасы 2016-жылы
пайда болгон жана 2018-жылы эле дизайнерлер арасында
популярдуулукка ээ болгон. Фигма браузерге негизделген курал
жана интернет байланышы бар каалаган түзмөктө колдонсо
болот. Бул графикалык редактордун жардамы менен вебсайттарды, тиркемелерди иштеп чыгып, башка дизайн
продуктуларын дагы түзсө болот.

3.

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

4.

Figmaда кандай долбоорлорду
түзүүгө болот?
- Интерфейсти тартуу. Мисалы
кнопкаларды, пиктограммаларды,
формаларды, эффекттерди кошуу,
баннерлер үчүн анимацияларды
түзүү, баскычтардв, ачылуучу
тизмелерди жасоо ж.б.
- Прототиптерди түзүү келечектеги веб-сайттын же
тиркеменин моделдери. Алар
кардарларга долбоор кандай
болорун көрсөтүү үчүн колдонулат.

5.

- Вектордук объектилер
менен иштөө. Вектордук
графиканы түзүп, Adobe
Illustrator, Sketch
редакторлорунан
вектордук объекттерди
импорттой алабыз
- Редактор блоксхемаларды,
диаграммаларды,
графиктерди түзүүгө
мүмкүндүк берет.

6.

Tilda Publishing (кыскача Tilda)
бул программалоо жөндөмүн талап
кылбаган блокторго негизделген
веб-сайт куруучу.
Веб-сайттарды, онлайн
дүкөндөрдү, баракчаларды,
блогдорду жана электрондук email рассылкаларды түзүүгө
мүмкүндүк берет.

7.

Блоктордон веб-сайтты түзүү
Адатта сайт кабаттардан турат. Тильдада
мындай ар бир кабат блок деп аталат.
Блоктор Тильданын негизи болуп саналат.
Адистер тарабынан иштелип чыккан 500дөн
ашык заманбап блоктор бар. Даяр блоктор
сол жактагы китепканада категория боюнча
иреттелген.
Ар бир блоктун өзүнүн орнотуулары бар,
андан тышкары башкалардан айырмаланып
оригиналдуу веб-сайтты түзсө болот.

8.

Веб-сайт бир нече
барактан (портфолио,
журнал, блог) же бир
барактан (лэндинг
пейдж, лонгрид)
турушу мүмкүн. Ал эми
эгер сиз мурда
эч качан вебдолбоорлорду
жасабаган болсоңуз,
даяр шаблондорду
колдонсонуз дагы
болот.

9.

10.

11.

Лэндинг деген эмне жана ал
эмне үчүн керек?
Лендинг пейдж – колдонуучунун катышуусу
үчүн өзүнчө веб-баракча. Бул
маркетингдин эффективдүү түрү жана
жарнак кампанияларын куралы. Бул
баракча колдонуучуларды белгилүү бир
иш-аракетти жасоого түртөт - акысыз
катталуу, кызматты брондоо же сатып
алуу. Бул аракетке чакыруу үчүн атайын
баскычтар колдонулат: мисалы, "баштоо",
"жазылуу", же "сатып алуу".

12.

13.

Кадимки веб-сайт жана
лэндинг: айырмасы эмнеде?
➔ Кадимки сайт көп функциялуу. Ал "биз жөнүндө" баракты,
галереяны, онлайн дүкөндү жана башкаларды камтышы мүмкүн.
Ошол эле учурда, лэндинг баракчасында колдонуучуларды сиз
койгон максатка багыттай турган эң маанилүү маалыматтар гана
бар. Лэндинг структурасында колдонуучуларды аракетке
чакыруудан алыстата турган кошумча шилтемелер жок

14.

Кадимки сайт шаблону:

15.

Лэндингтин шаблону

16.

1. Кайсы курал веб-сайттын макеттерин
жана прототиптерин түзүү үчүн
иштелип чыккан?
а) Фигма
б) Тильда
в) баштапкы бет
г) Жогоруда айтылгандардын баары
3. Вебсайттардын кайсы түрү
көбүнчө Landing page аркылуу
түзүлөт?
а) Блогдор
б) Интернет дүкөндөр
в) Белгилүү бир продуктка же
кызматка багытталган бир беттик
сайттар
г) Социалдык тармактар
2. Төмөндөгү платформалардын кайсынысы
программалоону талап кылбастан веббаракчаларды түзүү мүмкүнчүлүгүн берет?
а) Фигма
б) Тильда
в) Landing page
г) жогоруда айтылгандардын эч бири
4. Кайсы курал командага
реалдуу убакытта веббаракчанын дизайнында
иштөөгө мүмкүндүк берет?
а) Фигма
б) Тильда
в) Landing page
г) жогоруда
айтылгандардын баары
5. Landing pageтеги аталыштын
(заголовок) негизги максаты
эмнеде?
а) Компания жөнүндө маалымат
берүү.
б) Келген адамды адаштыруу
в) Келген адамдын көңүлүн
жана кызыгуусун буруу.
г) арзандатууларды сунуштоо.
English     Русский Правила