262 Ui elements

Оля из Альфа-Банка очень правильно ставит акцент: вёрстка для дизайнера это не про «стать фронтендером», а про умение передавать свою идею в разработку без потерь. Пока дизайнер думает только картинкой, а не платформой, паттернами навигации, типами элементов и ограничениями технологии, на выходе почти всегда появляется один и тот же вопрос: «Что это вообще такое?» Самое ценное в статье не спор про ответственность, а список конкретных уровней, на которых всё ломается. Разметка экрана, Push и Present навигация, типы элементов, особенности серверной и комбинированной вёрстки. Если это не учитывать в макете, разработчик начинает додумывать за дизайнера, а дизайн-ревью превращается в попытку спасти то, что уже поехало. Внутри: – Почему вёрстка это не только код, но и качество ready-to-dev макета; – Как дизайнер теряет контроль над интерфейсом, если не думает про платформу; – Чем опасно путать паттерны навигации вроде Push и Present; – Почему типы элементов тоже влияют на итоговую вёрстку; – Как технология реализации экрана меняет ограничения для дизайна; – Что даёт команде более внимательное отношение к вёрстке уже на этапе макета; – Какие простые шаги помогают дизайнеру быстрее подтянуть матчасть; – Почему нормальная коммуникация между дизайном и разработкой экономит кучу времени и нервов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Слушатели программы Двойного диплома «Графический дизайн и брендинг» изучают эту тему на занятиях Волосецкой Диляры Ниязовны — преподавателя дисциплины «WEB-технологии в дизайне». Диляра Ниязовна — преподаватель РГУ им. А.Н. Косыгина, специалист в области графического и UX/UI-дизайна. За её плечами — работа дизайнером в журнале Grazia и сотрудничество с разными направлениями бизнеса, где она помогает выстраивать визуальную коммуникацию с потребителем. На занятиях студенты изучают принципы построения удобных интерфейсов, адаптивную вёрстку, работу с типографикой и цветом в цифровой среде, а также создание прототипов сайтов и приложений. Сегодня дизайнер должен не только создавать стиль, но и уметь встраивать его в цифровую среду. Именно поэтому освоение WEB-технологий становится обязательной компетенцией современного специалиста. 🖇️ Подробнее об обучении на сайте

→ Редактирование векторов: до 10 раз быстрее → Плавность интерфейса: в 4 раза выше → Более быстрая загрузка → На 92% меньше предупреждений о нехватке памяти

Тема: Глобальная проблема переработки пластиковых отходов. То есть задача — буквально сделать интерактивный арт-проект из бутылок. Его делают Николай (@nick_kudrya) и Наташа (@natalydesign) под моим чутким контролем и с персональными фидбэками. Попросил их рассказать о проекте, сейчас они на этапе концепта. Ребята еще поделились подробнее текстом о процессе и себе: Пару слов о нас. Я — Николай, человек, который решил уйти в дизайн после того, как ему исполнилось 33 года. До этого занимался спортивным маркетингом, пробовал себя в стартапах, где, не имея особых знаний в дизайне, отрисовал свой первый интерфейс приложения. В процессе обучения и перехода в индустрию дизайна мне удалось продать себя как арт-директора в одной из дизайн-студий в Ташкенте, где я, по сути, набирался опыта и набивал шишки. После ухода из этой студии мы вместе с коллегой открыли собственную дизайн-студию, которая функционирует уже чуть больше двух лет. Мой соавтор проекта на курсе "Ultra UI: Уровень Арт-дирекшн" — Наталья. Более 10 лет она работала художником, а сейчас — Lead UI/UX-дизайнер с опытом более 8 лет в digital. Художественный бэкграунд помогает ей создавать сильные визуальные концепции, работать с идентичностью проектов и выстраивать эстетику, а опыт в digital — проектировать продуманный UX и управлять дизайн-процессами. Вот такую небольшую команду собрал Евгений в рамках курса. Все рассказывают истории успеха, а я, пожалуй, кратко расскажу о тех вызовах, с которыми нам пришлось столкнуться: 1. Работа в команде Она сильно отличается от индивидуальной. Это всегда поиск общего решения, которое подойдет обоим, ведь проект учебный. Например, список тем, одинаково интересных нам обоим, заметно меньше. По сути, это очень похоже на работу с реальным проектом, где тему выбирает клиент. 2. Постоянная связь Практически каждый день мы стараемся созваниваться, несмотря на текущие рабочие задачи. Каждый созвон занимает от 20 до 60 минут. Нам повезло: мы живём в одном часовом поясе и можем найти время для общения практически в любое время суток. 3. Выбор темы Женя предупреждал, что в какой-то момент мы можем захотеть остановиться и начать всё заново — так и случилось. Изначально мы выбрали, как нам казалось, очень классную тему — студию традиционных ремёсел Японии. Мы прошли большой путь: анализ, референсы, мудборды, сторителлинг, раскадровку, интеграцию текста, даже начали генерировать материалы — но в итоге остановились и сменили направление. 4. Понимание механик Важный момент, который донёс Женя и к которому мы пришли далеко не сразу. Даже в фестивальных сайтах работает принцип «делай проще». Конечно, на Awwwards полно кейсов с невероятными 3D-моделями, сложными переходами и очень креативными решениями. Но лучший способ двигаться в любом деле — идти последовательно. Вооружившись этими вводными и спотыкаясь о хотелки вроде «надо сгенерировать видеосеквенцию» или «может, сделать простенькое 3D», мы в итоге пришли к простой CSS-анимации. Ну и если кто-то дочитал до конца — ловите наши соцсети. К сожалению, ни у меня, ни у Натальи нет собственных Telegram-каналов. «Запретграм» у нас больше про жизнь, чем про работу, поэтому делимся рабочими инструментами. ● Николай: Behance / Linkedin ● Наталья: Behance / Linkedin

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Таня, дизайнер диалогов в Т-Банке, разобрала, чем дизайн диалогов отличается от UX-редактуры. На старте кажется, что задачи почти одинаковые: исследования, понятные тексты, тон общения, сценарии. Но в разговорном интерфейсе все меняется, потому что интерфейсом становится сам диалог. Главная разница хорошо видна на простом примере. Фразы «Хочу оформить дебетовую карту» и «Выпустите мне карту» звучат похоже, но дают роботу разный объем информации и запускают разные сценарии. Поэтому дизайнер диалогов проектирует не только реплики, но и логику уточнений, обработку смены темы, обратную связь и движение пользователя к результату. Внутри: – Чем дизайнер диалогов отличается от UX-редактора по роли и зоне ответственности; – Почему в разговорном интерфейсе UX и UI фактически нельзя разделить; – Как формулировка клиента влияет на сценарий и количество уточняющих вопросов; – Зачем читать чаты, слушать звонки и анализировать речевое поведение; – Почему в репликах робота вопрос часто ставят в конце, особенно в голосовых сценариях; – Как давать обратную связь без визуальных элементов и не запутать клиента; – Как писать естественные реплики робота и где разговорная лексика уже неуместна; – Какие навыки нужны дополнительно: распознавание речи, синтез речи, работа со сценариями. Хороший разбор для тех, кто смотрит в сторону чат-ботов, голосовых роботов и новой специализации в дизайне. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Не очень понимаю, что хотели сказать в интерфейсе. Тултип буквально повторяет то, что написано в баннере В чем заключается особое внимание? Возьмите мои деньги, но расскажите сначала за что Интересно, какая доля людей просто платит потому, что внимание «особое»

