- Видео 44
- Просмотров 25 745
Наталья Чистякова
Россия
Добавлен 30 апр 2018
Привет, меня зовут Наталья, я - UX / UI Веб-дизайнер, юрист😘
На канале рассказываю о Тильде, типографике, композиции, настройках анимации любой степени сложности, о применении модификаций, об интеграции в Тильду сторонних сервисов, веду разборы ваших проектов - в общем, говорю обо всём о том, что позволяет делать ваш дизайн профессиональнее и интереснее, вёрстку - проще и быстрее, а чеки за проекты, как следствие, - выше🔥
Задонатить, если контент полезен, можно по ссылке - t.me/ChistyakovaDesignBot
И, конечно, всегда рада вашим лайкам и подпискам❤️ Поехали✌️:)
ee70d384-2d99-4e72-a94a-b30d4ed80ae7
На канале рассказываю о Тильде, типографике, композиции, настройках анимации любой степени сложности, о применении модификаций, об интеграции в Тильду сторонних сервисов, веду разборы ваших проектов - в общем, говорю обо всём о том, что позволяет делать ваш дизайн профессиональнее и интереснее, вёрстку - проще и быстрее, а чеки за проекты, как следствие, - выше🔥
Задонатить, если контент полезен, можно по ссылке - t.me/ChistyakovaDesignBot
И, конечно, всегда рада вашим лайкам и подпискам❤️ Поехали✌️:)
ee70d384-2d99-4e72-a94a-b30d4ed80ae7
Анализ SEO сайтов на Тильде с real SEOшником (совместный эфир в рамках чата Pro.дизайн)
Всем, кто читает и смотрит, - салют😘!
Сегодня на базе Pro.дизайн провели очередной полезнющий эфир по анализу SEO сайтов с с участием, в качестве спикера, нашего коллеги, Игоря Котельникова ( t.me/Igor_Kotelnikov ) - профессионального «сеошника» на опыте, владельца компании по разработке и продвижению сайтов🚀
Запись пошла с 6-й минуты, потому что Админ Эфира налажал (-А)😆, но самая жара пошла дальше, так что никто ничего не пропустил🔥
Тайминг делать бессмысленно, потому что всё интересно, но в целом до 47:06 говорим о технической стороне SEO в целом, а дальше - именно по Тильде, но разобрали следующее (И даже то, как писать альты к картинкам):
✔️ что вообще такое SEO, когда оно может и не пон...
Сегодня на базе Pro.дизайн провели очередной полезнющий эфир по анализу SEO сайтов с с участием, в качестве спикера, нашего коллеги, Игоря Котельникова ( t.me/Igor_Kotelnikov ) - профессионального «сеошника» на опыте, владельца компании по разработке и продвижению сайтов🚀
Запись пошла с 6-й минуты, потому что Админ Эфира налажал (-А)😆, но самая жара пошла дальше, так что никто ничего не пропустил🔥
Тайминг делать бессмысленно, потому что всё интересно, но в целом до 47:06 говорим о технической стороне SEO в целом, а дальше - именно по Тильде, но разобрали следующее (И даже то, как писать альты к картинкам):
✔️ что вообще такое SEO, когда оно может и не пон...
Просмотров: 127
Видео
Разногласия с клиентом: Эфир 2.0 (в рамках чата Pro.дизайн)
Просмотров 554 месяца назад
Всем, кто читает и смотрит, - салют😘 (сразу проговорю, что видео неожиданно обрывается на 43-ей минуте и не случайно, поскольку в эфир прорвались боты-эксгибиционисты😁, но самое важное мы прояснили) А мы вновь собрались на видео-встрече на базе чата Pro.дизайн (t.me/pro_design23) и на этот раз, чтобы зафиналить, скажем так, тему предыдущего нашего Эфира, который прошёл недавно и был посвящен ра...
Разногласия с клиентом: говорить или молчать (совместный эфир в рамках чата Pro.дизайн)
Просмотров 1565 месяцев назад
Всем, кто читает и смотрит, - салют😘! Вашему вниманию на этот раз представляю наш совместный Эфир в рамках чама Pro.дизайн (t.me/pro_design23), посвящённый способам наиболее экологичного выхода из ситуаций разногласий с клиентом: посидели лампово, конструктивно, полезно❤️ Разобрали следующие темы (тайминг не даю в этот раз, поскольку это было реально живое крутое общение🥰): ✔️ как наиболее экол...
Совершенствуем анимацию на Тильде: смещение центра анимации элемента с transform-origin и ANX828
Просмотров 1586 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎(и смотрим тайминг ниже, если утомляют вступления😁) - впереди много интересного🔥🥳 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео разбираемся, как сместить традиционный, по умолчанию, центр анимации элемента из собственного центра в любую другую точку и улучшить, разнообразить тем самым анимацию в своих проектах - исполь...
Эффект «жалюзи» / «шторки» на Тильде (анимация шейпов по ховеру, скроллу)
Просмотров 4777 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳 , а все полезные ссылки, упоминаемые в видео, уже указаны для вас ниже💓 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео расскажу о том, как реализовать эффект жалюзи или шторок, которые будут показывать контент по ховеру или скроллу, а, может, и элемент он скрин - не один шейп удаляется или...
Как в Тильде изменить шрифт и размер одного или нескольких слов без дубляжа текстовых контейнеров
Просмотров 6597 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео расскажу о том, как, работая с типографикой на Тильде и используя всего пару строк CSS, изменять в слово или целое предложение по размеру и его шрифту/начертанию, не прибегая к дубляжу текстовых блоков и последующему неизбежному выравниванию, ...
Как на Тильде задать тень товару в карточке, элементу в шейпе - самому объекту, а не его контейнеру
Просмотров 3058 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео расскажу о том, как, используя всего CSS-свойство filter и его значение drop-shadow (не путать с box-shadow - в тайминге 07:46 ) присвоить тень самому элементу, а не его контейнеру - товару, а не карточке товара, элементу внутри шейпа, а не са...
Анимация бегущей строки из изображений (шейпов) в пару кликов на Тильде
Просмотров 1,7 тыс.8 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳 (следующее видео выходит на днях и посвящено интересному эффекту «жалюзи» 😍🔥) С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео расскажу о том, как всего в пару кликов заанимировать бегущую строку из изображений (это могут быть также и шейпы, и тексты, естессна) на Тильде🔥: несмотря на обилие...
Анимация линий и шейпов на Тильде: просто, эффектно и миллион вариантов
Просмотров 1,5 тыс.8 месяцев назад
📌 Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео расскажу о том, как, используя положение элемента и скейл в SBS, круто, эффектно анимировать линии и шейпы на Тильде на появление / исчезновение (по скроллу, on screen, по ховеру) - и никаких «отъезжающих» шейпов на фон и прочего нафталина😁🔥...
Вёрстка на Тильде - Grid x 2, Autoscale, Window: обзор подходов и нюансов различных видов вёрстки🔥
Просмотров 6599 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео - Обзор имеющихся в нашем распоряжении видов или подходов к вёрстке на Тильде - традиционный Grid 1200 , не так давно ставший доступным Grid 1920 , Автоскейл и, разумеется, Window Container🔥 💪Тема объёмная, но постаралась сжато и ёмко пройтись...
Mix-blend-mode: режимы наложения/смешивания на Тильде
Просмотров 8159 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео расскажу о том, как применять любимые и известные по Фигме режимы наложения mix-blend-mode в вёрстке на Тильде🔥 🧠Для справки: mix-blend-mode - понятие из области CSS - Cascading Style Sheets; это CSS-свойство, которое определяет, как ваш элеме...
Анимация карточек с каскадным эффектом по скроллу на Тильде
Просмотров 7439 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео рассказываю, да-да, ещё об одном, нетривиальном способе анимации по скроллу карточек с кликабельными элементами - ТАДАМ📣 - на этот раз без фиксации, но с интересным каскадным эффектом🎢 🤘 Отдельно отмечу, что настройки заняли всего 5(!) минут -...
Какие документы (и сведения) необходимо размещать на сайте
Просмотров 1929 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, и сегодня, как и обещала, у нас ёмкая, важная тема - «Состав документов, которые обязательно должны быть на сайте»🔥 Как бы ни хотелось просто зачитать список, так не работает - рассматривать будем документы из числа наиболее часто встречаемых, разбирая их ...
Горизонтальный скролл карточек с кликабельными элементами на Тильде
Просмотров 1,6 тыс.10 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳: сегодня у нас - вновь урок по анимации, а в ближайшем же выпуске😁 рассмотрим перечень документов, которые обязательно должны быть на сайте💪🔥 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео рассказываю о том, как настроить горизонтальный скролл карточек с кликабельными элементами на Тильде😻...
Фиксация карточек по скроллу с кликабельными элементами с наложением СВЕРХУ в Тильде
Просмотров 95310 месяцев назад
Всем привет😘👋 Не забываем ставить 👍 и подписываемся на канал 🛎 - впереди много интересного🔥🥳 С вами - Наталья Чистякова, UX/UI Веб-дизайнер, в этом видео рассказываю ещё об одном, нетривиальном😻, способе фиксировать с наложением по скроллу карточки с кликабельными элементами в Тильде, на этот раз - сверху😁 🤘 Вливайся в наш крутецкий чат Pro.дизайн 👉t.me/pro_design23 Подписывайся на сообщество в...
Импортируем в Тильду csv-каталог объектов недвижимости + бонус по товарам
Просмотров 15310 месяцев назад
Импортируем в Тильду csv-каталог объектов недвижимости бонус по товарам
Как корректно, с учётом SEO, размещать на сайте H1, состоящий из нескольких текстовых контейнеров
Просмотров 51910 месяцев назад
Как корректно, с учётом SEO, размещать на сайте H1, состоящий из нескольких текстовых контейнеров
Как легко и быстро верстать красивые списки с буллитами в Тильде
Просмотров 48510 месяцев назад
Как легко и быстро верстать красивые списки с буллитами в Тильде
Совместный эфир с JS-разработчиком-экспертом Володей Медянниковым в рамках чата Pro.дизайн💫
Просмотров 121Год назад
Совместный эфир с JS-разработчиком-экспертом Володей Медянниковым в рамках чата Pro.дизайн💫
Разбор проектов на Тильде №15 от 19.07.2023
Просмотров 132Год назад
Разбор проектов на Тильде №15 от 19.07.2023
Совместный эфир в рамках чата Pro.дизайн на тему «Как обосновать стоимость дизайна перед Заказчиком»
Просмотров 116Год назад
Совместный эфир в рамках чата Pro.дизайн на тему «Как обосновать стоимость дизайна перед Заказчиком»
Прямой эфир с Диной Дуткевич: как мыслить и хотеть так, чтобы мечты сбывались
Просмотров 97Год назад
Прямой эфир с Диной Дуткевич: как мыслить и хотеть так, чтобы мечты сбывались
Разбор проектов на Тильде №14 от 16.05.2023
Просмотров 60Год назад
Разбор проектов на Тильде №14 от 16.05.2023
Прямой эфир с Таней Широковой: решение реальных проблем через призму психологии и психосоматики
Просмотров 122Год назад
Прямой эфир с Таней Широковой: решение реальных проблем через призму психологии и психосоматики
Разбор проектов на Тильде №13 от 04.05.2023
Просмотров 203Год назад
Разбор проектов на Тильде №13 от 04.05.2023
Trigger offset в сценариях анимации на Тильде
Просмотров 711Год назад
Trigger offset в сценариях анимации на Тильде
Совместный эфир по «денежному мышлению» и матрице судьбы в вопросах увеличения своих доходов
Просмотров 149Год назад
Совместный эфир по «денежному мышлению» и матрице судьбы в вопросах увеличения своих доходов
Разбор проектов на Тильде №12 от 21.04.2023
Просмотров 50Год назад
Разбор проектов на Тильде №12 от 21.04.2023
Фиксация карточек по скроллу с кликабельными элементами с наложением в Тильде
Просмотров 12 тыс.Год назад
Фиксация карточек по скроллу с кликабельными элементами с наложением в Тильде
Разбор проектов на Тильде №11 от 05.04.2023
Просмотров 129Год назад
Разбор проектов на Тильде №11 от 05.04.2023
Господи, вы просто кудесница!! Спасибо большое, что все так подробно рассказали 😍подача материала класс
Спасибо, мать, видно что углубленно разбираешься в теме, помогла.
куда же так торопится при объяснении, уловить тяжеловато особенно если начинающий.
расскажите как решить задачу без ANX
огромное спасибо!!!!
Огромное спасибо, оказалось так просто 😍
Спасибо большое! очень хорошо объясняете!
Здравствуйте, подскажите пожалуйста. При загрузке своего шрифта в Тильду, шрифт с засечками применяется и в кнопках, как это исправить я не пойму.
Наталья, спасибо огромное за этот видеоурок! Целый вечер не могла разобраться как сделать бегущую строку из логотипов без кода и случайно наткнулась на ваше видео... вы меня спасли от мучений! Благодарна вам безмерно! Удачи и процветания!
Наташа, ты волшебница! У меня получилось
спасибо! полезно очень!
Сижу пол дня, у меня ничего не получилось
Почему 400 умножили на 4? почему ход мыслей и логики не объяснили. спасибо за урок, конечно, но это капеецццццц
Вас и правда слушать невозможно
СПАСИБО ОГРОМНОЕ ВЫ МЕНЯ СПАСЛИ
Добрый день, спасибо огромное за видео! Все получилось, единственный вопрос как сделать италик? пишу: font-weight: 500 Italic; или неправильно?
Загрузить италик в отдельное начертание и его присвоить
❤️🤝Полезный эфир. Спасибки
Да, Тань, интересный эфир, и тебе спасибо:)
Наталья, здравствуйте! Спасибо за урок в веб версии все супер, а вот в мобильной почему-то не прогружаются все картинки в анимации, расстояния я поправила в соответствии с размерами картинок в моб версии. В итоге на разных устройствах (проверяла на айфон и андроид) по разному работает анимация, на айфонах не отображается корректно, на андройде все четко. Может вы подскажете в чем может быть проблема, буду очень благодарна
Здравствуйте! То же самое :( вам удалось найти ответ?
@@aigerimtlg8722 нет пока что(
сегодня буквально сразу за день два обращения (прошу прощения, что спустя месяц зашла в комменты): думаю, в мобильном в айфоне так подгружаются фотки (их много), но можно решить вопрос не сугубо анимацией, а, например, бегущими строками от нолим и аннекс; у девочки одной засняли сегодня сайт на айфоне и андроиде, и в айфоне сразу провал из фоток, но потом ок, на андроиде сначала ок, потом провал, но там дело было обрыве самой строки - дистанс сдвига был длиннее, я думаю, чем суммарная длина всего звена из картинок. Возможно, решение в этом кроется, то есть они не то, чтобы не подгружаются, а анимацию надо докрутить, но это на уровне догадок
Тоже столкнулась, помогло выключить lazyload
@@КристинаМ-г5э офигеть!! Работает! Спасибо большое!
Я ничего не поняла, что там говорят
Спасибо огромное. Мне всё нравится. Объясняете всегда подробно и понятно, под видео полезные ссылки и тайминг. Желаю Вам удачи.
Спасибо, актуально. Как раз не могу решить, делать-ли магазин на автоскейл
Спасибо за отклик🙏
Наталья, спасибо ща видео! Как вы корректируете анимацию под остальные адаптивы? Настраиваете под каждый?
Даша, добрый день, да, на адаптивах настраиваю, конечно, отдельно, поскольку там могут быть свои как триггер оффсеты, так и время проигрывания/дистанс, поскольку высоты отличаются от десктопа, и это особенно заметно в мобиле)) спасибо за отклик. очень ценно и приятно😘❤!
Спасибо огромное!
И вам спасибо - за просмотр и отклик😘!)
Наталья, спасибо огромное! Наконец поняла принцип. Давно искала канал, где понятно, профессионально и досконально, рада, что нашла вас 😊
Я не смогла это не прокомментировать! Извините, но вас просто НЕВОЗМОЖНО слушать! Я выключила на 3-й минуте. Пожалуйста, говорите внятнее в следующий раз и не так быстро, это просто худшее обучающее видео.
Спасибо!
Взаимно😘!))
Супер, продолжайте в том же духе. Очень полезные видео!
Спасибо большое за отклик и внимание, Михаил, с удовольствием буду продолжать🙏😘
Можно же изменить сам контейнер в котором фигура будет не по центру. Так визуально будет смещён центр анимации. Тот же эффект без подписки и лишних модификаций ))
Ну как вы центр круга сместите? Никак. Ни текст, ни шейп обычный не выкрутите вы так, чтобы центр его пришёлся не на центр)) крутиться всë будет всë равно вокруг своего центра, своей оси Здесь дело не в подписке и модификации- это же не реклама: речь о том, как сместить центр и анимировать круче, и можно без Аннекса, но идëм в CSS и прописываем руками😁 варианты есть))
@@chistyakova попробую показать )
@@chistyakova отправил видео в телегу. Есть своя особенность в реализации. Но на выходе тоже самое получается. Можно любой графический элемент так сделать (кроме видео наверное). В общем если есть подписка на Анекс, то значит их можно использовать, а у кого нет, то вот так
вооооообще ничего непонятно из видео
"Положительный заблаговременный" и "отрицательный прошляпивший" полезно запомнить, спасибо!
Спасибо, мне было интересно!
Класс, спасибо за отклик, я очень рада🥰!)
Хорошее объяснение, хороший видеоурок! Удачи в дальнейшем
Спасибо и вам за отклик🤗, взаимно желаю удачи и всяческих успехов 🥰!)
Ура и спасибо
Пожалуйста🤗😘! Спасибо за отклик !))
Спасибо! Буду использовать ваш способ
Спасибо вам за отклик! И рада, что оказалось полезным😘 :)
Спасибо за Ваши видео! Они очень помогают)
Очень приятно слышать, очень рада, и вам большое спасибо за отклик🥰!)
Спасибо огромное! Почему я вас раньше не встречала? Исползала уже весь ютуб в поисках подобной инфы
Замечательно, что вам пригодилось☺!)) И за отклик большое спасибо, я очень ценю🤗❤!
Наталья, огромное спасибо за лайфхак с карточками!
Спасибо, уже применяю 😊
Даш, 🤗🌺))
Если можно , то куда?
Я сейчас делаю сайт для салона красоты. Могу ли я отправить Вам пару вариантов главной страницы для рецензии?
Очень полезно, спасибо!
Наташа, супер просто!
Наташ, спасибо, я рада, что оказалось полезно😘🙏!
Наташа, спасибо за очередную полезняшку ❤
Ленусь, пожалуйста🙏! И большое спасибо за отклик😘!))
Полезное видео и отличная презентация, спасибо
И вам большое спасибо за отклик и за внимание🙏❤!
Простите конечно за такой комментарий, но... Информация полезна, но вот подача... Занудно, куча отвлечений на ненужные подробности. Постоянные по кругу повторы, перескоки на отвлеченные темы и обратно. Смотреть неприятно. Еще раз извините, но это правда. Комментарий не для хейта. Может поможет улучшить подачу полезного контента.
Подскажите пожалуйста, для каждой адаптации нужно потом тоже высчитывать расстояние, я правильно понимаю?
Да, поскольку если в 960-1200 ещё можно себе по высоте позволить такую фиксацию, с таким триггер-оффсетом, то в мобильном это будет уже затруднительно - ввиду самой высоты гаджета. Поэтому там будем пересчитывать, но руководствуясь общим принципом: триггер оффсеты выставили, высоту карточек допустимую посчитали, всем элементам согласно новой высоте карточек также проставили ТО, определили событие, по которому отрабатывает анимация (топ, центр, низ), и отсюда уже посчитали🙏
можете еще быстрее говорить пожалуйста, не то слишком медленно и ничего не понятно
Восьмая минута, причем тут фигма, если в названии тильда заявлена. Я знаю что такое режимы наложения. Можно сначала по делу сказать, а не начинать от истоков сотворения мира? 😅
Боже сколько слов ниочем. 5 минут слушаю и ничего полезного. Она скажет наконец как это делать, вместо потока воды? 😂
Супер точные поправки, конечно)) старина, когда придешь на курс ко мне, тогда и будешь умничать, а пока этого не произошло, иди в тайминг и листай до момента, когда сотворение мира уже позади
Крутая подача и презентация. Спасибо. Только видео подтормаживает.
Максим, спасибо большое за отклик❤ По видео - согласна, имею ввиду этот коммент, в том числе, и докручиваю технические моменты🙏