Тильдошная
13.3K subscribers
637 photos
67 videos
2 files
692 links
Неофициальное и независимое комьюнити любителей Тильды
Чат https://t.me/tildoshnayachat
Download Telegram
Рубрика для вдохновения и насмотренности

Подборка изображений от участника комьюнити, которые объединяет одна идея. Это может быть определенный стиль типографики, графические элементы, работа с изображениями, фоны,etc

Сегодня подборка от @mishatabi
Большое спасибо Веронике за передачу эстафеты, очень неожиданно и приятно!) Тем более, что тема насмотренности для меня сейчас очень актуальна.

Выбрать референсы, по началу, было непросто, так как мои коллеги ранее показали бомбические вещи, от которых я сама очень кайфую. Поэтому я решила вернуться к своим истокам и взять тему 3D графики и анимации. Моим пропуском в мир дизайна была программа Cinema 4D, и меня очень радует, что эта тема сейчас широко используется в веб-дизайне.

Сайты с использованием 3D статики и анимации динамичные, объемные, привлекающие внимание; их хочется рассматривать и взаимодействовать с ними снова и снова.

Я уверена, что в недалеком будущем мы сможем видеть на сайтах не просто рендеры, а нечто большее!

Передаю эстафету @webtkach
This media is not supported in your browser
VIEW IN TELEGRAM
Интерактив референсов к посту от @mishatabi
This media is not supported in your browser
VIEW IN TELEGRAM
Видео «как сделать таблицу в тильде и остаться собой»

Скорее всего, многие сталкивались с тем, что заказчик присылает данные для будущей таблицы на сайте в экселе, которую потом долго и нудно нужно переносить руками.
Хорошо, когда это 10 позиций, а когда 100?

Вот способ преобразовать данные с помощью простой формулы, потом останется копипастом перенести все в Тильду.

Что на видео?
В таблице мы добавляем ещё одну ячейку с символом ; и копируем ее на всю длину столбца (до куда у нас есть контент).
Задаём формулу через «=»,
по очереди выбирая ячейка&символ;&ячейка&символ;&ячейка и тд.
Здесь амперсанд (&) выступает связующим, а мы связываем все так, чтобы точка с запятой были между каждой ячейкой.

Выбрав все, нажали enter и скопировали формулу дальше вниз.

Финал, осталось скопировать ячейки с получившимися формулой данными и вставить в тильду, если никакой символ не пропущен, то вы восхитительны!
Новый курс по созданию веб-приложений на Тильде. От Школы Тильды и основателей Collabza и Cyberband Academy.

Курс поможет расширить границы применения Тильды. Вы освоите подходы к проектированию веб-приложений, научитесь связывать Тильду с внешними базами данных и создавать страницы с динамическим изменением контента.

— А можно сделать доску объявлений на Тильде?
— А можно сделать личный кабинет для интернет-магазина?
— А можно сделать, чтобы уроки на курсе открывались один за другим по графику?
— А можно сделать биржу заказов на Тильде?


Теперь ответы на все эти вопросы — Можно! ⚡️

Скоро откроется запись. Чтобы узнать первым о начале регистрации на курс — подпишитесь на уведомление на странице 👉 ​​https://tilda.school/nocode-soon
This media is not supported in your browser
VIEW IN TELEGRAM
Мы привыкли создавать градиент в простых фигурах: прямоугольник, квадрат и круг.

А что если это задолбало и хочется чего-то нового? Можно отойти от привычных фигур и в итоге получить более интересный и нестандартный вариант.
Быстро и без использования плагинов для градиента.

Для практики, изучения функций фигмы и экспериментов в инсте (когда нужно быстро сделать симпатичную обложку, например), набивать руку и применять в клиентских проектах.

🪄На видео все просто: создать овал, к нему применяется радиальный градиент, а дальше пером создаём форму, которая понравится. Добавить фигурам layer blur и, если нужно, шум (плагин Noise).

Если есть желание, свои варианты градиентов можно кидать в комменты.
Подборка иконок в Figma

Infinite Icons — большая коллекция иконок.

Music Icon Pack — 22 3D иконки на музыкальную тематику (play, stop, etc.)

