Дизайн
Ne_znal_ai
Дизайн
08.05.202512:47
Поворот карты/схемы
Недавно Чатский в подкасте жаловался, что столкнулся с картой, которая в разных локация поворачивалась относительно зрителя, сбивая тем самым интуитивный компас.
Такой прием имеет место быть в специфических случаях, когда схема очень простая и имеет узнаваемую графему. Но прежде чем его использовать, нужно помнить несколько моментов:
— много людей вообще не понимают в картах, даже в простых, ровных и понятных; у них иначе работает spatial congition. Часть людей не понимает, что такое «посмотри на 11 часов» и с трудом воспринимают стороны света, что уж говорить про карты.
— по умолчанию предполагается, что мы как бы смотрим на карту сверху, но не все люди осознают эту игру, поэтому вращение еще больше усложняет понимание;
— в критических сценариях (спешка в аэропорту, усталось от похода, изнурительная продолжительность прогулки, плохая погода) люди не могут переваривать сложные системы;
— часто то, что видит дизайнер, не видит никто другой вообще; всегда имеет смысл задавать себе вопросы с точки зрения другого человека.
Я как-то экспериментировал с поворотами карты, но счел это неудобным выебоном в 90% случаев. Иногда можно поиграться на каком-то одном носителе, но не следует строить на этом все систему. Поворот карты уместен тогда, когда доступно отключение этого режима — на телефонах.
Некоторые ребята ссылаются на то, что с постоянно прямой картой людям приходится умственно как бы вращать себя, если направление идет вниз или назад. Это тоже верное замечание, которое особенно ощутимо в картах зоопарков. В данном случае я бы выбрал меньшее неудобство.
——
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
Недавно Чатский в подкасте жаловался, что столкнулся с картой, которая в разных локация поворачивалась относительно зрителя, сбивая тем самым интуитивный компас.
Такой прием имеет место быть в специфических случаях, когда схема очень простая и имеет узнаваемую графему. Но прежде чем его использовать, нужно помнить несколько моментов:
— много людей вообще не понимают в картах, даже в простых, ровных и понятных; у них иначе работает spatial congition. Часть людей не понимает, что такое «посмотри на 11 часов» и с трудом воспринимают стороны света, что уж говорить про карты.
— по умолчанию предполагается, что мы как бы смотрим на карту сверху, но не все люди осознают эту игру, поэтому вращение еще больше усложняет понимание;
— в критических сценариях (спешка в аэропорту, усталось от похода, изнурительная продолжительность прогулки, плохая погода) люди не могут переваривать сложные системы;
— часто то, что видит дизайнер, не видит никто другой вообще; всегда имеет смысл задавать себе вопросы с точки зрения другого человека.
Я как-то экспериментировал с поворотами карты, но счел это неудобным выебоном в 90% случаев. Иногда можно поиграться на каком-то одном носителе, но не следует строить на этом все систему. Поворот карты уместен тогда, когда доступно отключение этого режима — на телефонах.
Некоторые ребята ссылаются на то, что с постоянно прямой картой людям приходится умственно как бы вращать себя, если направление идет вниз или назад. Это тоже верное замечание, которое особенно ощутимо в картах зоопарков. В данном случае я бы выбрал меньшее неудобство.
——
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
06.05.202507:14
У нашего подкаста теперь появилась страница, где собраны все выпуски и ссылки на сервисы.
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
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
05.05.202509:10
02.05.202510:56
Шрифтовое разнообразие #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
Каждая гарнитура вводит свою интонацию в макет. Проще это представить в виде актера в фильме, который не покидает кадр. Если мы не говорим о каталоге шрифтов, то каждый новый шрифт в макете нужен, чтобы:
— сообщить о новом типе
— разделить разные по смыслу блоки;
— оформить вставку, не относящуюся к текущему типу информации;
— создать нарочитый шум, выразительность или разнообразие без использования более активных графических приемов;
— задать тон общения со зрителем.
Количество используемых гарнитур зависит от характера информации, которую дизайнер стремится передать. В новостных текстах, как правило, обходятся ограниченным набором шрифтов, тогда как в постерах допустимы смелые эксперименты. В каталоге обуви акцидентные гарнитуры выстраивают иерархию разделов, поэтому замена шрифта в этом контексте может изменить структуру. В наборном тексте появление новой гарнитуры часто сигнализирует о цитате, врезке, справке или ссылке. Плакатная типографика будет радикально отличаться от оформления финансовой отчетности, и именно это стоит учитывать при выборе дополнительных шрифтов.
Для создания иерархии в документах предлагается использовать начертания одной гарнитуры. Это решит задачу без необходимости добавлять дополнительный шрифт. Более сложные структуры можно также передать цветом и размером, а не новым шрифтом. Подобные ограничения хорошо сказываются на результате.
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
30.04.202518:43
Извините, конечно, но в какой момент мы скатились к тому, что графическое общение со зрителем как с дцпшниками стало таким популярным? Все вот эти объемные сердечки с глазами, вздутые игрушечные иконки в 24 пкс, какие-то ракетки, огонечки. М?
«Ой, посмотрите, мы фасочку иконкам сделали» — и три секунды микрозум фасочки. «Взгляните, какие у нас пупсовые цвета: розовый, фиолетовый, лиловый» — и 10 секунд кружится рыганина.
Это какой-то чудовищный омерзительный тренд, который, надеюсь, проветрится как опрелость.
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
«Ой, посмотрите, мы фасочку иконкам сделали» — и три секунды микрозум фасочки. «Взгляните, какие у нас пупсовые цвета: розовый, фиолетовый, лиловый» — и 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
Работаем с «воздухом» и паузами
Негативное пространство (пустоты, «воздух», паузы) помогает структурировать информацию и управлять вниманием зрителя:
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
+2
07.05.202512:17
+4
06.05.202506:18
Очень красивая навигация, сделанная ребятами из 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
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
+3
05.05.202508:10
Микрографика или неакцентная графика #sovet
Один из способов деликатно усложнить макет — использовать микрографику. Это система мелких визуальных элементов — координат, параметров, индексов, геолокаций, таймстампов — которые не претендуют на внимание, но создают глубину, атмосферу и структуру. Такой прием не кричит, не перегружает оформление, делая его интересным и добавляя новый уровень детализации. Неакцентная графика помогает:
— добавить приятного неназойливого шума;
— создать ощущение технологичной, научной и информационной культуры;
— углубить смысловой фон и добавить информационные уровни;
— внести пользу без акцента;
— создать сильный визуальный контраст по отношению к основной графике;
— добавить стилистические нюансы фирменным материалам.
Таким приемом еще можно выявить сетку верстку без наглядного ее отображения. Расположенные в определенных координатах и осях мелкие элементы создают систему горизонтальных и вертикальных направляющих.
——
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
02.05.202509:09
Анонс шрифта Doubledutch
https://www.steblina.com/identity/doubledutch-font
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
https://www.steblina.com/identity/doubledutch-font
——
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
Я редко читаю и советую книги по дизайну, но недавно купил книгу студии Дамбар, и прям горячо рекомендую. Очень много кейсов, скетчей, фоток голландского дизайна. Сверстана хорошо и жирненькая такая.
——
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 — Чатский и история про девочку из восточных единоборств
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 — Чатский и история про девочку из восточных единоборств
07.05.202512:17
Выразительность #sovet
Все вроде бы понимают, о чем речь, но договориться об этом приеме не получается. Выразительностью в дизайне я называю силу и глубину воздействия. При этом, не каждая работа должна обладать выразительностью. В банковских отчетах, анкетах, таблицах, навигационном интерфейсе, технической и нормативной документации выразительность уступает место информационной нейтральности. Даже в некоторых видах b2b предпочтение отдается сдержанности.
1. Выразительность создает положительное или негативное напряжение, поэтому она уместна там, где нужно эмоциональное воздействие на зрителя.
2. Она передается через композицию, типографику, цвет, форму, текст или метафоры. Например, острые агрессивные углы могут быть так же выразительны, как и округлые мягкие. Если посмотреть фильмы Уеса Андерсона, то он передает выразительность через цвет и композицию кадра.
3. Гротескность и гипертрофированность элементов является самой абсурдной формой выразительности (например, работы Michiel Schuurman).
4. Стилизация относится не к лучшим способам выразительности, но, использованная со знанием, может усилить воздействие.
В макете не хватает выразительности, когда:
— есть ощущение, что макет недожат;
— размыты акценты, слабая иерархия;
— потеряна суть сообщения;
— нехватка изюминки, нюанса, ощущение «чего-то не хватает»;
— общая вялость и слабость графики.
Хорошие примеры выразительности можно найти у Neville Brody, Stefan Sagmeister, Irma Boom, Experimental Jetset.
↓
——
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
——
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
Все вроде бы понимают, о чем речь, но договориться об этом приеме не получается. Выразительностью в дизайне я называю силу и глубину воздействия. При этом, не каждая работа должна обладать выразительностью. В банковских отчетах, анкетах, таблицах, навигационном интерфейсе, технической и нормативной документации выразительность уступает место информационной нейтральности. Даже в некоторых видах b2b предпочтение отдается сдержанности.
1. Выразительность создает положительное или негативное напряжение, поэтому она уместна там, где нужно эмоциональное воздействие на зрителя.
2. Она передается через композицию, типографику, цвет, форму, текст или метафоры. Например, острые агрессивные углы могут быть так же выразительны, как и округлые мягкие. Если посмотреть фильмы Уеса Андерсона, то он передает выразительность через цвет и композицию кадра.
3. Гротескность и гипертрофированность элементов является самой абсурдной формой выразительности (например, работы Michiel Schuurman).
4. Стилизация относится не к лучшим способам выразительности, но, использованная со знанием, может усилить воздействие.
В макете не хватает выразительности, когда:
— есть ощущение, что макет недожат;
— размыты акценты, слабая иерархия;
— потеряна суть сообщения;
— нехватка изюминки, нюанса, ощущение «чего-то не хватает»;
— общая вялость и слабость графики.
Хорошие примеры выразительности можно найти у Neville Brody, Stefan Sagmeister, Irma Boom, Experimental Jetset.
↓
——
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
——
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
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://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
01.05.202515:07
Студия «Кото» выпустили обновление визуальной системы «Амазона».
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
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
26.04.202509:13
Покажу, над чем сейчас работаю.
В качестве альтернативы полной и подробной схемы метро Амстердама я решил подумать над компактным форматом. Помню себя, когда в новом городе я запоминаю основные локации и узлы, и по ним ориентируюсь.
В этой версии схема строится на районах. За счет этого она растягивается и сужается; толщина линии меняется без потери смысла, так как информационный слой редуцирован. Схема дает общее представление о направлении без детализации, заодно предлагает сразу прикинуть районную географию города.
Гипотетически, похожую модульность можно применить к любому городу с относительно простой транспортной схемой.
(В премиум-канале процесс создания схемы показан подробно).
——
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
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
+1
06.05.202507:49
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
Если нужно вдохновиться типографическими постерами, обязательно посмотрите работы Вольфганга Вейнгарта.
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
Вышел пятый эпизод наших прекрасных подкастов, где мы обсуждаем с Чатским почему дизайн-сообщество избыточно токсично, что движет авторами хейт-комментов, а заодно приводим наглядные примеры этой теневой стороны.
Спотифай | Эппл | Ютуб
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
02.05.202513:03
В 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
Хорошо было бы убрать вообще Go to, потому что и так понятно, что клик — это переход. А еще лучше убрать этот попап и оставить две ссылки — на группу и на альбом.
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
01.05.202508:00
Майский дайджест
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
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
Утром в газете, вечером в куплете
Завтра День короля, и как раз мне пришла готовая сумка с принтом, собранного из фоток разного уличного стаффа. Буду завтра первым парнем на деревне.
Завтра День короля, и как раз мне пришла готовая сумка с принтом, собранного из фоток разного уличного стаффа. Буду завтра первым парнем на деревне.
20.04.202508:29
Высота зрения
У навигационной стелы есть считываемые и «слепые» зоны. В стандартном сценарии учитываются люди среднего роста и колясочники. Это нам дает представление об общих зонах. На картинке не указан еще 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/
Корректировки могут вноситься в зависимости от некоторых факторов:
— находится ли стела в интерьере или на улице;
— общая зрячесть аудитории (для стелы в глазной клинике надо чуть иначе);
— доступность (насколько близко можно подойти);
— трафик и загруженность вокруг стелы;
— свойства материала реагировать на освещение;
— верстка и размер шрифта.
Не забываем, что в разных странах средний рост человека разный.
У навигационной стелы есть считываемые и «слепые» зоны. В стандартном сценарии учитываются люди среднего роста и колясочники. Это нам дает представление об общих зонах. На картинке не указан еще 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/
Корректировки могут вноситься в зависимости от некоторых факторов:
— находится ли стела в интерьере или на улице;
— общая зрячесть аудитории (для стелы в глазной клинике надо чуть иначе);
— доступность (насколько близко можно подойти);
— трафик и загруженность вокруг стелы;
— свойства материала реагировать на освещение;
— верстка и размер шрифта.
Не забываем, что в разных странах средний рост человека разный.
Көрсетілген 1 - 24 арасынан 1 776
Көбірек мүмкіндіктерді ашу үшін кіріңіз.