Совсем скоро в Bang Bang Education стартует вебинар: «Нейро-дизайн: как проектировать для мозга, а не для глаз». Это не просто разговор о красоте интерфейсов — весь фокус на том, как воспринимает и обрабатывает информацию ваш пользователь. — Почему одни экраны интуитивны и понятны, а другие — вызывают раздражение и ошибки? — Как использовать открытия нейронаук в реальной практике дизайнера? — Какие техники работают, когда дело доходит до настоящего взаимодействия с мозгом, а не только глазами? Будет много реальных примеров от эксперта, который сочетает работу с крупными продуктами и прикладные знания о том, как мы воспринимаем цифровую среду. Вебинар уже совсем скоро! Присоединяйтесь, чтобы забрать максимум практики и разобраться с тем, как проектировать интерфейсы, которые действительно работают для людей. Успейте зарегистрироваться — это последний шанс забронировать место. 📎 Креативити

Уже скоро в Bang Bang Education — полезнейший вебинар: «Как связать бренд с интерфейсом». Это тот случай, когда визуал — не только про красивое, а про смысл, опыт пользователя и цель бизнеса. — Как сделать так, чтобы бренд «слышался» в каждой кнопке и экране? — Как избежать разрыва между айдентикой и реальным цифровым продуктом? — Какие приёмы работают сейчас? Об этом расскажет дизайнер, который связал свою практику с крупнейшими российскими и зарубежными проектами. Вебинар совсем скоро — 24 апреля в 19:00 (МСК) Присоединяйтесь, чтобы не пропустить практические разборы и ответы на живые вопросы. Успей зарегистрироваться — это последний шанс застолбить место. 📎 Креативити

Про AI в дизайне говорят везде. А встроить в рабочий процесс сложнее, чем кажется 🤩 Демо в твиттере впечатляют: один промпт, и готовый интерфейс за 30 секунд. Но садишься делать сам и понимаешь, что между демо и твоим продуктом огромная дистанция. Как вайбкодить, чтобы агент работал с твоими компонентами? Как перестать переделывать за AI каждую генерацию? 😎 22 апреля в 18:00 мск Даниил Шишко из Pixel Perfect проведёт бесплатный эфир. Покажет, как работает связка Figma MCP + Claude Code на реальном продукте. Агент напрямую видит Variables и компоненты из Figma, поэтому создаёт экраны строго по дизайн-системе. А дальше завайбкодит прототип одной командой. В конце разберёт возможности и ограничения новинки Claude Design. Что заберёшь с эфира: · рабочий пайплайн Figma MCP → Claude Code → Прототип · настройку агента под твою дизайн-систему · понимание, какие задачи можно отдать AI, а какие пока не стоит 😇 Эфир пройдёт в закрытом тг-канале: подписаться