Kalai — 460 векторных иконок.

Flex — более 500 иконок.

140 Hand drawn arrows — нарисованные от руки 140 стрелочек в SVG.
В Школе Тильды в понедельник начнется курс «Дизайнер сайтов Start»

Курс поможет за 4 недели узнать основы веб-дизайна и разобраться со всеми функциями Тильды. За время обучения вы своими руками сделаете 3 сайта. И разберетесь, как найти первых клиентов на фрилансе.

Подробнее о курсе 👉 https://tilda.school/start

📚 Как пройдёт курс

Неделя 1. Разберётесь со всеми настройками и тонкостями платформы на уровне блоков, страниц и всего сайта. Научитесь делать базовую SEO-оптимизацию, техническую подготовку перед запуском, подключать домен.

Неделя 2. Научитесь создавать магазины с сотнями товаров, личные кабинеты, блоги и медиа, работать с заказами во встроенной CRM, делать email рассылки.

Неделя 3. Освоите возможности редактора Zero Block и научитесь создавать блоки с уникальным дизайном и анимацией.

Неделя 4. Разберетесь, как найти первых клиентов на фрилансе. И как строить рабочий процесс с клиентом и позиционировать себя в начале пути.

После курса — продолжайте получать новые знания в закрытом клубе выпускников.

Кураторы курса — Максим Ширко, Витас Греф и Антон Командин.

🔸🔸🔸

Курс начинается в понедельник. А сегодня пройдет открытый урок перед стартом курса.

Начало в 16:00 по Москве (15:00 по Киеву). Записаться можно здесь 👉 https://tilda.school/start-open-lesson
Вечерний #inspiration из Made on Tilda.
Мы выбрали сайт из тех, что вышли за прошедшую неделю.

Сегодня небольшой, но полезный и лонгрид о швейцарском стиле, сделанный в этом стиле.
https://sanechek.xyz/swiss

Делитесь в комментариях сайтами из MOT, которые понравились Вам.
Визуальные фильтры в Zero Block

Размытие, яркость, контраст, градации серого, изменение цветового тона, инверсия, насыщенность и другие.

Визуальные фильтры можно применить к текстам, шейпам, изображениям или кнопкам на странице или разместить поверх других слоёв.
Чтобы применить их, достаточно выбрать нужный объект и в настройках найти «Effects».

На изображении у нас простое размытие кругов. Добавили шейп circle, задали эффект blur и повторили то же самое с другим шейпом. И импорта из figma не надо.

Пользовались ли вы этими эффектами
в тильде?
Итак, ты решил заняться дизайном?

Полезное видео для начинающих свой путь в дизайне, от начала и до первых результатов, от Макса Ширко.

https://youtu.be/eJMh7XI1oAI
Как повысить конверсию сайта, используя веб-аналитику.

Статья на Tilda Education о том, как и зачем настраивать цели в счетчиках аналитики, чем отличаются Яндекс. Метрика и Гугл Аналитикс, зачем использовать их вместе и как интерпретировать данные веб-аналитики, чтобы повысить конверсию сайта.

http://tilda.education/articles-web-analytics
Рубрика для вдохновения и насмотренности
Подборка изображений от участника комьюнити, которые объединяет одна идея. Это может быть определенный стиль типографики, графические элементы, работа с изображениями, фоны,etc

Сегодня подборка от @webtkach
Спасибо большое @mishatabi за передачу эстафеты😌

Я как истиный фанат стиля Лагуты просто ни на секунду не задумался в каком направлении будет моя подборка.
Простота — признак хорошего вкуса. Часто это правило срабатывает и в веб-дизайне. Совсем не обязательно, чтобы сайт пестрел красками и графическими элементами, иногда можно добиться потрясающего эффекта, используя принцип минимализма. Цель применения минимализма в веб-дизайне — показать контент и особенности простым путем, а также обеспечить минимальное отвлечение посетителя от основного содержания.

Есть такое выражение — «Мода временна, стиль вечен». Тренды приходят и уходят, а актуальность минимализма всегда на высшем уровне.

Передаю эстафету @Valeria_Francis