Рубрика для вдохновения и насмотренности
Подборка изображений от участника комьюнити, которые объединяет одна идея. Это может быть определенный стиль типографики, графические элементы, работа с изображениями, фоны,etc
Сегодня подборка от @mishatabi
Большое спасибо Веронике за передачу эстафеты, очень неожиданно и приятно!) Тем более, что тема насмотренности для меня сейчас очень актуальна.
⠀
Выбрать референсы, по началу, было непросто, так как мои коллеги ранее показали бомбические вещи, от которых я сама очень кайфую. Поэтому я решила вернуться к своим истокам и взять тему 3D графики и анимации. Моим пропуском в мир дизайна была программа Cinema 4D, и меня очень радует, что эта тема сейчас широко используется в веб-дизайне.
⠀
Сайты с использованием 3D статики и анимации динамичные, объемные, привлекающие внимание; их хочется рассматривать и взаимодействовать с ними снова и снова.
⠀
Я уверена, что в недалеком будущем мы сможем видеть на сайтах не просто рендеры, а нечто большее!
⠀
Передаю эстафету @webtkach
Подборка изображений от участника комьюнити, которые объединяет одна идея. Это может быть определенный стиль типографики, графические элементы, работа с изображениями, фоны,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 и скопировали формулу дальше вниз.
Финал, осталось скопировать ячейки с получившимися формулой данными и вставить в тильду, если никакой символ не пропущен, то вы восхитительны!
Скорее всего, многие сталкивались с тем, что заказчик присылает данные для будущей таблицы на сайте в экселе, которую потом долго и нудно нужно переносить руками.
Хорошо, когда это 10 позиций, а когда 100?
Вот способ преобразовать данные с помощью простой формулы, потом останется копипастом перенести все в Тильду.
Что на видео?
В таблице мы добавляем ещё одну ячейку с символом ; и копируем ее на всю длину столбца (до куда у нас есть контент).
Задаём формулу через «=»,
по очереди выбирая
ячейка&символ;&ячейка&символ;&ячейка и тд. Здесь амперсанд (&) выступает связующим, а мы связываем все так, чтобы точка с запятой были между каждой ячейкой.
Выбрав все, нажали enter и скопировали формулу дальше вниз.
Финал, осталось скопировать ячейки с получившимися формулой данными и вставить в тильду, если никакой символ не пропущен, то вы восхитительны!
Новый курс по созданию веб-приложений на Тильде. От Школы Тильды и основателей Collabza и Cyberband Academy.
Курс поможет расширить границы применения Тильды. Вы освоите подходы к проектированию веб-приложений, научитесь связывать Тильду с внешними базами данных и создавать страницы с динамическим изменением контента.
— А можно сделать доску объявлений на Тильде?
— А можно сделать личный кабинет для интернет-магазина?
— А можно сделать, чтобы уроки на курсе открывались один за другим по графику?
— А можно сделать биржу заказов на Тильде?
Теперь ответы на все эти вопросы — Можно! ⚡️
Скоро откроется запись. Чтобы узнать первым о начале регистрации на курс — подпишитесь на уведомление на странице 👉 https://tilda.school/nocode-soon
Курс поможет расширить границы применения Тильды. Вы освоите подходы к проектированию веб-приложений, научитесь связывать Тильду с внешними базами данных и создавать страницы с динамическим изменением контента.
— А можно сделать доску объявлений на Тильде?
— А можно сделать личный кабинет для интернет-магазина?
— А можно сделать, чтобы уроки на курсе открывались один за другим по графику?
— А можно сделать биржу заказов на Тильде?
Теперь ответы на все эти вопросы — Можно! ⚡️
Скоро откроется запись. Чтобы узнать первым о начале регистрации на курс — подпишитесь на уведомление на странице 👉 https://tilda.school/nocode-soon
This media is not supported in your browser
VIEW IN TELEGRAM
Мы привыкли создавать градиент в простых фигурах: прямоугольник, квадрат и круг.
А что если это задолбало и хочется чего-то нового? Можно отойти от привычных фигур и в итоге получить более интересный и нестандартный вариант.
Быстро и без использования плагинов для градиента.
Для практики, изучения функций фигмы и экспериментов в инсте (когда нужно быстро сделать симпатичную обложку, например), набивать руку и применять в клиентских проектах.
🪄На видео все просто: создать овал, к нему применяется радиальный градиент, а дальше пером создаём форму, которая понравится. Добавить фигурам layer blur и, если нужно, шум (плагин Noise).
Если есть желание, свои варианты градиентов можно кидать в комменты.
А что если это задолбало и хочется чего-то нового? Можно отойти от привычных фигур и в итоге получить более интересный и нестандартный вариант.
Быстро и без использования плагинов для градиента.
Для практики, изучения функций фигмы и экспериментов в инсте (когда нужно быстро сделать симпатичную обложку, например), набивать руку и применять в клиентских проектах.
🪄На видео все просто: создать овал, к нему применяется радиальный градиент, а дальше пером создаём форму, которая понравится. Добавить фигурам layer blur и, если нужно, шум (плагин Noise).
Если есть желание, свои варианты градиентов можно кидать в комменты.
Подборка иконок в Figma
Infinite Icons — большая коллекция иконок.
Music Icon Pack — 22 3D иконки на музыкальную тематику (play, stop, etc.)
Kalai — 460 векторных иконок.
Flex — более 500 иконок.
140 Hand drawn arrows — нарисованные от руки 140 стрелочек в SVG.
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
Курс поможет за 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, которые понравились Вам.
Мы выбрали сайт из тех, что вышли за прошедшую неделю.
Сегодня небольшой, но полезный и лонгрид о швейцарском стиле, сделанный в этом стиле.
https://sanechek.xyz/swiss
Делитесь в комментариях сайтами из MOT, которые понравились Вам.
Визуальные фильтры в Zero Block
Размытие, яркость, контраст, градации серого, изменение цветового тона, инверсия, насыщенность и другие.
Визуальные фильтры можно применить к текстам, шейпам, изображениям или кнопкам на странице или разместить поверх других слоёв.
Чтобы применить их, достаточно выбрать нужный объект и в настройках найти «Effects».
На изображении у нас простое размытие кругов. Добавили шейп circle, задали эффект blur и повторили то же самое с другим шейпом. И импорта из figma не надо.
Пользовались ли вы этими эффектами
в тильде?
Размытие, яркость, контраст, градации серого, изменение цветового тона, инверсия, насыщенность и другие.
Визуальные фильтры можно применить к текстам, шейпам, изображениям или кнопкам на странице или разместить поверх других слоёв.
Чтобы применить их, достаточно выбрать нужный объект и в настройках найти «Effects».
На изображении у нас простое размытие кругов. Добавили шейп circle, задали эффект blur и повторили то же самое с другим шейпом. И импорта из figma не надо.
Пользовались ли вы этими эффектами
в тильде?