UX/UI-дизайн с Ольгой Черновой

⚡️Друзья, у меня чудесная новость! Новый курс появился в нашей онлайн-школе Айтилогия: «Нейросети для Frontend-разработчика» 🔥 📍 выполнять больше заказов и задач за то же время → зарабатывать больше благодаря более высокой скорости работы 📍 писать еще более продуманный код с меньшим количеством багов, быстрее исправлять ошибки → быстро расти с Junior до Middle и Senior позиций 📍 создать большое количество pet-проектов для портфолио → сильнее показать все свои навыки работодателям 📍 заметно выделиться среди других кандидатов при отборе в компании благодаря навыкам работы с ИИ-инструментами 📍 получить навык, который уже стал незаменимым преимуществом современного frontend-разработчика ⚡️Старт: 25 июня Подробнее о программе можете прочесть на сайте! Любые вопросы пишите в онлайн-чат на сайте

90% дизайнеров начинают работу с экранов — и это главная ошибка ❗️ Мы неоднократно говорили, что интерфейс — это не просто красивые картинки, это последовательность действий пользователя. Прежде чем переходить к созданию экранов, нужно ответить на три вопроса: кто мой пользователь, куда он идёт и где застревает. И помогают в этом два инструмента — CJM (карта пути с эмоциями) и User Flow (схема шагов в интерфейсе). Вместе они находят «боли» и превращают их в решения для интерфейсов. В новой статье наша выпускница Дарья Панкратова детально рассказала про эти инструменты, показала наглядные примеры таких карт (включая User Flow для интернет-магазина), а еще подготовила чек-лист для самопроверки. Читайте материал полностью по ссылке

⚡️Недавно мы стали давать возможность студентам моего курса по UX/UI‑дизайну проявлять себя с другой стороны и публично делиться мыслями, инсайтами и опытом в сфере дизайна. Сегодня поделюсь с вами супер полезным постом выпускницы Дарьи Панкратовой! Она собрала 4 принципа типографики, которые помогут перестать угадывать «А так нормально?» и начать делать макеты осознанно: с правильной иерархией, читаемостью и ритмом. В конце поста найдете бонус 🤫 Читайте здесь

Кто бы рассказал дизайнерам в Белавиа, что элемент интерфейса степпер должен выглядеть так: − [число] + [ минус слева, плюс справа ] Почему: как минимум потому что это совпадает с ментальной моделью уменьшить → влево / увеличить → вправо (как на шкале/ползунке) Проектируйте элементы интерфейса правильно 💟 А если не знаете таких тонкостей — приходите учиться на мой Курс по дизайну с выходом на фриланс и трудоустройством, там подробно разбираем каждый элемент. Бесплатный 7-дневный интенсив • Instagram-блог • Интервью с выпускниками • Результаты студентов • YouTube

UX/UI-дизайн с Ольгой Черновой pinned a photo

Ку-ку! Кто здесь? 👀 Пора прервать молчание в этом канале! С момента последнего поста я уже успела родить и моей дочери недавно исполнилось целых 8 месяцев :) Теперь я учусь быть мамой и совмещать материнство и работу, в том числе ведение этого канала )) Как понимаете, за 8 месяцев мне это удавалось плоховато 😂 Но пришло время появиться здесь, и я начинаю с такого личного поста. Совмещать работу и материнство — задача не из легких, надо сказать! Однако за 8 месяцев в декрете я не прекращала разбирать курсовые проекты студентов, давать им обратную связь и помогать сделать их дизайн ещё сильнее. А ещё продолжаю работу над моим курсом «UX/UI-дизайнер»: представляете, в январе стартовал уже 44-й поток! Так восхищаюсь тем, что мы с командой делаем уже 6 лет, и нашими студентами горжусь безгранично! Хочу в будущих постах показывать их проекты вам, чтобы вдохновлять 😍 Кстати, я веду еще и личный канал о материнстве и просто о своей жизни — кому актуальна эта тема, заходите, будем там с вами становиться ближе как человек с человеком, а не только на теме дизайна :) А здесь продолжу делиться классностями о дизайне и для дизайнеров. Редко, но метко! Полайкайте своими пальчиками пост, если ждете контент ❤️

