Глава «Наглядность»
Вышла предпоследняя глава курса «Таблицы и прочие радости», в ней мы рассказываем о визуализации данных. Внутри пять переверсток, куча примеров и практика.
Подписаться, читать и делать задания: igorshtang.ru/course/tables/
Переверстка от Массимо Виньелли
В 1976 году Массимо Виньелли получил контракт на редизайн серии публикаций для правительства США. Ниже один из переделанных макетов. Слева…
Пунктуация на упаковке Яндекса
Снова о современной русской пунктуации. Давайте внимательно посмотрим, как набран текст на упаковке умной розетки Яндекса.
Курс «Таблицы и прочие радости»
Мы с Мишей Капанагой наконец-то запустили наш совместный курс «Таблицы и прочие радости». Как вы поняли, посвящен он дизайну таблиц, а…
Легенда — это неудобно
Купил в букинистическом книжку, а там читатель сам переделал работу за дизайнером — перенес подписи к картинкам, потому что иначе…
Сравнительная таблица без боковика
Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.
Улучшаем таблицу с результатами анализов
На курсе «Таблицы и прочие радости» Миша Капанага рассказывает, как представить цифры нагляднее:
Как разгрузить многоярусную шапку с помощью цветового кодирования
Шапка, в которой много ярусов, выглядит сложно и так же сложно читается. Один из способов разгрузить шапку — перенести информацию в другие…
Зачем российскому дизайнеру «китайская Беха»?
Да, это всё ещё гигантская международная аудитория в 50 миллионов пользователей. Но давайте честно: какая мне разница, сколько именно человек НЕ увидит мои кейсы?
33777
Превратили профориентацию в интерактивный опыт: Naked eye фотозона для Форума колледжей Москвы от студии Akademia
Каждый год Форум колледжей Москвы становится площадкой, где тысячи школьников знакомятся с будущими профессиями и выбирают направление обучения. Студия Akademia разработала для события интерактивную фотозону с эффектом Naked Eye, которая одновременно привлекала внимание и рассказывала о разных направлениях образования. Команда студии поделилась деталями проекта и рассказала, какие креативные и технические решения легли в основу инсталляции.
Две поучительные истории о цене дизайнерской ошибки
1
Ребрендинг, рестайлинг, редизайн: в чём разница и что выбрать
В этом материале разберём, в чём разница между подходами и как выбрать нужный.
Глава «Сортировка и группировка»
Вышла новая глава курса «Таблицы и прочие радости», в ней мы рассказываем про организацию данных с помощью сортировки и группировки…
Должна ли таблица попадать в сетку
Марина спрашивает:
Глава «Линейки и чересполосица»
Вышла новая глава курса «Таблицы и прочие радости», в ней мы рассказываем про пользу и вред линеек и чересполосицы.
15 трендов дизайна 2026 года: живое против идеального
Мы в Crop media собрали 15 трендов, которые помогут вашему бренду выглядеть живым и запоминаться. Внутри — варианты применения, примеры и советы для внедрения.
Глава «Вместо таблицы»
Вышла последняя (!) глава курса «Таблицы и прочие радости», в ней мы рассказываем про основные альтернативы таблицы: текст, список…
Как подобрать шрифт для таблицы
В табличном курсе есть отдельный блок о том, что цифры должны хорошо отличаться от букв. Сохраните себе как памятку — пригодится, когда…
Сложный интерфейс нельзя вылечить минимализмом
Почему в B2B-дизайне простота начинается с понимания процесса, а не с удаления кнопок.
Переверстка №33. Норма температуры воздуха в вагоне
В московском метро сфоткал такую наклейку. Как думаете, что мне не понравилось в белом блоке про температуру?
Как случайная идея стала хитом «Магазинуса»
Все началось с детской площадки. Однажды я увидел там большие мягкие кубики с буквами и подумал, что было бы забавно найти кубик, у которого на соседних сторонах оказались бы буквы «Х», «У», «Й» или «Б», «Л», «Я». Мне понравилось это сочетание привычной формы и неожиданного содержания.
21877
Следуй за зелёной фрисби
Лето ассоциируется с тёплыми днями, прогулками и едой на свежем воздухе. Даже в насыщенный рабочий день хочется выбраться на улицу и устроить себе небольшой пикник.
Кряхтение. Фрилансерское
Лет десять назад, когда «ВКонтакте» был относительно жив, в рекомендациях увидел пост какого-то дизайнера. Среди прочего в нём были ссылки на другие социальные сети. Тогда я думал: вести несколько аккаунтов — чё за кринж?
Как перестроить таблицу под формат
Часто размер таблицы не соответствует размеру носителя, например, она шире или у́же формата, на котором размещается. Чтобы это исправить…
Курсы в Казахстане, Грузии и Армении
Зима обещает быть интересной. Проведу три очных курса «Типографика и верстка».
Книга «Карта процесса-опыта»
Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Купить можно на Озоне.
Переверстка от Массимо Виньелли
В 1976 году Массимо Виньелли получил контракт на редизайн серии публикаций для правительства США. Ниже один из переделанных макетов. Слева…
Глава «Линейки и чересполосица»
Вышла новая глава курса «Таблицы и прочие радости», в ней мы рассказываем про пользу и вред линеек и чересполосицы.
Две поучительные истории о цене дизайнерской ошибки
1
Глава «Вместо таблицы»
Вышла последняя (!) глава курса «Таблицы и прочие радости», в ней мы рассказываем про основные альтернативы таблицы: текст, список…
Пунктуация на упаковке Яндекса
Снова о современной русской пунктуации. Давайте внимательно посмотрим, как набран текст на упаковке умной розетки Яндекса.
Самая дурацкая сортировка
— это сортировка по форме. Например, когда строки располагают по длине:
Что делать со скобками
На «Большой переверстке» давал новую таблицу — прейскурант базы отдыха. В ней много текста в скобках, и оказались, что большинство ребят…
Частые ошибки в табличном заголовке
На вебинарах мы со студентами разбираем практические задания, я комментирую макеты и некоторые из них переделываю в прямом эфире. В этом…
Радостный табличный конкурс
Разыгрываем три подписки на курс «Таблицы и прочие радости»:
Курсы в Казахстане, Грузии и Армении
Зима обещает быть интересной. Проведу три очных курса «Типографика и верстка».
Итоги радостного табличного конкурса
Участники конкурса переверстывали распорядок дня детского лагеря. Задача — сделать современный, удобный и наглядный дизайн.
Чихольд негодуэ
Дизайн-история из книги Jan Tschichold: A Life in Typography. Обожаю такое.
Как спасти плохой портрет (и вообще любую фотографию)
Например, вам нужно сделать страницу о сотрудниках на сайте. Или придумать, как будут выглядеть портреты авторов статей в журнале. Взявшись…
Сюжетное и композиционное напряжение
Сегодня разбор из моего Телеграм-канала «Как это сверстано». Добавляйтесь: t.me/kaketosverstano
Как подружить кошку с заголовком
На вебинарах мы со студентами обсуждаем практические задания, я комментирую макеты и некоторые из них переверстываю в прямом эфире. Вот…
Единственное число
Множественным числом часто злоупотребляют, тогда как единственное звучит проще и красивее. Даже там, где подразумевается множество, иногда…
Однородность списка
Списки в приложении «Самоката» — отдельный вид искусства:
Улучшаем таблицу с результатами анализов
На курсе «Таблицы и прочие радости» Миша Капанага рассказывает, как представить цифры нагляднее:
Картинку ничем не победить
У этого заголовка несколько смыслов.
Как перестроить таблицу под формат
Часто размер таблицы не соответствует размеру носителя, например, она шире или у́же формата, на котором размещается. Чтобы это исправить…
Как подобрать шрифт для таблицы
В табличном курсе есть отдельный блок о том, что цифры должны хорошо отличаться от букв. Сохраните себе как памятку — пригодится, когда…
Запрятывание служебных слов
Собралась небольшая подборка про «запрятывание» служебных слов — это когда предлоги, союзы, артикли и т. п. набирают мельче или как-то еще…
Однородность списка — 2
Недавно была заметка про однородность списка. Вот еще один пример. В левой колонке пункты вразнобой: главные слова то глаголы, то…
Сравнительная таблица без боковика
Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.
Книга «Карта процесса-опыта»
Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Купить можно на Озоне.
Сравнительная таблица без боковика
Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.
Как подобрать шрифт для таблицы
В табличном курсе есть отдельный блок о том, что цифры должны хорошо отличаться от букв. Сохраните себе как памятку — пригодится, когда…
Одна агенда, чтобы править всеми
Я работаю дизайнером интерфейсов в Touch Instinct. Хочу рассказать, как создать такую агенду, чтобы получить максимум пользы от встречи.
Глава «Линейки и чересполосица»
Вышла новая глава курса «Таблицы и прочие радости», в ней мы рассказываем про пользу и вред линеек и чересполосицы.
Легенда — это неудобно
Купил в букинистическом книжку, а там читатель сам переделал работу за дизайнером — перенес подписи к картинкам, потому что иначе…
Темы и задания на «Большой переверстке»
29 июня начнутся занятия на дистанционной «Большой переверстке», есть несколько свободных мест. Расскажу, как проходит мастер-класс.
Книга «Карта процесса-опыта»
Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Купить можно на Озоне.
Глава «Вместо таблицы»
Вышла последняя (!) глава курса «Таблицы и прочие радости», в ней мы рассказываем про основные альтернативы таблицы: текст, список…
Чем плоха чересполосица
Чересполосицу часто предлагают как альтернативу линейкам, но альтернатива эта так себе. У нее есть неочевидная проблема:
Как найти идею: 7 инструментов для создания рабочих гипотез
Redmadrobot Design Lab про креативные методологии, которые помогут найти и доработать идею, решить проблемы продукта на разных уровнях, а…
Глава «Сортировка и группировка»
Вышла новая глава курса «Таблицы и прочие радости», в ней мы рассказываем про организацию данных с помощью сортировки и группировки…
Как я делал афишу «Большой переверстки»
«Большая переверстка» — это мастер-класс, который я придумал два года назад и провел в нескольких городах. Афиша делалась долго, но не зря…
Улучшаем таблицу с результатами анализов
На курсе «Таблицы и прочие радости» Миша Капанага рассказывает, как представить цифры нагляднее:
Секреты фасилитации
История о том, как готовить и проводить воркшопы. Без всяких активностей, здесь про принципы и работу с группой.
Генератор афиш для «Большой переверстки»
Как я уже говорил, новые афиши для мастер-класса «Большая переверстка» делает робот, а я только нажимаю на кнопку Randomize. Вот как это…
Ещё выразительные штуки
Выразительность — это когда есть много информации, и эта информация легко усваивается. Эта заметка — вторая часть примеров выразительности
Как перестроить таблицу под формат
Часто размер таблицы не соответствует размеру носителя, например, она шире или у́же формата, на котором размещается. Чтобы это исправить…
Курс «Таблицы и прочие радости»
Мы с Мишей Капанагой наконец-то запустили наш совместный курс «Таблицы и прочие радости». Как вы поняли, посвящен он дизайну таблиц, а…
Две поучительные истории о цене дизайнерской ошибки
1
Переверстка №33. Норма температуры воздуха в вагоне
В московском метро сфоткал такую наклейку. Как думаете, что мне не понравилось в белом блоке про температуру?
Customer Journey Map — часть 2
Это вторая часть из серии статей про CJM. Посмотрим, как применять CJM для нового сервиса, у которого еще не сформирован “путь покупателя”.
Должна ли таблица попадать в сетку
Марина спрашивает:
Как разгрузить многоярусную шапку с помощью цветового кодирования
Шапка, в которой много ярусов, выглядит сложно и так же сложно читается. Один из способов разгрузить шапку — перенести информацию в другие…
Выразительные штуки
Выразительность — это когда есть много информации и эта информация легко усваивается. В этой заметке примеры выразительных вещей.
Курсы в Казахстане, Грузии и Армении
Зима обещает быть интересной. Проведу три очных курса «Типографика и верстка».
Ребрендинг, рестайлинг, редизайн: в чём разница и что выбрать
В этом материале разберём, в чём разница между подходами и как выбрать нужный.
15 трендов дизайна 2026 года: живое против идеального
Мы в Crop media собрали 15 трендов, которые помогут вашему бренду выглядеть живым и запоминаться. Внутри — варианты применения, примеры и советы для внедрения.
Следуй за зелёной фрисби
Лето ассоциируется с тёплыми днями, прогулками и едой на свежем воздухе. Даже в насыщенный рабочий день хочется выбраться на улицу и устроить себе небольшой пикник.
Как случайная идея стала хитом «Магазинуса»
Все началось с детской площадки. Однажды я увидел там большие мягкие кубики с буквами и подумал, что было бы забавно найти кубик, у которого на соседних сторонах оказались бы буквы «Х», «У», «Й» или «Б», «Л», «Я». Мне понравилось это сочетание привычной формы и неожиданного содержания.
21877
Сложный интерфейс нельзя вылечить минимализмом
Почему в B2B-дизайне простота начинается с понимания процесса, а не с удаления кнопок.
Превратили профориентацию в интерактивный опыт: Naked eye фотозона для Форума колледжей Москвы от студии Akademia
Каждый год Форум колледжей Москвы становится площадкой, где тысячи школьников знакомятся с будущими профессиями и выбирают направление обучения. Студия Akademia разработала для события интерактивную фотозону с эффектом Naked Eye, которая одновременно привлекала внимание и рассказывала о разных направлениях образования. Команда студии поделилась деталями проекта и рассказала, какие креативные и технические решения легли в основу инсталляции.
Зачем российскому дизайнеру «китайская Беха»?
Да, это всё ещё гигантская международная аудитория в 50 миллионов пользователей. Но давайте честно: какая мне разница, сколько именно человек НЕ увидит мои кейсы?
33777
Кряхтение. Фрилансерское
Лет десять назад, когда «ВКонтакте» был относительно жив, в рекомендациях увидел пост какого-то дизайнера. Среди прочего в нём были ссылки на другие социальные сети. Тогда я думал: вести несколько аккаунтов — чё за кринж?
Я заменил дизайнера нейронкой. Вот так, сорян
Заранее извиняюсь перед дизайнерами, которые сейчас будут кидаться в меня Figma-файлами. Тема неприятная, но обсудить её надо.
432 180
Ваша анимация заслуживает большего, чем папка с именем финал_последний.gif
Знакомая ситуация, коллеги? Вы несколько дней придумываете идею, рисуете персонажа, собираете движение, настраиваете петлю, двигаете те самые три пикселя, которые почему-то всё никак не хотят вставать на место. Потом ещё раз всё пересматриваете, экспортируете результат и наконец думаете:
Как плохой UX в B2B-продукте приводит к потере денег
Раньше часто сталкивался с мнением, что дизайн в B2B вообще не нужен. Мол, Figma можно исключить из процессов и всё делать в коде.
Курица на беговой дорожке в Naked Eye: как мы придумали 3D ролик для агро выставки
Для стенда компании «Мустанг Технологии Кормления» на выставке AGRAVIA 2026 команда студии Akademia создала Naked eye ролик с забавными анимированными животными, чтобы рассказать о высоком качестве кормов бренда. За легким и ироничным визуалом скрывался трудоемкий и очень интересный процесс, о котором мы сегодня расскажем.
Почему лучше скрывать необязательные поля в форме для заполнения
Помогаем пользователям сосредоточиться
Первые 40 часов UX/UI‑дизайна: как я собираю вводные и формирую основу интерфейса
Я работаю по схеме Time & Materials (T&M) над проектами с высокой степенью неопределённости, где на старте часто только общее представление о продукте, его структуре или задачах. С учётом моего опыта я вывела для себя минимальное количество часов в первом блоке работы, позволяющее получить основу для будущего проекта — 40.
321 514
Семантическое ядро как основа структуры коммерческого сайта
Как семантическое ядро превращается в структуру коммерческого сайта: какие страницы нужны бизнесу, как распределять запросы и почему SEO начинается не после дизайна, а до макета.
Как превратить сайт свадебного салона в продолжение его эстетики
Привет! На связи Webest. Перед нами стояла задача обновить сайт-витрину салона: сделать его современным и выразительным, но при этом сохранить привычную структуру и навигацию.
11266
Дизайн-кабак теперь тоже говорит гифками 😎
Есть места, где комментарии — это просто комментарии.
221 920
VERTEX STUDIO: как из пустой студии перезапустил игровую студию с особенным характером
Перед мной была задача: сделать проект который будет менять правило в конкуренции игровых и студии разработки игр, сделать ребрендинг бренда. Изменить логотип и айдентику и создать корпоративный сайт студии. Веселие и творчество + Строгость и дерзости создал яркую и контрастную концепцию передающие некоторые отсылки к играм и атмосфере киберспорта.
Второй мозг для тебя и твоего агента
Четыре месяца мы вдвоём с кофаундером ведём стартап в папке маркдаун-файлов, к которой подключён Клод. Рассказываю про структуру, которая заставляет агента работать без галлюцинаций.
История об «Острове Мечты»
Создать ролик о парке, который только строится, — задача, требующая кропотливого внимания к деталям. Зритель должен увидеть на экране уже живое пространство, в которое хочется отправиться за приключением.
Проектирование экранной клавиатуры для промышленного интерфейса «Инспектор»
В этой статье о работе над экранной клавиатурой интерфейса «Инспектор», которая использовалась на нескольких экранах, занимала заметную часть рабочей области и должна была одинаково понятно работать в разных сценариях.
История одного плаката
Дизайн, вырываясь из наших рук, обретает собственную жизнь. Он обрастает неожиданными смыслами и вызывает реакции, о которых автор не мог даже мечтать. Именно тогда дизайн по-настоящему «уходит в народ». Эта статья о жизни дизайна после того, как мы его отпускаем.
412 930
№1 шесть винтажных польских плакатов
Собираю логотипы, рекламу и иллюстрации из бумажных каталогов.
45811
Как я использовал Mindoc, в качестве программы планирования и управлением технических процессов
Работа на фрилансе — довольно удобный и гибкий формат работы для развития в дизайн-сфере. Но работа без грамотного планирования дизайн-процессов и аналитических данных могут привести к дезориентации в процессах, если ты работаешь в дизайн-команде. Или несоблюдения дедлайнов и непонимание задач, если ты работаешь как практикующий дизайнер-фрилансер.
Почему российские дизайнеры до сих пор недооценивают гиф анимацию ?
Есть забавная профессиональная привычка: мы, дизайнеры, готовы потратить полдня на выбор правильного оттенка серого для кнопки, ещё два часа на спор о том, должен ли радиус быть 8 или 12 пикселей, а потом в рабочем чате отправляем коллегам гифку с человеком, который молча смотрит в камеру.
431 436
Комментарии
Войдите, чтобы оставить комментарий.