Мир сегодня с "Юрий Подоляка"
Мир сегодня с "Юрий Подоляка"
Труха⚡️Україна
Труха⚡️Україна
Николаевский Ванёк
Николаевский Ванёк
Мир сегодня с "Юрий Подоляка"
Мир сегодня с "Юрий Подоляка"
Труха⚡️Україна
Труха⚡️Україна
Николаевский Ванёк
Николаевский Ванёк
Ne_znal_ai avatar
Ne_znal_ai
Дизайн
Ne_znal_ai avatar
Ne_znal_ai
Дизайн
Wolfgang Weingart

Если нужно вдохновиться типографическими постерами, обязательно посмотрите работы Вольфганга Вейнгарта.
https://www.moma.org/artists/6289-wolfgang-weingart

Кстати, он не редко использует прием микрографики
https://t.me/ne_znal_ai/2287

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
https://www.steblina.com/podcast
Магазин — https://web.tribute.tg/l/6a
05.05.202509:10
Подкаст с Чатским «Токсик. Когда дизайнеры ругаются»

Вышел пятый эпизод наших прекрасных подкастов, где мы обсуждаем с Чатским почему дизайн-сообщество избыточно токсично, что движет авторами хейт-комментов, а заодно приводим наглядные примеры этой теневой стороны.

Спотифай | Эппл | Ютуб


00:00:40 — Сегодня будет токсичная тема
00:01:55 — Чатский разгоняется и бьется о стену
00:05:50 — Времена ЖЖ
00:06:30 — Низкая самооценка и нерешительность
00:09:30 — Рефлексия — профболезнь
00:11:55 — Теория Юнга про теневую сторону
00:16:30 — Профессиональные принципы и пример с картой
00:25:20 — Критиковать стало не профессионально
00:33:35 — Тыкать иголкой, пока не поумнеют
00:34:20 — Пост Сережи и реакция в комментариях
00:40:55 — Из историй с Чатским
00:43:22 — Пост про Бирмана
00:51:15 — Признак нашего времени
00:54:07 — Ребрендинг «Ягуара»
00:59:00 — GAP
01:08:40 — Ни одного дизлайка
01:10:52 — Саммари

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
В Music не переношу вот этот попап по клику на названии группы. Не могу запомнить, что идет первым, поэтому надо читать, но из-за повторений формулировки дочитывать надо до последнего слова. Иконки вообще не помогают.

Хорошо было бы убрать вообще Go to, потому что и так понятно, что клик — это переход. А еще лучше убрать этот попап и оставить две ссылки — на группу и на альбом.

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Майский дайджест

https://knowhowdigest.notion.site/05-2025-1c2a2d4e7d0280468e34d1562426960d?pvs=4

Присылайте интересные находки, чтобы они появились в следующем дайджесте.

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
25.04.202518:26
Утром в газете, вечером в куплете

Завтра День короля, и как раз мне пришла готовая сумка с принтом, собранного из фоток разного уличного стаффа. Буду завтра первым парнем на деревне.
Высота зрения

У навигационной стелы есть считываемые и «слепые» зоны. В стандартном сценарии учитываются люди среднего роста и колясочники. Это нам дает представление об общих зонах. На картинке не указан еще field of view, но про это в другой раз.

Естественно, что все группы не останутся довольны, но хотя бы 70–80% смогут воспользоваться вашей стелой.

https://www.firstinarchitecture.co.uk/metric-data-01-average-dimensions-of-person-standing/

https://www.firstinarchitecture.co.uk/metric-data-03-average-dimensions-of-wheelchair-user/

Корректировки могут вноситься в зависимости от некоторых факторов:
— находится ли стела в интерьере или на улице;
— общая зрячесть аудитории (для стелы в глазной клинике надо чуть иначе);
— доступность (насколько близко можно подойти);
— трафик и загруженность вокруг стелы;
— свойства материала реагировать на освещение;
— верстка и размер шрифта.

Не забываем, что в разных странах средний рост человека разный.
У нашего подкаста теперь появилась страница, где собраны все выпуски и ссылки на сервисы.

https://www.steblina.com/podcast

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Шрифтовое разнообразие #sovet

Каждая гарнитура вводит свою интонацию в макет. Проще это представить в виде актера в фильме, который не покидает кадр. Если мы не говорим о каталоге шрифтов, то каждый новый шрифт в макете нужен, чтобы:

— сообщить о новом типе
— разделить разные по смыслу блоки;
— оформить вставку, не относящуюся к текущему типу информации;
— создать нарочитый шум, выразительность или разнообразие без использования более активных графических приемов;
— задать тон общения со зрителем.

Количество используемых гарнитур зависит от характера информации, которую дизайнер стремится передать. В новостных текстах, как правило, обходятся ограниченным набором шрифтов, тогда как в постерах допустимы смелые эксперименты. В каталоге обуви акцидентные гарнитуры выстраивают иерархию разделов, поэтому замена шрифта в этом контексте может изменить структуру. В наборном тексте появление новой гарнитуры часто сигнализирует о цитате, врезке, справке или ссылке. Плакатная типографика будет радикально отличаться от оформления финансовой отчетности, и именно это стоит учитывать при выборе дополнительных шрифтов.

