Создай крутой эффект бегущей строки и освежи свой сайт Elementor

В этом видео я покажу, как создать плавную бесшовную бегущую строку с анимацией текста. Мы рассмотрим процесс настройки контейнера, разберём HTML-код и ключевые моменты в CSS, чтобы ваша бегущая строка работала без пробелов и задержек. Также расскажу, как настраивать высоту, отступы, цвет фона и другие параметры. Узнайте, как добиться идеально плавного эффекта для вашего сайта! 👀 Смотреть ⭐️ Open Design | Графика, Дизайн

Как расширить свой креативный потенциал? Важно понимать, что сама креативность это умение получить дополнительную пользу и ценность через творческое решение. Когда ты проектируешь одно решение, но благодаря обнаружению неожиданной связи выходишь на новую пользу. Например, вы проектируете карточку товара в маркетплейсе и придумывайте, что внизу мелким текстом пришите позитивное пожелание пользователю. Буквальной ценности для товара тут нет, но человек замечает доброе и внимательное отношение к себе и закрепляет это в памяти, больше доверяет. Бессознательно. Чтобы развивать такие способности вам надо наоборот отвлекаться от дизайна в другие области. Пишите больше текстов, рассказывая простые истории. Можно записывать аудио. Главное, развивайте умение живо и свежо описывать сюжеты и состояния — это полезно для умение передавать ощущения в дизайне. Тренируйте свои коммуникативные навыки описывая суровый и прагматичный дизайн как набор правил и функций. Берите макет и создавайте на его основе набор правил по которому сделан дизайн. Все, что сможете описать, даже самые очевидные отступы сверху и снизу, что они не могут быть одинаковыми и почему. Вообще тренируйте умение объяснять в дизайне «почему». Займитесь скульптурой и керамикой. Тактильные, пластические способности очень полезны для мозга, особенно когда вы работаете постоянно в цифре. Вы лучше понимаете объемы и больше разных сигналов генерируете в мозг, чтобы создавать даже абстрактные скульптуры. Мелкая моторика помогает перезапуститься и снять стресс. Вы почувствуете практически сразу как иначе стал работать ваш инструментарий мышления, как легче пошли идеи. Расширить свой креативный потенциал можно придумывая себе простые задачи на час. Креативно и удобно организовать свой рабочий стол. Нарисовать сто разных, смешных и серьезных пенисов. Если вы можете просто нарисовать сто разных пенисов — вы готовы ко всему в дизайне. Возьмите маркер и нарисуйте на стекле окна сад, джунгли, заросшие высокими цветами поля. Добавьте в свою реальность линий, которые дополнят вашу жизнь и вы ежедневно будете себе благодарны за это. Можно постепенно рисовать как сад наполняет и цветение и птицы и облака и всё это на стекле окна в зимние месяцы. Переключитесь с дизайна на другой вид активного творчества. Танцуйте. Собирайтесь с коллегами, чтобы забыть все тяготы и невзгоды проектного характера и просто двигайтесь под музыку. Верните себе чувство, что музыка контролирует вашу раскованность и вы контролируете своё желание просто немного побыть в полном контакте с собой с телом, с аудиальным потоком и другими людьми. Это и снимает стресс и помогает вам быть более раскованным человеком. Помогает понять, что дизайну служат очень многие способности вашей личности и главное, что вы не потеряли способность радоваться мигу в котором творческий проект это вы сами. Любите дизайн, хорошую идею и человека, который достоин быть объектом вашего творческого внимания.

#лайфхаки Здесь про Figma / наши чаты 💬

