🚀 Как ускорить процесс создания прототипов?

Если вы хотите быстрее и эффективнее разрабатывать прототипы сайтов, начните осваивать Frontend-разработку! Почему это важно? ✅ Вы будете понимать, как работает сайт изнутри. Создавая дизайн, вы сможете учесть все тонкости его реализации: от адаптивности до интерактивных элементов. ✅ Сэкономите время на правках. Умение писать код помогает создавать прототипы, которые легко интегрируются в разработку без доработок. ✅ Повысите свою ценность как специалиста. Дизайнер, который знает основы HTML, CSS и JavaScript, — настоящий клад для любой команды. 🎓 Skillfactory запускает курс «Специализация Frontend-разработчик». Это обучение с нуля, которое: 💡 Научит писать адаптивный, чистый код. 💡 Познакомит с библиотекой React для сложных проектов. 💡 Поможет создать реальные проекты в портфолио. 🎁 Бонус для подписчиков канала: 🎨 55% скидка на курс для быстрого старта! 👉 Начните развивать навык уже сегодня.

🔵В фигме можно делать анимации, они нужны просто для наглядности когда мы передаем проект для верстки?

Да, для наглядности, но еще, чтобы впечатлить заказчика, обычно, когда они видят дизайн интерактивным, то правок становится меньше. Вау-эффект, наверное. Если это проект для портфолио, без клиента и без верстки, то можно сделать анимацию и интегрировать её в кейс. 🔵Будет еще видео с созданием дизайна сайта уровнем посложнее? Практические уроки будут на новичковском уровне. Снимать практику среднего и сложного уровня для соц сетей не планируют, все подобные уроки идут только в курсы. 🔵Где можно посмотреть работы участников разных конкурсов по дизайну сайтов для насмотренности? https://www.awwwards.com/">https://www.awwwards.com http://cssdesignawards.comhttps://madeontilda.ru/"> https://madeontilda.ru 🔵Можно ли использовать бесплатные уроки по созданию сайтов в качестве временного портфолио? Пока не был создан свой уникальный Нет, нет и еще раз нет! Никаких чужих работ, повтор - это не ваша работа, а авторские права принадлежат автору урока. Даже если вы там поменяете пару цветов и фотки - это все еще не ваша работа. Портфолио - это про уникальность, чтобы заказчик мог увидеть ваши навыки, ваше виденье, а не навык автора бесплатного урока. 🔵Что будет написано в электронном сертификате по прохождении курса: UX/UI дизайн+ WEB дизайн или только UX/UI. Будет написано прошел курс “UX/UI-дизайн» и указаны навыки, которые были освоены. Уточню, что клиентам сертификат не важен, он немного имеет вес при поиске работы, но гораздо важнее другие вещи 🔵В бесплатном видео уроке увидела, что размер фрейма при создании сайта делают 1200 шириной. Это потому что в таком размере есть какое то удобство? Может при создании адаптива? Или все же стандарт 1440? Ширина фрейма 1200 нужна для для тильды, этот дизайн потом будет перенесен туда, поэтому такой размер фрейма. Стандарт 1440
https://content.desigram.ru/static/ad84a4db-d9f3-40a3-a9ba-5fbd4e91a5bf.jpg

Плагин «CSS Exporter» by Leo

Простой плагин для экспорта локальных стилей в файл CSS 🔍 Скачать плагин 🔍 #plugin 🗳 Плагины Figma
https://content.desigram.ru/static/83f78082-bd67-43aa-b6e6-2c73bb69ea0b.jpg

Опять 2025 🏆