ГДЕ НАЙТИ ВДОХНОВЕНИЕ И РЕФЕРЕНСЫ: 15 РЕСУРСОВ ДЛЯ UX/UI-ДИЗАЙНЕРОВ Открывайте для себя новые источники вдохновения, не ограничиваясь только общеизвестными Behance, Dribble или Pinterest. Делимся секретной подборкой сайтов, которыми вдохновляются UX/UI и веб-дизайнеры по всем миру. 🟣 Awwwards — проект, где ежедневно выбирают лучшие сайты веб-среды. Отличное место, чтобы отслеживать дизайн-тренды и вдохновляться. 🟣 Land-book — каталог креативных лендингов, которые можно отфильтровать по цветам, стилям, шрифтам, отраслям и другим параметрам. 🟣 Httpster — коллекция современных нестандартных сайтов для поиска свежих дизайнерских идей. 🟣 Designspiration — ресурс для поиска изображений, которые можно фильтровать по цветам. 🟣 SiteInspire — каталог из 9 000+ стильных сайтов, где здорово искать референсы. Их можно отбирать по стилю, типу ресурса, бизнес-нише и не только. 🟣 Godly — платформа с удобной системой фильтров, где собраны впечатляющие анимированные сайты. 🟣 UX Design — блог и сообщество о UX-дизайне с большим количество практических кейсов. 🟣 Collect UI — галерея интерфейсов, которые можно фильтровать по категориям и элементам дизайна. 🟣 Mobbin — база референсов мобильных интерфейсов, содержащая 1150+ приложений для iOS, Android и почти полмиллиона экранов. 🟣 FWA — ресурс, где каждый день появляются свежие творческие решения, а жюри из 200+ экспертов присуждает лучшим дизайн-проектам награды за инновации и креатив. 🟣 One Page Love — коллекция оригинальных лендингов. Проекты для вдохновения можно искать по типу платформы или отрасли бизнеса. 🟣 Inspiration Grid — онлайн-журнал о творчестве, где можно найти референсы для своих проектов от дизайнеров со всего мира. 🟣 Design Swan — блог о дизайне с вдохновляющими подборками и обзорами трендов. 🟣 Abduzeedo — еще один популярный блог, где регулярно публикуются разборы интересных кейсов визуального дизайна брендов и IT-продуктов. 🟣 Hoverstat.es — платформа объединяет сайты с очень смелыми и экспериментальными UX-решениями. Не забудьте поставить ❤️🫶😍❤️😘 и сохранить этот пост в закладки — так вы всегда будете иметь под рукой эти ценные ресурсы, а поиск вдохновения станет ещё быстрее и приятнее!

Сегодня у меня день рождения 🥳 Не верится, что мне уже 30 лет и пошел новый десяток :) Цифра, которую я одновременно и боялась, и очень ждала как порог чего-то нового ) Этот день рождения для меня особенный ✨ И если в прошлом году я праздновала ДР на Гавайях, летала на вертолете над необычайно красивыми каньонами и утопала в слезах от красоты… То сегодня я на любимом острове Бали, на душе полное спокойствие и безмятежность: я не куда не спешу, не пытаюсь получить все эмоции мира, просто по-домашнему провожу свой день только с мужем и нашей дочкой, которая растет у меня в животике 🐣 А ещё 30 лет сегодня исполняется не только мне, но и моему дорогому любимому мужу, с которым мы по счастливой случайности родились в один день и один год, да-да [смотрите тут]. Я старше Ромы всего на 1,5 часа )) Вот такая вот у нас уникальная история 😍 Предыдущие 8 лет мы много путешествовал и получали ни с чем не сравнимый опыт жизни в других странах. А на этом новом году жизни нас ждет совсем иной опыт — опыт родительства. Наши приоритеты сильно перестраиваются на фоне беременности, и так символично, что это происходит именно на рубеже 30 лет, в новом десятке. Благодарю себя за то, что не боюсь идти в новое, не боюсь сложных путей, рисков и сложных решений, не боюсь меняться и менять. Я очень люблю эту жизнь ❤️🙏🏻

Адаптация сайта Pinterest 😁 Как думаете: баг или фича? #шуточки

