Гайд для малышей: как перегнать дизайн из Figma в код
Сегодня такое время, что каждый третий — мега-мастер вайб-кодинга и уже успел сделать горы проектов благодаря AI. Правда, ни одного релиза…
Дизайн и код
Верстка, фронтенд и стык макета с реализацией, включая no-code и вайб-код.
Не забыть при передаче сайта в разработку
Ниже представлен список всего того, что обычно забывают (или забивают) сделать. Не будет сказано про анимацию при наведении курсора, про…
Как работать с огромными шрифтами в вебе
В прошлой статье мы рассмотрели сайты, на которых дизайнеры осмелились использовать очень крупную типографику и успешно справились с этой…
Как правильно показывать тени
Речь идёт о появлении тени при наведении курсора.
Как анимировать 3D мокапы в Spline за 5 минут
Spline — основной инструмент для анимации и создания 3d интерактивных ассетов для сайтов и приложений. Еще там можно работать одновременно…
Что такое дизайн-система и зачем она вам нужна?
Когда я делал свои первые шаги в роли дизайнера интерфейсов, то основным показателям успешности работы для меня было насыпать побольше…
Как за пару недель я смог создавать сайты без кода.
Этот пост посвещён моему опыту участия в онлайн-интенсиве от основателя студии Methodzero. Надеюсь, моя история сможет помочь ребятам…
Заменит ли искусственный интеллект дизайнеров и разработчиков
Что делать дизайнерам и разработчикам, когда искусственный интеллект начнёт выполнять их работу? Постараемся заглянуть в будущее и понять…
Реально ли дизайнеру «заговорить» на языке разработки, а главное — зачем
Реально ли дизайнеру «заговорить» на языке разработки, а главное — зачем Меня зовут Серёжа Попов. Я …
Приёмы и Фишки. Разметка элементов в Figma
Хочу поделиться приемом который облегчит жизнь дизайнерам, фронтендерам и QA. А главное сократит количество несоответствий верстки к…
Натив и Кастом
Что это и как сделать верный выбор
Правильная обёртка диджитал-продукта на примере poolside.fm
Flutter стремится к тому, чтобы одно и то же приложение запускалось на iOS и Android, в вебе, на PC и Mac. И это не первая попытка…
Очень важная вещь в развитии как дизайнера, так и любой личности
Все мы стремимся стать крутыми профессионалами в своём деле, например, в дизайне. Допустим, у нас это получается, и становимся гуру, богом…
Designer vs Front-end Developer
Как перестать ссориться и начать жить
В 993 раз. Должен ли дизайнер верстать и программировать?
Нет. Никто никому ничего не должен — пока не заключена письменная или устная договоренность 🙂. Но, эти навыки для цифрового дизайнера…
Как дизайнеру общаться с разработчиками
Привет, меня зовут Дима Лыжин и я дизайнер интерфейсов. За время работы с разработчиками накопились мысли, хотел с вами поделиться.
Дизайнеру приложений: как создать и передать в разработку тёмную тему
В конце прошлого года зарелизили iOS 13 и Android 10 с поддержкой автопереключения на тёмную тему. Мы решили добавить dark mode в…
Эффект «матового стекла» в современном вебе
В жизни веб-дизайнера всегда есть место экспериментам, но далеко не каждый проект в итоге реализуется в коде. Наверное, вы неоднократно…
Дизайнер и код. Как я писал генератор превью попапа
Должен ли дизайнер уметь программировать? На этот вопрос вываливается куча статей в поисковиках, где у авторов приводятся похожие аргументы
Эмуляция метаболла с чистым CSS
В прошлой статье я рассказал о том, как можно эмулировать метаболл в фигме без плагинов. Забавно, но что дальше? Как перенести это в web?
Как быстро вносить правки в дизайна сайта
Как перенести сайт в Фигму и как с минимальными усилиями вносить правки в дизайн сайта, чтобы показать клиенту. Photoshop, Figma и…
Как общаться с разработчиками
Об эффективном взаимодействии внутри команды
Mobile First Design: он стоит вашего внимания
Ваш продукт под рукой, или что такое такое Mobile First Design.
Возможно ли создать продукт в сфере телемедицины за 6 месяцев?
Background
Продукты, в которых забота о пользователях вышла за рамки
или как сделать так, чтобы пользователи сказали “Вау!”
5 принципов хорошего дизайна
Мы сделали подборку из пяти принципов необходимых для создания хорошего дизайна.
Редизайн сайта агентства
Статья о проблемах внутренних проектов и заказной разработке
Основы разработки для UX-дизайнера
Почему важно понимать аспекты разработки, технические ограничения и важность сотрудничества с разработчиками.
Почему дизайнер должен верстать сам, и как делать это быстро
Веб-дизайн — это уже давно не картинки в фотошопе. Понимание HTML и CSS встречается в каждой вакансии как и знание английского.
Современный дизайнер: стратег или художник?
Внешняя форма сама по себе ничто, если под ней не скрывается работающий и приносящий реальную пользу продукт. Так ли это? Ниже —…