Подвожу итоги своего года. Очень хочу отрефлексировать то, что произошло, потому что год был не самый простой. Давненько я так не вджобывал, как в 2024. Поэтому фиксирую и делюсь. — В начале года, в нашем агентстве произошло много изменений. Самое важное событие — мы выиграли тендер и сделали до конца года большой интернет-магазин для Дефиле. Вначале было вообще непонятно, каким чудом нам всё это доверили, но время показало, что не зря. Мы проделали охуеть какую большую работу и сильно прокачались в сложных екомах. — Перенимали опыт лучших. Чтобы вытянуть Дефиле на высокий уровень — ходили прокачиваться к арт-директору ВТБ, который развивает продукты для премиальных пользователей. — Успел в этом году поменторить несколько дизайнеров. Кстати, одна из моих менти, классная Настя, дополнила нашу команду в работе над сайтом Дефиле. Думаю, в следующем году верну менторство для дизайнеров. — Мы начали проектировать и дизайнить сложные веб-сервисы, у которых на входе из ТЗ есть только мысли и скетчи из квадратиков. Поняли с командой, что умеем почти из ничего создавать охуенные MVP. — Подписали в постоянные заказчики большой московский ресторанный холдинг, для которого в этом году сделали уже 5 проектов, из которых 4 — это сайты. На следующий год будем заниматься ребрендингом одного из направлений. — Летом закрыли с Сашей нашу школу для дизайнеров. Это было сложное решение, но его надо было принять. Невероятная история длиной в 3,5 года, 1000+ учеников, большого количества наград у участников. Но также и ебейших выгораний, недосыпаний и т.д. — Попадал в пиздец какой кассовый разрыв, после которого принял ряд важных решений. Это, блядь, очень больно, и да, без мата тут никак. Потом систематизировал много процессов, чтобы избежать повторения. — Тестировал много. Иногда кажется, что очень много. Написал лично около 700 писем в разные компании с предложением сотрудничества. Просмотрели с командой больше 400 резюме по вакансии дизайнеров. Потратил на маркетинговаые активности примерно 700-750 т.р. — Получил огромный опыт работы с партнерами по разработке. Не весь опыт был удачный, но "выводы сделаны", как говорит наш лид-дизайнер Маша. Забавно, что большая часть "партнеров" воспринимают партнерства по-своему. Типа "давай нам проекты, мы все сделаем за бабло, а тебе хуй чего дадим". Это не мой вариант, если люди не понимают банальных вещей — нам не по пути. — Продолжил обучать дизайнеров. Выступал лектором в Омском Политехе на кафедре дизайна. От агентства сделали и провели два кайфовых интенсива. На следующий год их будет больше. — Наконец сделали ИПР для внутренней работы с дизайнерами. А еще онбординг для новых дизайнеров. А еще написал полезные регламенты и обновил шаблоны проектов, которые ведем. — Участвовали с командой в премиях и рейтингах. Этот год был вообще первым в рейтингах. Попали в ТОП-20 молодых диджитал-агентств РФ, наши проекты оказались в шорт-листах WorkSpace и DProfile Awards. Получили награду от Awwwards, Cssda и несколько MadeOnTilda. — Кайфово провели с Марго почти месяц на Самуи, в Тайланде. Отличный отдых, море, фрукты, солнце. Я никогда в жизни не проводил в морре столько времени, сколько в этом году ) — Сделали за год (честнее, за 9 месяцев) 20 проектов. Не только сайты, но и веб-сервис, создавали мерч, делали коммуникационный дизайн. — Был на 4 крупных диджитал-ивентах и 4 больших выставках. Заводил новые знакомства, перенимал опыт, искал заказчиков и был послан на хер несчетное количество раз. — Под конец года закрыл мой главный фитнес-гештальт последних двух лет. При своем весе в 80 кг, сделал жим штанги 100 кг. Пиздец, как горжусь собой. Хочу сказать спасибо всем, кто работает сейчас вместе со мной или работал в команде. Вы очень крутые! Спасибо моей Марго. ❤️ Ты — главный катализатор, который помогает двигаться вперед. 🚀 Этот год был интересный, но сложный, веселый и грустный, с находками и потерями, с ошибками и выводами. Спасибо всем, кто принимал в нем участие. Вы сделали меня сильнее и мудрее! С наступающим!
https://content.desigram.ru/static/64919991-d719-4df0-92ea-02a4e3df3c91.jpg
Создай крутой эффект бегущей строки и освежи свой сайт Elementor
В этом видео я покажу, как создать плавную бесшовную бегущую строку с анимацией текста. Мы рассмотрим процесс настройки контейнера, разберём HTML-код и ключевые моменты в CSS, чтобы ваша бегущая строка работала без пробелов и задержек. Также расскажу, как настраивать высоту, отступы, цвет фона и другие параметры. Узнайте, как добиться идеально плавного эффекта для вашего сайта! 👀 Смотреть ⭐️ Open Design | Графика, Дизайн
https://content.desigram.ru/static/86ac7761-51ba-48e4-8dd8-38bb45a4f439.jpg
🔥 Планы на 2025 год 🔥
Вместо поста про итоги уходящего года я поделюсь с вами своими планами на следующий (итоги у меня так себе и я подвела их сама для себя). Как многие уже знают, я ушла из школы ВВП, и соответственно там закрылись курсы по верстке и коду, для которых я писала лекции. Теперь я собираюсь самостоятельно запустить несколько образовательных продуктов в 2025 году: 1️⃣ Интенсив по дизайну — весна 2025. Давно его планировала, для него уже многое готово, осталось только записать и подготовиться к запуску. В этом недельном интенсиве я расскажу о своем методе работы над дизайном сайтов, а вы сделаете одну домашнюю работу, которую я проверю у всех участников интенсива. Запуски будут регулярными и небольшими группами. Программа интенсива рассчитана больше на начинающих дизайнеров, но подойдет и тем, кому интересно изучить мой подход. 2️⃣ Уроки по HTML и CSS для Тильды — лето 2025. Перезапуск модуля по коду курса по верстке, но с более подробной и интенсивной программой, готовыми конспектами, домашними заданиями и тестами для самопроверки. Это будет сборник лекций для самостоятельного изучения, продажи открытые (т.е. для всех), а студентам, купившим ранее модуль по коду в школе ВВП, предоставляется индивидуальная скидка. 3️⃣ Руководство по верстке на Тильде — дата выхода неизвестна. Пожалуй про этот продукт было больше всего вопросов 😅 Расскажу все подробно ) 💻 Прежде всего про формат: это будет не курс, а сборник лекций для самостоятельного изучения. Как показала практика — учить верстку в формате курса не совсем правильно, ведь верстка только часть процесса разработки, она не существует сама по себе, она идет рука об руку с дизайном. Нельзя просто так прийти на верстку и начать верстать, сначала нужен макет, а это рождает множество проблем: где взять макет для курса по верстке, а если макет не достаточно сложный, а что если он не подходит под конкретный тип верстки и т.д. В итоге я решила сделать не курс, а руководство, которое вы смотрите и практикуете тогда, когда вам надо, когда у вас уже есть реальный макет на верстку. Смотрите уроки по тому типу верстки, который вам нужен и который вам нравится, и не заставляете себя рисовать и учить тот тип, который вам не по душе. Но для вашей практики я подготовлю макеты специально для каждого типа верстки, поэтому для желающих отработать все возможные навыки верстки не будет проблем с поиском подходящего макета. 💡 Теперь о содержании: руководство будет максимально полным. Оно будет включать уроки по Тильде, начиная от знакомства с интерфейсом Тильды и заканчивая самыми сложными способами верстки в зеро-блоке. Будут уроки и по анимации, личным кабинетам, магазину и потокам. Также я запишу лекции и по новому способу верстки — Автолейауты, включая АЛ по Window контейнеру и всему артборду zero-блока, выход которых запланирован на 2025 год. Это будет принципиально новый метод верстки, пятый по счету можно сказать, и на мой взгляд единственно правильный, поэтому буду уделять ему больше всего внимания. Дата выхода данного руководства мне пока неизвестна, т.к. я буду ждать полноценного релиза Автолейаутов. Продажи руководства также будут открытые, а студентам, купившим ранее курс по верстке в школе ВВП, предоставляется индивидуальная скидка. 💖 На этом анонс окончен, если у вас есть вопросы или предложения — пишите в комментариях 😊 #обучение
https://content.desigram.ru/static/efe0457c-2e37-42c8-ba49-468907d6b61f.jpg
Anima - Figma to Code: React, HTML, Vue, CSS, Tailwind
Получите код, основанный на вашем проекте, и ускорьте процесс перехода от проекта к разработке. Создавать и поддерживать дизайн-систему. #figma #plugin
https://content.desigram.ru/static/1d53cfdd-2fd5-4f39-b327-615727ee9da9.jpg
🎄 Релиз 1.1.0 (2-е поколение, Vue)
Хо хо хо! Предновогоднее обновление с новым переключением тем для Vue ✨ atomaro/themes 2.1.0 — Реализовали ссылочную систему для css-переменных — Добавили описания ко всем токенам в темах — Добавили классы для каждой темы Ростелекома: • rostelecom-default-dark.css — .Theme_root_rtk_default_dark • rostelecom-default-light.css — .Theme_root_rtk_default_light • rostelecom-purple-dark.css — .Theme_root_rtk_purple_dark • rostelecom-purple-light.css — .Theme_root_rtk_purple_light — Инструкция по работе с классами в темах представлена в Сторибуке ✨ atomaro/vue-icons 1.0.1 — Заменили кириллицу в названии иконок EqualiserClear, Speed1x, Speed2x, Speed4x, Speed6x, Speed8x, Cookie — Убрано предупреждение о неправильном названии атрибута clipRule в консоли ✨ atomaro/vue-ui-kit 1.1.0 — Box: Новый компонент. Служит оберткой для других компонентов, управляя их расположением и обеспечивая консистентность и эффективность в разработке интерфейсов — Storybook: исправлен баг при котором открывающиеся списки перекрывали таблицу с props — BREAKING CHANGE! Stepper: Убран параметр colorScheme. Теперь компонент представлен в двух вариантах — primary и secondary — Multiselect: Исправлена ситуация, при которой фокус не снимался при повторном нажатии на поле ввода — Multiselect: Исправлено отображение при включённом virtualScroll
https://content.desigram.ru/static/934da279-b2b4-4377-a15c-68440bc4fdac.jpg
Ищем новичков во фронтенд-разработке и вёрстке сайтов.
Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений. А именно: - Сверстать веб-сайт на HTML + CSS; - Реализовать функционал на JavaScript; - Пощупать фронтенд-фреймворк Angular; - Подключить Backend и загрузить сайт на хостинг. Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
Как создать уникальный пользовательский опыт в мире, где интерфейсы становятся однообразными?
Red Collar — крупнейшая IT-компания, признанная лучшим агентством по версии CSSDA и обладательница наград Webby. Команда создает эстетичные цифровые продукты для бизнеса, экспериментирует и смело принимает решения Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/5207caf5-c96f-46d9-bb2d-2642f11fafde.jpg
Вдохновение в один клик✨
Привет! Сегодня в нашей подборке галереи для поиска вдохновения. ~ CSS Winner — это платформа, которая демонстрирует и награждает веб-проекты. ~ Awwwards - площадка с огромным количеством вдохновляющих работ по веб-дизайну. ~ the FWA (или Favorite Website Awards) - оценивает инновации и прогрессивное творчество. Присмотрись к этим платформам, может это именно то, что нужно тебе для новых идей! Слеш | Прокачай себя
https://content.desigram.ru/static/fde20964-90ef-4af1-be32-e42b9b82f5b6.jpg
Бесплатное обучение HTML и CSS. Для начинающих. 14 дней
На курсе вы: - Освоите базу верстки сайтов — HTML и CSS - Научитесь переводить дизайн в код для сайтов - Получите поддержку от наставника в чате курса Курс подойдет тем, кто: 🎓 Ищет себя и пробует новое. Вы хотите узнать, каково быть разработчиком, и понять нравится ли вам это направление. Обучение покажет, что IT проще, чем кажется. 🎓 Хочет стать frontend-разработчиком. Вы решили стать программистом, но не знаете, с чего начать. На курсе получите базовые технологии frontend без лишней информации. 🎓 Научиться верстать сайты Вы умеете делать прототипы и собирать сайты в конструкторах, но хотите добавить больше функциональности в свои проекты. Подать заявку #реклама 16+ result.school О рекламодателе
https://content.desigram.ru/static/e148446b-91cf-445b-83f2-ff1390b52cc7.jpg
Бесплатное обучение HTML и CSS. Для начинающих. 14 дней
На курсе вы: - Освоите базу верстки сайтов — HTML и CSS - Научитесь переводить дизайн в код для сайтов - Получите поддержку от наставника в чате курса Курс подойдет тем, кто: 🎓 Ищет себя и пробует новое. Вы хотите узнать, каково быть разработчиком, и понять нравится ли вам это направление. Обучение покажет, что IT проще, чем кажется. 🎓 Хочет стать frontend-разработчиком. Вы решили стать программистом, но не знаете, с чего начать. На курсе получите базовые технологии frontend без лишней информации. 🎓 Научиться верстать сайты Вы умеете делать прототипы и собирать сайты в конструкторах, но хотите добавить больше функциональности в свои проекты. Подать заявку #реклама 16+ result.school О рекламодателе
https://content.desigram.ru/static/597715de-6a72-4159-a1df-94ee2e1bb3af.jpg
Про дизайн и как развиваться ⚡️
Когда дизайнеры спрашивали меня на курсе или писали в личку "КАААК! Как начать делать классный дизайн?" — я всем говорил одно и то же. Ребята! Качайте насмотренность. Смотрите постоянно новые сайты. Нельзя это делать только под проект. И знаете что? Часто слышал "Да, это понятно... А что еще посоветуешь?". Блин, почему-то в самые простые и эффективные решения ребята почти не верят). Лично у меня сдвиг по скиллам и начало получения наград пошло только после того, как я три месяца смотрел разные сайты. Джунам надо качать UI в первую очередь. Это из каждого утюга говорят почти все арт-диры разных студий. Но... Не, не верят.😐 Сейчас в агентстве я прихожу на финальные этапы дизайна, на ревью. И чтобы эти ревью были более эффективными — я продолжаю качать насмотренность. 👀 Мне сегодня пришло письмо с премии CSSDesign Awards, что я перехожу в статус Senior Judge, потому что проголосовал за 500! сайтов. Понимаете? За 500! 😄 То есть я каждый день смотрю по прежнему сайты. Ищу свежие решения. И по прежнему говорю ребятам, которые начинают свой путь в дизайне — качайте UI. Без него прям очень грустно все будет. Прикрепляю картинку памятную. Кстати, эти дипломы рисовали ребята из студии Red Collar. Ну, а теперь я пошел дальше работать.
https://content.desigram.ru/static/640feb71-9049-4600-8b4c-e7284cd876b7.jpg
Дизайн-дайджест премии CSS Design Awards. Сайт месяца. Ноябрь'24
Статья о различных способах приветствия, их значение в общении и создании позитивной атмосферы Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/763bc3e3-0b32-47cc-9d57-e388ccb1b8e0.jpg
Дизайн-дайджест премии CSS Design Awards. Сайт месяца. Ноябрь'24
Статья о различных способах приветствия, их значение в общении и создании позитивной атмосферы Читать на DSGNERS! | #статьи
https://content.desigram.ru/static/763bc3e3-0b32-47cc-9d57-e388ccb1b8e0.jpg
🎆 Алоха! Привет-привет! Салют! 🎆
У нас радостная новость для всех, кто ждал дизайн-систему на Vue.js. Вы просили — мы сделали, протестировали и уже опубликовали Vue.js версию дизайн-системы Атомаро (Дизайн-системы Ростелекома) 2-го поколения. Функциональность элементов системы в React и Vue идентична, те же компоненты, возможности, правила и дизайн-токены. Пакет с CSS-стилями (темы) единый для двух фреймворков. Нейминг некоторых пропсов может отличаться, чтобы следовать привычной логике Vue.js. Написать новую версию дизайн-системы в короткий срок — большая и сложная задача. Нам помогла новая архитектура Атомаро 2-го поколения, вынесенные отдельно стили. И наши контрибьюторы из команды разработки «Личного кабинета юридического лица». Александр Меркулов, Даниил Галкин, Егор Мальцев, Сергей Чуян — наши герои, спасибо вам за помощь! 🙌 ❗️Подключайте дизайн-систему к проектам на Vue.js, пишите нам о своем опыте использования, мы всегда открыты и готовы помочь.
https://content.desigram.ru/static/ae6eae23-9ed7-4f30-a4c5-30a3312e883a.jpg
Бесплатное обучение HTML и CSS. Для начинающих. 14 дней
На курсе вы: - Освоите базу верстки сайтов — HTML и CSS - Научитесь переводить дизайн в код для сайтов - Получите поддержку от наставника в чате курса Курс подойдет тем, кто: 🎓 Ищет себя и пробует новое. Вы хотите узнать, каково быть разработчиком, и понять нравится ли вам это направление. Обучение покажет, что IT проще, чем кажется. 🎓 Хочет стать frontend-разработчиком. Вы решили стать программистом, но не знаете, с чего начать. На курсе получите базовые технологии frontend без лишней информации. 🎓 Научиться верстать сайты Вы умеете делать прототипы и собирать сайты в конструкторах, но хотите добавить больше функциональности в свои проекты. Подать заявку #реклама 16+ result.school О рекламодателе
https://content.desigram.ru/static/597715de-6a72-4159-a1df-94ee2e1bb3af.jpg
Бесплатное обучение HTML и CSS. Для начинающих. 14 дней
На курсе вы: - Освоите базу верстки сайтов — HTML и CSS - Научитесь переводить дизайн в код для сайтов - Получите поддержку от наставника в чате курса Курс подойдет тем, кто: 🎓 Ищет себя и пробует новое. Вы хотите узнать, каково быть разработчиком, и понять нравится ли вам это направление. Обучение покажет, что IT проще, чем кажется. 🎓 Хочет стать frontend-разработчиком. Вы решили стать программистом, но не знаете, с чего начать. На курсе получите базовые технологии frontend без лишней информации. 🎓 Научиться верстать сайты Вы умеете делать прототипы и собирать сайты в конструкторах, но хотите добавить больше функциональности в свои проекты. Подать заявку #реклама 16+ result.school О рекламодателе
https://content.desigram.ru/static/e088ebed-d4c2-4f8e-9bbf-f960502faf68.jpg
Раннее зимнее утро.
На улице еще никого нет - смотришь в окно а там так тихо. Просто включаешь ноутбук и начинаешь работать, да я привык работать по утрам и мне это нравится) Когда то у меня возник вопрос, а как заработать из дома и получать деньги без всяких серых методов - каждый день. Вот чтоб на карту деньги приходили, а работать нужно было по 3-4 часа в день. Поэтому я и попробовал вёрстку сайтов на HTML CSS. Верстаешь себе каждый день, планируешь сколько блоков сайта сделаешь за день и сколько получишь. Я старался уложиться в несколько часов, чтобы осталось время на запись видео для школы.
https://content.desigram.ru/static/abcb3474-6b5d-4d90-95c2-ead3f87e245e.jpg