Для тех, кто хочет изменить свою жизнь в новом году, освоить востребованную онлайн профессию и выйти на доход от 50 тыс. руб. в месяц из любой точки мира. 🔹Вы проходите уроки в своем темпе и присылаете на проверку. 🔹 Доступ к обучению сразу после оплаты. ❗️Возьму только 15 человек на январь, СВОБОДНЫХ МЕСТ ОСТАЛЬСЬ 8❗️ По традиции сначала предлагаю места своим ☝️ потом уже в всем остальным. Так как количество мест ограниченно и в следующем году стоимость выше. В обновленной программе "ИНФОГРАИФКА 2.0" подробнее погружаемся в знания основ дизайна, практические задания в каждой части курса, как выйти сразу же на первый заказ после обучения и много других плюшек для работы дизайнера. Обучение в программе Figma или с телефона Alight Motion (подходит Android, IOS), выбираете в какой программе вам удобно работать. Формат: 🔹Уроки в записи, сможете заниматься в удобное для себя время 🔹Проверка домашних заданий, обратная связь по вопросам 🔹Доступ к курсу на 6 месяцев на обучающей платформе Геткурс 🔹Дополнительные материалы к урокам 🔹Доступ сразу после оплаты, выполняете уроки в своем темпе без дедлайнов 🔹Общее количество уроков в курсе 44 ОПИСАНИЕ ПРОГРАММЫ КУРСА 1️⃣Основы дизайна. Поймёте, как создать стильную и понятную инфографику, которая будет привлекать внимание и продавать. Разберём основные элементы, что важно добавить, а чего избегать, чтобы ваши карточки работали и продавали. Как цвета влияют на эмоции и восприятие, научитесь подбирать цветовые решения, которые передают нужное настроение и вызывают правильные ассоциации. Разберем основы композиции, расположение объектов в макете, подбирать шрифтовые пары, правила типографики. 2️⃣Сервисы для работы дизайнера Вы научитесь быстро удалять фон с изображений с помощью простых инструментов, улучшать качество снимков и подготавливать материалы так, чтобы они выглядели профессионально.Установите программу Figma/Alight Motion , познакомитесь с её основными функциями и научитесь пользоваться инструментами для создания стильного дизайна. 3️⃣Практика Вы научитесь шаг за шагом собирать карточки: разберёте, что обязательно должно быть на каждой из них, с составлением правильной композиции и расположением тезисов. Как правильно выстраивать отступы и размеры, и создадите свои профессиональные карточки, начиная с простого и заканчивая сложным дизайном. 4️⃣ Учимся работать с нейросетями Учимся генерировать правильные запросы. Нейросети помогут вам сократить время работы на создании дизайна, не переживать за авторское право. 5️⃣ Рич-контент В этом разделе разберем что такое рич- контент для WB и Ozon. Как его создавать. 6️⃣ Видеообложки и анимация карточек Научишься создавать видеообложки и анимацию, дополнительно зарабатывать от 20.000₽/мес 7️⃣ Баннера и рекламные макеты Разберем как создавать логотипы и баннера для маркетплейсов. Рекламные макеты, оформление сообществ ВК. 8️⃣ Клиенты - Как находить клиентов и выстраивать с ними взаимодействие,научитесь создавать и оформлять Telegram-канал для портфолио. Разберёте, как написать приветственное сообщение, какие посты опубликовать, как оформить прайс и настроить удобный способ связи с клиентами.Разберёте, как составить техническое задание, какие вопросы задавать. После прохождения курса вы сможет создавать качественную и продающую инфографику, привлекать первых клиентов, зарабатывать на удаленной профессии и уверенно развиваться в дизайне 🟣Тариф «Базовый» - 8990₽ Что входит в тариф: 🔹все модули курса 🔹общий чат поддержки со всеми учениками 🔹проверка домашних заданий 🔹сертификат о прохождении курса 🔹доступ после оплаты Записаться на курс Тариф «Базовый» - https://infographics.getcourse.ru/page27 🟣Тариф «Индивидуальный» - 15990₽ Что входит в тариф: 🔹все модули курса 🔹общий чат поддержки со всеми учениками 🔹проверка домашних заданий 🔹сертификат о прохождении курса 🔹доступ на платформе 6 месяцев 🔹личная работа со мной 🔹доступ сразу после оплаты Записаться на курс Тариф «Индивидуальный» ➡️ https://infographics.getcourse.ru/page28

Плагин для создания подсказок-тултипов в Figma с предпросмотром и гибкой настройкой: можно выбрать положение, задать цвета, размеры, скругления и отступы. #прочее Людочка, плагины – отборные плагины в Фигме

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

в Азии вообще иначе пилят ногти, у них нет привычки залезать под кутикулу, почему-то делают от нее отступ.. про выравнивание тоже не слышали но я залетела в салон, который нашла 2 года назад, и там все сделали как мне нрав 🩵✨как вам? 📍Natunche nails Bangkok

Выбираем блок текста и в подразделе «Абзац» находим волшебную кнопку «Междустрочный интервал». Кликнув на неё, мы уже можем выбрать подходящий интервал — от 1,0 до 3,0. Если такие показатели нам не подходят, то нажимаем «Другие варианты междустрочных интервалов» и настраиваем самостоятельно. *в открывшемся окне можно также настроить отступы и выравнивание. #основы

Источник #типографика 💙 Профессия Дизайнер

#лайфхаки Здесь про Figma / наши чаты 💬