Для создания иерархии в документах предлагается использовать начертания одной гарнитуры. Это решит задачу без необходимости добавлять дополнительный шрифт. Более сложные структуры можно также передать цветом и размером, а не новым шрифтом. Подобные ограничения хорошо сказываются на результате.

https://housefonts.com

В журналах с неформальным подходом яркое разнообразие гарнитур поможет сделать разворот более выразительным, а вот в навигации транспортного узла такой прием запутает зрителя. Выразительность через шрифты должна быть тщательно продумана: она может строиться на контрасте, визуальной близости или иерархическом подчинении. Конфликт между гарнитурами — например, сочетание строгого гротеска и эмоционального шрифта с засечками — может создавать напряжение, привлекать внимание и подчеркивать важные элементы. Напротив, схожие по характеру шрифты обеспечивают гармоничное восприятие и делают текст единым целым. А подчиненность выражается через иерархию: основной шрифт ведет за собой, а дополнительные поддерживают и дополняют, не перетягивая внимание. Важно не просто выбрать шрифты, а выстроить между ними выразительные отношения, которые будут работать на идею и структуру дизайна.

Типографские обложки https://coverjunkie.com/blog/cover-categories/typographic-covers/

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Извините, конечно, но в какой момент мы скатились к тому, что графическое общение со зрителем как с дцпшниками стало таким популярным? Все вот эти объемные сердечки с глазами, вздутые игрушечные иконки в 24 пкс, какие-то ракетки, огонечки. М?

«Ой, посмотрите, мы фасочку иконкам сделали» — и три секунды микрозум фасочки. «Взгляните, какие у нас пупсовые цвета: розовый, фиолетовый, лиловый» — и 10 секунд кружится рыганина.

Это какой-то чудовищный омерзительный тренд, который, надеюсь, проветрится как опрелость.

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
25.04.202507:50
Начну собирать коллекцию коротких советов по дизайнерским приемам с примерами. Посты будут выходить на разные темы (от композиции до выбора шрифта) под тегом #sovet, которые легко найти или сохранить себе в закладки.


Работаем с «воздухом» и паузами

Негативное пространство (пустоты, «воздух», паузы) помогает структурировать информацию и управлять вниманием зрителя:

1. Cоздает или разбивает визуальные связи, строит зависимости и иерархические подчинения.

2. Акцентирует важные элементы (текст, изображения, кнопки), обосабливая содержимое.

3. Делает восприятие контента более интуитивным.

4. Регулирует общую душность и плотность макета.

Пространство может быть как большим и выразительным, так и совсем незаметным — например, в виде интерлиньяжа между строками текста или отступов между блоками. Паузы играют ключевую роль в иерархии: чем больше отступа вокруг объекта, тем значимее он кажется. Негативное пространство усиливает фокус, заменяя очевидные визуальные приемы (цвет, размер, масштаб).

С негативным пространством имеет смысл поработать, когда от макета создается ощущение все не на своих местах, начинает хотеться что-то укрупнить или глазу не за что зацепиться.

Примеры работ с белым пространством — обложки издания Volkskrant https://coverjunkie.com/magazines/volkskrant-magazine/

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Снос каретки

Снос каретки (carriage return) в печатной машинке — это движение каретки (той части, которая держит лист бумаги и движется влево при наборе текста) на следующую строку. Когда вы нажимаете на рычаг перевода каретки (на фотке Хэнкс держится за него правой рукой), происходит две вещи:
1. Каретка отъезжает вправо — возвращается в начальную позицию строки.
2. Бумага поднимается — чтобы начать печать с новой строки.

https://www.youtube.com/watch?v=EiyZSX0OnBM

Эквивалентом сноса каретки на клавиатуре является Enter (или Return).

Я пользовался печатной машинкой для развлечения, когда был в начальной школе, и до сих пор помню механику и звуки. Молодые дизайнеры не знают происхождения термина, поэтому всегда переспрашивают «А что такое снос каретки, какой каретки?».

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Очень красивая навигация, сделанная ребятами из Submachine. Нравится, как она сочетается с архитектурным брутализмом. Иконки прикольные и смешные получились.

https://www.submachine.co/work/alba-arena

Отдельная зависть — комбинация гротеска и италика. Оуфф, почему я сомневался такое сделать в проектах?

В других проектах видно, что у них хороший пиктограммщик старой школы, и очень классный шрифтовик.

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
https://www.steblina.com/podcast
Магазин — https://web.tribute.tg/l/6a
Микрографика или неакцентная графика #sovet

Один из способов деликатно усложнить макет — использовать микрографику. Это система мелких визуальных элементов — координат, параметров, индексов, геолокаций, таймстампов — которые не претендуют на внимание, но создают глубину, атмосферу и структуру. Такой прием не кричит, не перегружает оформление, делая его интересным и добавляя новый уровень детализации. Неакцентная графика помогает:

— добавить приятного неназойливого шума;

— создать ощущение технологичной, научной и информационной культуры;

— углубить смысловой фон и добавить информационные уровни;

— внести пользу без акцента;