🔥 Огромная подборка актуальных ИИ-сервисов: Часть 1🔥 Часть 2 здесь 📍Чат-боты: Ваши ИИ-помощники ChatGPT - король чат-ботов. Думаю, этот сервис описывать вам не нужно ) Claude - классный помощник в программировании. Claude невероятно точен, отлавливает мелкие ошибки и предлагает лучшие способы структурировать мои проекты. Кроме того, с ним просто приятно общаться.  📍Генерация и редактирование видео: Свет, камера, искусственный интеллект! Synthesia позволяет создавать профессионально выглядящие видеоролики, не прибегая к услугам съемочной группы! Идеально подходит для обучения, презентаций и корпоративных коммуникаций. Runway. Текст в видео, motion brush, инпайнтинг - Runway позволяет делать все это. Можно использовать его для создания интересных видеороликов для социальных сетей. Результаты впечатляют. Grammarly вылавливает досадные ошибки, предлагает корректировку тона и переписывание текста. ИИ-помощник в написании текстов полезен при составлении электронных писем и документов. Wordtune. Ориентирован на изменение формулировок предложений для ясности и стиля. Мне нравится возможность переключения между официальным и неформальным тоном. Отлично подходит для доработки существующего текста. 📍Поисковые системы на базе ИИ: Быстро найдите то, что вам нужно Perplexity - скорее исследовательская, чем поисковая система. Предоставляет прямые ответы со ссылками, что делает работу со информацией более эффективной. ChatGPT Search  - очень быстрый и создает ощущение общения со всезнайкой. Опция «спросить подробнее» отлично подходит для глубокого изучения. Vista Social - универсальная платформа для планирования, совместной работы и составления расписания контента. ИИ-помощник генерирует заголовки и ответы, экономя массу времени. FeedHive - легкий и доступный. Планирование не составляет труда, а аналитическая панель очень полезна. 📍ИИ-генераторы изображений: Раскройте свой творческий потенциал Midjourney - лучший генератор для создания красочных и образных изображений. Он отлично подходит для создания фэнтезийных и научно-фантастических образов. DALL-E 3 интегрирован в ChatGPT, что делает создание изображений интуитивно понятным. Отлично подходит для фотореалистичных рендеров и сложных сцен.  📍ИИ-инструменты для дизайна: дизайн как у профессионала Canva Magic Studio - Canva, но с искусственным интеллектом. Magic Design генерирует шаблоны, Magic Write помогает с написанием текста, а Magic Edit позволяет легко изменять изображения. Looka позволяет создать профессиональный логотип и фирменный стиль за несколько минут. Невероятно удобен в использовании, даже для новичков в дизайне. Идеально подходит для малого бизнеса и личных проектов. 📍ИИ-конструкторы приложений: создание приложений без программирования Bolt.new - прототипирование, запуск, редактирование и развертывание полнофункциональных приложений прямо в браузере. Отлично подходит для быстрого создания прототипов.  Bubble - настоящая платформа без необходимости написания кода. Создавайте полнофункциональные веб-приложения с помощью интерфейса drag-and-drop. Мощная, но требует обучения. 📍ИИ-инструменты для управления проектами Asana - комплексная платформа для управления проектами с такими ИИ-функциями, как «умный статус», «умный чат» и «умные сводки». Помогает автоматизировать рутинные задачи и предоставляет ценные сведения. ClickUp - гибкая и масштабируемая платформа по управлению проектами. Удобно настраиваемые представления и функции автоматизации. ИИ помогает составлять планы, повестки дня и резюме. 📍ИИ-ассистенты для встреч: никогда не упустите ни одной детали tl;dv автоматизирует расшифровку и предоставляет краткие отчеты о виртуальных встречах. Спасительное средство для команд, работающих удаленно. Мне нравится функция ключевых моментов. Nyota фиксирует ключевые моменты, решения и пункты действий. Интегрируется с инструментами управления проектами, автоматически создавая задачи и обновления.