Чтобы расположить табы в виде раскрывающихся карточек под описанием товара, используйте следующий код: Обязательно подключите библиотеку jQuery в настройках сайта. Вставлять код нужно в специальные подвал или шапку для карточки товара. Если у вас они не предусмотрены в верстке магазина, создайте пустой подвал, например, и кроме кода ничего там не размещайте (соответственно вместо поп-апа у вас будет отдельная страница товара). Внутри кода вы можете отредактировать верхний отступ табов. Если у вас есть вопросы, дайте знать в комментариях ) #модификации #тильда

Часть 3. В предыдущих частях я рассказала, как преодолела страх критики и научилась работать с рутинными задачами при поиске работы. Выгорание постепенно отступало, собеседования начинали казаться не такими однообразными и на одном из них задали вопрос: «как найти собственный стиль?». Он заставил меня задуматься. После окончания этого собеса, я приступила к изучению этой темы т.к считала, что собственного стиля у меня нет и с этим нужно что‑то делать. На помощь пришла ещё одна книга Остина Клеона – «Кради как художник». В ней рассказывалось об экологичном заимствовании идей, способах поиска вдохновения, выработке полезных творческих привычек и почему важно публиковать свои работы на различных ресурсах. Применив на практике все приёмы, о которых говорил автор, я дала волю эмоциям: сделала серию плакатов и потихоньку начала обретать собственный стиль. Такая увлечённость, подпитанная новыми знаниями из книг и практикой помогли мне справиться с выгоранием и полюбить дизайн ещё сильнее. #маша #заметка #опыт 🍑 @Явно.Дизайн x Давай ладом

Автолэйаут — это функция, которая делает магию в интерфейсах. Она позволяет автоматически распределять элементы внутри фрейма, экономя кучу времени на правки. Как это использовать: — Создавай адаптивные кнопки. Добавь текст в кнопку и задай автолэйаут. Теперь кнопка будет растягиваться вместе с текстом. — Списки и карточки. Настрой отступы между элементами, чтобы при добавлении нового карточки или пункта всё обновлялось автоматически. — Быстрая работа с таблицами. Расположи строки и столбцы в автолэйауте — забудешь про ручные правки выравнивания. Главное: автолэйаут упрощает жизнь, если привыкнуть к нему. Да, на первых порах кажется сложным, но потом поймёшь, что это незаменимый инструмент для адаптивного дизайна. #Figma #Лайфхак

(Между прочим я тоже ) Недавно посмотрела мультфильм от Netflix и студии, что делала нашего всеми любимого Шрека. Спойлер, как вы можете догадаться, скажите пока-пока привычному детскому контенту. Сюжет на первый взгляд прост: маленькая принцесса отправляется в опасное путешествие , чтобы снять злые чары со своих родителей и превратить их обратно в людей. И казалось бы нас ждет безусловный happy end. Но счастливый конец у каждой принцессы свой, а уж у целой королевской семьи тем более. Сейчас будет супер большой вброс, но без него не было бы смысла писать этот пост! ( все же я под диким приятным впечатлением ) Истрия про развод родителей и то как дети его переживают. Особенно понравился процесс трансформации родителей обратно в людей. Ведь как оказалось ключ к чуду был совсем рядом. Мультфильм учит не забывать про любовь: будь та в прошлом или настоящем. Мне в целом нравится нынешняя тенденция отступать от привычных канонов представления принцесс и счастливых концов. И очень нравится , что современная мультипликация через доброту освещает острые социальные проблемы: самоопределение женщин, равенство меньшинств, переходный возраст, отношение к смерти и многое другое. От души советую! Мультик к тому же вышел красивый! https://youtu.be/X4dSJ6ysTuk?feature=shared

1. Добавляем фото известного баскетболиста, обрезаем так, чтоб нижняя часть слайда осталась свободной. 2. Пишем текст и размещаем так, чтоб нижнее слово оказалось на свободной части слайда. 3. Выделяем фотографию, затем текст, объединяем элементом «Группирование» и добавляем эффект внутренней тени. Осталось добавить еще один маленький блок текста и всё, статичный слайд готов. *не забудьте про одинаковые отступы и воздух — всегда визуально оценивайте слайд, прежде чем его сохранить. Красиво, просто, стильно! #топ