— создать сильный визуальный контраст по отношению к основной графике;

— добавить стилистические нюансы фирменным материалам.

Таким приемом еще можно выявить сетку верстку без наглядного ее отображения. Расположенные в определенных координатах и осях мелкие элементы создают систему горизонтальных и вертикальных направляющих.

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
28.04.202511:33
Gert Dumbar, Gentleman Maverick of Dutch Design

Я редко читаю и советую книги по дизайну, но недавно купил книгу студии Дамбар, и прям горячо рекомендую. Очень много кейсов, скетчей, фоток голландского дизайна. Сверстана хорошо и жирненькая такая.

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
20.04.202519:39
00:00:45 — Больше хейта!
00:03:40 — Кто-то пробовал засылать CV волка-одиночки?
00:04:20 — Будто ты печеньки любишь.
00:07:20 — Онлайн-формы
00:08:35 — Эайчарщики и их джоб джескрипшны
00:12:20 — А вот в Германии!
00:14:05 — Овертаймы
00:15:50 — Будь просто приятным человеком
00:18:50 — Перекрашивали Рому всем СНГ
00:21:00 — Кого нам не хватает?
00:24:50 — Нанимают скомороху
00:29:00 — Мультизадачность
00:33:50 — Политически правые
00:36:30 — Вы экстремал?
00:39:13 — Пробуем устроиться в банк «Бунк»
00:44:40 — Ты правду говоришь или нет?
00:45:55 — Собеседование Сережи
00:48:20 — Чье тут интервью, мое или ваше?
00:53:52 — Требуется опыт на подводной лодке.
00:56:55 — Прогоняем через бота.
00:58:40 — Как оформлять отказы.
01:02:00 — Берем мигрантов с уровнем С2.
01:05:30 — Дизайнер и аналитик.


00:10 — Как оценить успешность своих проектов?
04:20 — Сережа разозлил препрессчиков
07:10 — Как себя видят эйчарщики?
09:00 — Как показать портфолио
19:00 — Следите ли за новыми тенденциями?
21:30 — Расскажите про ваши факапы и неудачи
25:30 — Если предложат позицию лида
30:00 — Про зарплатный торг
39:40 — А чего ты так мало меня чаржишь?
40:35 — Про увольнение
50:10 — Наводящие вопросы
52:40 — Чатский и история про девочку из восточных единоборств
Новый проект — концепт часов без стрелок

https://www.steblina.com/identity/handless-clock

Положение цифер соответствует положению стрелок. Формат 00:00 заменяет уточнения a.m. и p.m. Дополнительная фича — отсчет месяца в виде легкого оттенения.

Пользователь может менять город, и часы автоматически перестраиваются.

UPD: а Дмитрий Сивухин бахнул прототипчик
https://codepen.io/Dmitry-Sivukhin/full/emmYJyw

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
05.05.202509:10
02.05.202513:13
Смотрите, что я нашел — многослойный мудборд. Жмакаешь на понравившееся и проваливаешься дальше в нору. Это очень крутой способ пользоваться рефами.

https://labs.envato.com/inspo-gen

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Студия «Кото» выпустили обновление визуальной системы «Амазона».

https://koto.studio/work/amazon/

Собрали все в кучу, причесали, оформили, прошлись надфилем, и в итоге получилось бодро, сильно и свежо. Ребята пишут, что работа заняла 1,5 года. Верю.

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Покажу, над чем сейчас работаю.

В качестве альтернативы полной и подробной схемы метро Амстердама я решил подумать над компактным форматом. Помню себя, когда в новом городе я запоминаю основные локации и узлы, и по ним ориентируюсь.

В этой версии схема строится на районах. За счет этого она растягивается и сужается; толщина линии меняется без потери смысла, так как информационный слой редуцирован. Схема дает общее представление о направлении без детализации, заодно предлагает сразу прикинуть районную географию города.

Гипотетически, похожую модульность можно применить к любому городу с относительно простой транспортной схемой.

(В премиум-канале процесс создания схемы показан подробно).

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
20.04.202519:37
Решили с Чатским обсудить мир HR и дизайнеров. Куча примеров из жизни, рефлексия и мнения, советы и просто рассуждения от балды — все для того, чтобы эйчарщикам и дизайнерам было что послушать. Наговорили аж на две части.

Part 1
https://open.spotify.com/episode/6pMH2xVjDLwuond8jYUIQO?si=IpHVJlyNTGuOm_CtXxQc3w

Part 2
https://open.spotify.com/episode/20YumEtdf0QyYCoreW0qdW?si=fIWLsPEkTPG_6uNXm0eh8Q

Эппл | Ютуб

——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Скрипты для этой сцены нагенерил через чатгпт. Например, лестницы создаются в два клика внутри куба. Остальные классные скрипты выложу в премиум.

https://www.dropbox.com/scl/fi/fy58wr8n4pjliadope7l9/create-stairs.rtf.zip?rlkey=jfbxosii24wppojrxeij2l03r&st=u0rpyh2x&dl=0
Көрсөтүлдү 1 - 24 ичинде 1 773
Көбүрөөк функцияларды ачуу үчүн кириңиз.