⚡️ 13 полезных и практических видео от меня на YouTube ⚡️ 1. Вдохновляющая и мотивирующая история о том, как я стала веб дизайнером Смотреть видео → 2. Главная причина, по которой вы не можете добиться успехов + практика на проработку Смотреть видео → 3. Анимация карточек в Figma Смотреть видео → 4. Как рисовать иконки в Figma Смотреть видео → 5. Как начинающему дизайнеру легко и быстро взять первый заказ на фрилансе Смотреть видео → 6. Топ-3 книги для веб-дизайнера и UX/UI-дизайнера | Книги по дизайну для саморазвития Смотреть видео → 7. Возраст в веб-дизайне: играет ли роль и во сколько лет можно стать веб-дизайнером Смотреть видео → 8. Разрушим 5 популярных мифов о веб-дизайнерах Смотреть видео → 9. Как понять, что вы уже достигли совершенства в веб-дизайне и можно перестать учиться Смотреть видео → 10. Создаём обложки для проектов в Figma: 2 способа Смотреть видео → 11. Самый простой способ вырезать волосы с фотографии в Photoshop Смотреть видео → 12. 3 способа удалить и заменить небо на фотографии в Фотошоп Смотреть видео → 13. Топ-3 моих плагина в Figma Смотреть видео → #youtube Курс по дизайну с выходом на фриланс и трудоустройством • Бесплатный 7-дневный интенсив • Instagram-блог • Интервью с выпускниками • Результаты студентов • YouTube

Институт цвета Pantone объявил цветом 2025 года — элегантный оттенок «Mocha Mousse» («Мокко мусс») 🤎 Вице-президент института Лори Прессман: 💬«В качестве цвета 2025 года по версии Pantone мы выбрали мягкий коричневый оттенок, чье природное богатство, чувственное и успокаивающее тепло распространяется еще дальше на наше стремление к комфорту и наслаждение простыми удовольствиями, которые мы можем дарить и делиться с другими». Вдохновляющие примеры палитр, а также более подробные описания цвета и его применения — читайте на официальном сайте института: 🔗 https://www.pantone.com/color-of-the-year/2025 #про_цвет Как вам цвет?

О дизайне есть не только книги, но и фильмы. Если этот вы еще не смотрели — то знаете, чем заняться на предстоящих выходных 💟 [я и сама планирую пересмотреть] 🎞 https://www.kinopoisk.ru/film/261122/?utm_referrer=www.google.com Курс по дизайну с выходом на фриланс и трудоустройством • Бесплатный 7-дневный интенсив • Instagram-блог • Интервью с выпускниками • Результаты студентов • YouTube #про_шрифты #фильмы

Обновляю крутые подборки для студентов курса и решила с вами тоже кое-чем поделиться 💟 #колористика #вдохновение 🔗 Colors Combinations by Obys Agency — это проект, созданный студией Obys Agency, который вдохновляет сочетаниями цветов, встречающихся в природе и фотографиях. Проект направлен на то, чтобы продемонстрировать удачные цветовые комбинации, отобранные из реальных снимков, с целью помочь дизайнерам в создании гармоничных решений для их проектов. Проект был отмечен наградами Awwwards Site of The Day и CSSDA Website of The Day. Сайт ориентирован на демонстрацию примеров реальных работ фотографов и того, как эти работы могут вдохновлять дизайнеров при выборе цветовых сочетаний для их проектов. Как вам ?)) 😍 Курс по дизайну с выходом на фриланс и трудоустройством • Бесплатный 7-дневный интенсив • Instagram-блог • Интервью с выпускниками • Результаты студентов • YouTube

Стильная библиотека бесплатных шрифтов — 🔗Free Faces Gallery. Каждый шрифт здесь уникален и обладает своим характером. #про_шрифты #типографика 💟 Курс по дизайну с выходом на фриланс и трудоустройством • Бесплатный 7-дневный интенсив • Instagram-блог • Интервью с выпускниками • Результаты студентов • YouTube

📌Список классных книг для UX/UI и веб-дизайнеров, благодаря которым сможете расширить представление о дизайне, углубить профессиональные знания, сформировать дизайн-мышление, научиться тайм-менеджменту, повысить личную эффективность и научиться продавать своё портфолио и дизайн-услуги. #книги #про_шрифты #про_портфолио https://teletype.in/@chernoova.olga/booksfordesigners в благодарность ставьте ❤️и друзьям пост пересылайте 🌸 Курс по дизайну с выходом на фриланс и трудоустройством • Бесплатный 7-дневный интенсив • Instagram-блог • Интервью с выпускниками • Результаты студентов • YouTube