Дызайн
Ne_znal_ai
Дызайн
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
19.04.202518:03
Снос каретки
Снос каретки (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
Снос каретки (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
13.04.202519:35
Схема метро Нью-Йорка
Я как-то пропустил апдейт схемы. Думал, что это какой-то демонстрационный проект, поэтому не придал значения. Оказалось, что всерьез такое сделали.
https://www.mta.info/map/5256
Обсуждать функционал не могу, потому что не знаю нюансы города, но графическая визуализация откровенно сомнительная.
01
Сыпь в виде черных точек по всей схеме — максимально неприятная находка. И это не случайное решение, были еще варианты (с любовью объединенные метаболлы говорят, что проработано). Раз это индекс ветки, то его вообще можно было пару раз на поворотах насыпать аккуратно и не шпиговать каждую остановку. Вообще, точки в качестве остановок — лютая дрянь, любовь дизайнеров к которой пока не могу объяснить.
02
Я понял, что разные формы одного и того же индекса — это некая разница в маршруте, хотя вообще не уверен. Ромбик для extended during rush hours?
03
Зачем черная обводка в точках линии аэропорта? Почему эти точки по размеру почти как остановки? Местами выглядит как подпись к остановкам (Jackson, Heights, Roosevelt).
04
Почему бы вместо EJZ EJZ не сделать конечные крупными кружками? Там прямо просится.
05
Смущает наличие полицейских участков на остановках. Может, это важно для города.
06
Река по активности такая же, как и маршруты.
07
Не могу понять, что означает узел остановок, обведенный черный контуром. М?
Можно было б и не обращать внимания, но кроме схемы ребята сделали систему информирования и вторичную навигацию https://order.design/project/washington-metropolitan-area-transit-authority, к которой еще больше вопросов.
Короч, этот разбор требует отдельно стрима (сделаю). Есть еще одна схема свежая, к которой у меня примерно столько же претензий, но я постараюсь сдержаться.
Я как-то пропустил апдейт схемы. Думал, что это какой-то демонстрационный проект, поэтому не придал значения. Оказалось, что всерьез такое сделали.
https://www.mta.info/map/5256
Обсуждать функционал не могу, потому что не знаю нюансы города, но графическая визуализация откровенно сомнительная.
01
Сыпь в виде черных точек по всей схеме — максимально неприятная находка. И это не случайное решение, были еще варианты (с любовью объединенные метаболлы говорят, что проработано). Раз это индекс ветки, то его вообще можно было пару раз на поворотах насыпать аккуратно и не шпиговать каждую остановку. Вообще, точки в качестве остановок — лютая дрянь, любовь дизайнеров к которой пока не могу объяснить.
02
Я понял, что разные формы одного и того же индекса — это некая разница в маршруте, хотя вообще не уверен. Ромбик для extended during rush hours?
03
Зачем черная обводка в точках линии аэропорта? Почему эти точки по размеру почти как остановки? Местами выглядит как подпись к остановкам (Jackson, Heights, Roosevelt).
04
Почему бы вместо EJZ EJZ не сделать конечные крупными кружками? Там прямо просится.
05
Смущает наличие полицейских участков на остановках. Может, это важно для города.
06
Река по активности такая же, как и маршруты.
07
Не могу понять, что означает узел остановок, обведенный черный контуром. М?
Можно было б и не обращать внимания, но кроме схемы ребята сделали систему информирования и вторичную навигацию https://order.design/project/washington-metropolitan-area-transit-authority, к которой еще больше вопросов.
Короч, этот разбор требует отдельно стрима (сделаю). Есть еще одна схема свежая, к которой у меня примерно столько же претензий, но я постараюсь сдержаться.
10.04.202514:36
Curves—Input and Output #psd
Рассказываю быстро то, чему учат долго. Если вам нужно регулировать значения цвета в фотке в определенных местах, используйте InputOutput кривой в каналах. Это полезно в допечатной подготовке, да и просто знать.
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Рассказываю быстро то, чему учат долго. Если вам нужно регулировать значения цвета в фотке в определенных местах, используйте InputOutput кривой в каналах. Это полезно в допечатной подготовке, да и просто знать.
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
06.04.202518:44
Улучшаем список в навигации центрального вокзала Амстердама
https://knowhowtodesign.notion.site/1cda2d4e7d028036924be73c7a348ba3?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://knowhowtodesign.notion.site/1cda2d4e7d028036924be73c7a348ba3?pvs=4
——
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 — Чатский и история про девочку из восточных единоборств
15.04.202520:19
Новый проект — концепт часов без стрелок
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
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
11.04.202516:49
Начинаем через 10 минут. Запись останется доступной премиум-подписчикам Ютуба и премиум-телеграма.
https://youtube.com/live/GrHVImv1ELA?feature=share
https://youtube.com/live/GrHVImv1ELA?feature=share
10.04.202510:51
Упрощение
Часто упрощение работает лучше разжовывания информации. Слева дизайнер подумал, что человеку важно знать, что F — это ряд, а 4 — это этаж. Хотя иногда достаточно простого кодирования F4.
Я всегда делаю сложный вариант, а потом усушиваю до необходимого минимума. Вспоминаю, что система нумерации в школах и отелях понятна всем: 312 — на третьем этаже, а 101 — на первом.
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Часто упрощение работает лучше разжовывания информации. Слева дизайнер подумал, что человеку важно знать, что F — это ряд, а 4 — это этаж. Хотя иногда достаточно простого кодирования F4.
Я всегда делаю сложный вариант, а потом усушиваю до необходимого минимума. Вспоминаю, что система нумерации в школах и отелях понятна всем: 312 — на третьем этаже, а 101 — на первом.
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
03.04.202515:15
Анимированная подсказка
Люблю такие мелочи: в японском метро на табло показано, в каком ты вагоне и куда тебе выходить. Гипотетически это снижает количество тупняка на выходе из вагона.
——
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
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
13.04.202520:01
Скрипты для этой сцены нагенерил через чатгпт. Например, лестницы создаются в два клика внутри куба. Остальные классные скрипты выложу в премиум.
https://www.dropbox.com/scl/fi/fy58wr8n4pjliadope7l9/create-stairs.rtf.zip?rlkey=jfbxosii24wppojrxeij2l03r&st=u0rpyh2x&dl=0
https://www.dropbox.com/scl/fi/fy58wr8n4pjliadope7l9/create-stairs.rtf.zip?rlkey=jfbxosii24wppojrxeij2l03r&st=u0rpyh2x&dl=0
11.04.202512:59
Эксперименты
Когда я сажусь что-то верстать, я делаю серию скетчей с разными художественными приемами, чтобы посмотреть, какой выстрелит.
1. Контраст. Часто хорошо работающий прием, когда элементы контрастируют размером, цветом или формой.
2. Ассиметрия. Когда ни формы, ни типографика не дотягивают, можно попробовать сместить центры тяжести.
3. Повтор создает приятный шум и своеобразный паттерн. Повторять можно как продукт, так и надписи. Если попрежнему скучно, сделайте каждый повторяемый объект чуток другим от предыдущего (цветом, формой, углом поворота).
4. Противоположный в круге цвет может хорошо сработать, если объект нужно сделать резко активным. Классно работает в продуктовой упаковке (в противовес фармокологической упаковке, где смежные тона делают ее менее тревожной).
5. Диагональ. Недооцененный прием на равне с ассиметрией. Здесь взгляд зрителя ведется от левого верхнего угла в правый нижний, что добавляет динамику чтению.
6. Хаос. Подразумевается анархичное размещение объектов или фрагментов, что оживляет композицию и делает результат менее сдержанным.
7. Линия. Расположив объекты в визуальную линию, можно сделать некое ощущение порядка и опрятности. При этом линия не обязательно должна быть вертикальной или горизонтальной.
8. Фокус. Типичный прием с этикеток, где основная игра строится на создании фокуса и иерархии. Направляющие элементы ведут зрителя в нужную точку.
9. Деконструкция. Иногда можно внести нестандартный прием, где привычный объект показан в непривычном контексте. Это цепляет внимание и вызывает интерес.
10. Сетка. В верстке активно используется сетка, элементы размещены нарочно таким образом, чтобы считывалась модульность.
11. Повтор формы. Второстепенная графика может повторять формы основного объекта, налезать на него и всячески играть в унисон.
12. Центральная композиция часто выглядит однозначно. Чтобы добавить интереса, можно использовать фрагментарное фреймирование, когда часть объекта сопрягается с векторными формами, прячась за них.
13. Кадрирование. Иногда достаточно откадрировать объект таким образом, чтобы он начал напоминать что-то другое. Дополнительное обыгрывание формами и линиями усилит эффект. В данном примере капуста стала горами, а цена — солнцем. Получился непротиворечивый намек на овощные поля.
Удачный прием затем можно уносить в чистую зону и дорабатывать.
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Когда я сажусь что-то верстать, я делаю серию скетчей с разными художественными приемами, чтобы посмотреть, какой выстрелит.
1. Контраст. Часто хорошо работающий прием, когда элементы контрастируют размером, цветом или формой.
2. Ассиметрия. Когда ни формы, ни типографика не дотягивают, можно попробовать сместить центры тяжести.
3. Повтор создает приятный шум и своеобразный паттерн. Повторять можно как продукт, так и надписи. Если попрежнему скучно, сделайте каждый повторяемый объект чуток другим от предыдущего (цветом, формой, углом поворота).
4. Противоположный в круге цвет может хорошо сработать, если объект нужно сделать резко активным. Классно работает в продуктовой упаковке (в противовес фармокологической упаковке, где смежные тона делают ее менее тревожной).
5. Диагональ. Недооцененный прием на равне с ассиметрией. Здесь взгляд зрителя ведется от левого верхнего угла в правый нижний, что добавляет динамику чтению.
6. Хаос. Подразумевается анархичное размещение объектов или фрагментов, что оживляет композицию и делает результат менее сдержанным.
7. Линия. Расположив объекты в визуальную линию, можно сделать некое ощущение порядка и опрятности. При этом линия не обязательно должна быть вертикальной или горизонтальной.
8. Фокус. Типичный прием с этикеток, где основная игра строится на создании фокуса и иерархии. Направляющие элементы ведут зрителя в нужную точку.
9. Деконструкция. Иногда можно внести нестандартный прием, где привычный объект показан в непривычном контексте. Это цепляет внимание и вызывает интерес.
10. Сетка. В верстке активно используется сетка, элементы размещены нарочно таким образом, чтобы считывалась модульность.
11. Повтор формы. Второстепенная графика может повторять формы основного объекта, налезать на него и всячески играть в унисон.
12. Центральная композиция часто выглядит однозначно. Чтобы добавить интереса, можно использовать фрагментарное фреймирование, когда часть объекта сопрягается с векторными формами, прячась за них.
13. Кадрирование. Иногда достаточно откадрировать объект таким образом, чтобы он начал напоминать что-то другое. Дополнительное обыгрывание формами и линиями усилит эффект. В данном примере капуста стала горами, а цена — солнцем. Получился непротиворечивый намек на овощные поля.
Удачный прием затем можно уносить в чистую зону и дорабатывать.
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
09.04.202510:48
Дизайн-стрим
Вечером в пятницу хочу с вами повидаться на стриме. Обсудим свежие проекты + я хотел обсудить темы для подкастов. Конец рабочей недели, винцо, душевная атмосфера.
https://youtube.com/live/GrHVImv1ELA?feature=share
(У нас с Чатским готовится отличнейший выпуск подкаста про HR и дизайнеров, кстати).
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Вечером в пятницу хочу с вами повидаться на стриме. Обсудим свежие проекты + я хотел обсудить темы для подкастов. Конец рабочей недели, винцо, душевная атмосфера.
https://youtube.com/live/GrHVImv1ELA?feature=share
(У нас с Чатским готовится отличнейший выпуск подкаста про HR и дизайнеров, кстати).
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
03.04.202508:00
CSS Color names #ai
В Иллюстраторе теперь можно просто вбивать имя в окошко hex-значений, и цвет распознается. Название должно быть из таблицы CSS-имен (https://www.w3.org/TR/css-color-4/#named-colors).
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
В Иллюстраторе теперь можно просто вбивать имя в окошко hex-значений, и цвет распознается. Название должно быть из таблицы CSS-имен (https://www.w3.org/TR/css-color-4/#named-colors).
——
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/
Корректировки могут вноситься в зависимости от некоторых факторов:
— находится ли стела в интерьере или на улице;
— общая зрячесть аудитории (для стелы в глазной клинике надо чуть иначе);
— доступность (насколько близко можно подойти);
— трафик и загруженность вокруг стелы;
— свойства материала реагировать на освещение;
— верстка и размер шрифта.
Не забываем, что в разных странах средний рост человека разный.
13.04.202519:54
М+М
Рад, что уже можно не тратить время на скетчи, достаточно напромтить в Миджорни картинку и сразу засесть моделить. Обычно я генерю тройку вариантов с разными объектами, чтобы из картинок выбрать хорошее, а тут получилось, что почти все нормасик.
Текстуры попробую тоже намиджорнить, хотя уже чешется переподписаться на Пейнтер.
Рад, что уже можно не тратить время на скетчи, достаточно напромтить в Миджорни картинку и сразу засесть моделить. Обычно я генерю тройку вариантов с разными объектами, чтобы из картинок выбрать хорошее, а тут получилось, что почти все нормасик.
Текстуры попробую тоже намиджорнить, хотя уже чешется переподписаться на Пейнтер.
11.04.202507:30
Сохраняем чистые цвета при конвертации RGB→CMYK #psd
Раз вам понравилось предыдущее видео, ловите еще одно. Здесь я показываю, как контролировать цветовые значения при конвертации, чтобы смиковый красный был C0M100Y100K0 вместо С7M90Y93K3.
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
Раз вам понравилось предыдущее видео, ловите еще одно. Здесь я показываю, как контролировать цветовые значения при конвертации, чтобы смиковый красный был C0M100Y100K0 вместо С7M90Y93K3.
——
KnowHowToDesign
https://t.me/ne_znal_ai
https://www.youtube.com/@steblina
https://linktr.ee/steblina
Магазин — https://web.tribute.tg/l/6a
08.04.202514:20
Поставить на паузу
Важно делать длительные перерывы в работе. Не отпуск, а именно профессиональные перерывы: переключиться с айдентики на видео, с промдизайна на шрифты, или чем вы там занимаетесь.
Когда я плотно занимался музыкой, ежедневные занятия начали выматывать. Я уставал, и техника проседала — играл хуже то, что еще неделю назад шло легко. В итоге просто сделал паузу. Два месяца вообще не брал инструмент в руки. А потом вернулся — и играл гораздо лучше, чем раньше.
С дизайном все примерно так же. Иногда полезно просто остановиться. На время отказаться от рутины и не делать привычные задачи. Когда вернешься, чувствуешь, что голова стала чище, а мозг работает легче и гибче.
——
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.04.202507:36
Один из популярных хинтов был про попадание двух одинаковых форм по размеру, особенно, если вторая форма находится в группе с другими шейпами.
——
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
Паказана 1 - 24 з 1 760
Увайдзіце, каб разблакаваць больш функцый.