Недавно на работе нужно было переработать карточки. У нас они, конечно, скругленные, и содержат в себе элементы, которые тоже должны быть скругленными. Формула, на которую все молятся: ВНЕШНЕЕ СКРУГЛЕНИЕ – ВНУТРЕННИЙ ОСТСТУП ДО ВЛОЖЕННОГО ЭЛЕМЕНТА = СКРУГЛЕНИЕ ВЛОЖЕННОГО ЭЛЕМЕНТА Так вот, при обращении к этому правилу почему-то большинство людей забывает сказать, что формула не универсальна. На скрине — рабочий пример, с которым я столкнулся, и решил поделиться Для меня эта формула рабоатет до тех пор, пока контраст между внешним скруглением и отступом ДОСТАТОЧЕН. 16 не так уж далеко от 12, поэтому тут формула начинает работать плохо (и вариант справа смотрится стремно) Верх ограниченности дизайнера — это когда скругление равно отступу, и тогда внутреннему элементу приписывается скругление 0, ПАТАМУШТА ФОРМУЛА!!11! (а я и такое встречал) Короче, надо по ситуации смотреть, как это выглядит. Главное, что нужно запомнить — чтобы не было изломов и линия отступа была однородной (или почти такой) на протяжении всего угла. В общем, чтобы красиво смотрелось

Друзья, я вижу, что вы активно ставили огоньки и на пост где нужно было, и на другие посты, поэтому думаю будет честно, если я открою доступы к слайдеру и вы уже быстрее сможете применять их в своих проектах. И не забудьте посмотреть обучающее видео, там всё подробно рассказано Собственно говоря, что вы получаете: ⚡️Блок со слайдером тянется на 100% ширины экрана на всех устройствах с заданными отступами по бокам (если разбираетесь немного в CSS, то сможете задать фиксированное значение ширины слайдера) ⚡️Любое количество карточек в ряд, хоть 2, хоть 10 ⚡️Кнопки у карточек всегда будут на одном уровне, а не как было до этого, если был разный объём текста, то кнопки могли идти лесенкой ⚡️На одной странице вы сможете добавить несколько слайдеров и они будут нормально работать ⚡️Для каждого слайдера внутри одной страницы вы сможете сделать индивидуальные настройки, например у первого – 6 карточек, а у второго – 4 ⚡️Пока что добавлено 6 видов отображения буллетов, от стандартных точек, до бегущей строки Буду очень благодарен репостам в свои каналы, комментариям и огонькам, ведь это помогает мне продолжать выпускать для вас бесплатные модификации 🔥 Смотреть модификацию

Плагин ля быстрого изменения отступов в множестве элементов одновременно. Установить плагин 🔗 #Плагины

Лендинг по прокату мотоциклов Эндуро: https://www.behance.net/gallery/207024013/odnostranichnyj-sajt-dlja-prokata-motociklov-enduro Это домашка Насти на курсе ДВ Max. Одна из тех работ, которая показывает, что клёвый дизайн — это в первую очередь про упорядоченную типографику, отступы, силовые линии, акценты и сетку) На Бехансе обязательно поставьте лайк ☺️

Какие мы с вами блоки только не пытались растягивать по винде, пришло время и для товаров, так ещё и упакованные в слайдер. Из всех моих модификаций, которые есть на сайте, слайдеры – это то, что я больше всего не люблю, по ним прилетает столько вопросов, что уже не знаю как отбиваться 😂 Поэтому подошло время переделать их, так ещё и сделать гораздо круче и удобнее На гифках три варианта слайдеров, а точнее варианты отображения буллетов (смотрите в комментах): 1. Обычные точки, активная чуть больше и акцентнее 2. Полосы, активная имеет индикацию заполнения 3. Полоса прокрутки, растягивается или сужается в зависимости от количества слайдов Дальше возможно подумаю ещё над какими-нибудь вариантами буллетов, пока такие) Что ещё хочется сказать о слайдерах: ⭐️Естественно они будут тянуться на 100% ширины экрана на всех устройствах с заданными отступами по бокам ⭐️ Любое количество карточек в ряд на разных адаптивах, хоть 10 штук делайте на десктопе ⭐️ Кнопки у карточек всегда будут на одном уровне, а не как было до этого, если был разный объём текста, то кнопки могли идти лесенкой ⭐️ На одной странице вы сможете добавить несколько слайдеров и они будут нормально работать ⭐️ Для каждого слайдера внутри одной страницы вы сможете сделать индивидуальные настройки, например у первого – 6 карточек, а у второго – 4 ⭐️ и ещё много разных настроек Слайдеры сейчас в работе, нужно многое ещё доделать и подготовить для вас код, чтобы вам было проще менять настройки Ну, а чтобы ускорить процесс выхода этой модификации, по старинке мне нужна от вас активность, а именно огоньки на этот пост, вас уже намного больше, поэтому буду просить много огоньков, а именно 400🔥 да и модификация не хухры-мухры, я вам скажу, давайте без торга, и не предлагать считать все реакции 😅