Блоги

#3 Netflix и вертикальная лента
Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо. И вот тут у меня немного пригорает. Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн. Вертикальная лента уже не интерфейс. Это привычка пользователя, которую продукты научились доить С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил. Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах. Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить. Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями. И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Не знаю, почему, но ответ Кристоферу (Christopher Haanes) от Creative Market позабавил.
Качество ваших работ, мол, не отвечает нажим ожиданиям. Даже и не знаю, что тут можно сказать.
Самые суровые пусть пытаются прогреть мангалы, а для тех кто выбрал остаться дома под тёплым одеялом мы подготовили дайджест самых популярных за прошлые три месяца.
Всем кто интересуется нейровидео Обзор обновления Kling 3.0 Серия постов про персонажей! Как избежать классических ошибок Перенос вашего замысла в генерацию Ригаем и анимируем персонажа в 3D Печатаем персонажа на 3D принтере Если вы в поиске вдохновения, есть три отличных поста Про референсы в живописи Нейроинструменты в реальной жизни Список книг от наших коллег из Т-банка Промтами и приемами делимся В посте про ракурсы И в фотоссесии для героев мемов Каникулы короткие — дайджест длинный, приятных выходных🫶 💙 tsekh.designцех в tg
Делаем кое-что нереально крутое для фрилансеров😍
Давненько не писал тут, много работы по школе и сложностей с этими всеми блокировками и тп. Честно говоря сам чуть выгорел от всего, и энтузиазма не было на посты. Но месяц назад загорелся одной идеей - сделать сервис для наших ребят и не только, который бы 24/7 помогал по фрилансу, типа как компаньон/коуч. Загорелся и благодаря нейросетям сделал прототип, а потом вместе с другом разработчиком доделали до рабочей версии, которую скоро будем давать на тест. Собрали фокус-группу, и на следующей неделе хотим дать триал период. Если интересно был бы попробовать такой сервис и хотели бы тут узнать подробности запуска, да и просто блин поддержать), накидайте 🔥
А как у вас дела обстоят с цветами?😂
🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Кризис креативности: уже наступил или ждёт общество в будущем?
Недавно мы рассказывали о теории 30-летнего цикла трендов и влиянии ностальгии на творческий процесс. А сегодня поговорим о будущем креативности. Спойлер: у некоторых философов и творцов оно вызывает тревогу. Например, писатель-фантаст Уильям Гибсон считает, что человечество «устало от будущего» и уже не фантазирует о том, как может измениться общество. Большинство современных представлений о прогрессе почти дословно повторяют идеи столетней давности. Усталость от будущего В начале ХХ века люди мечтали о покорении космоса и развитии робототехники. Научно-техническая революция вдохновляла Герберта Уэллса, Айзека Азимова и других писателей на размышления о предстоящем ХХI веке. Кажется, в 2026 году человечество мыслит всё теми же категориями, но почти не обсуждает ХХII век. Бешеный темп технологического прогресса почему-то больше не подталкивает общество к рефлексии о следующем столетии. Постальгия против креативности Гибсон видит проблему в «постальгии» — романтизированном взгляде на будущее, который доминировал в ХХ веке, дарил надежду и очаровывал человечество. Грёзы о будущем уступили место рефлексии по настоящему и прошлому. По мнению философа Марка Фишера, всё дело в параличе воображения. Он возникает из-за невозможности представить новые формы политического или экономического устройства. Современному человеку сложно вообразить, что будет после капитализма или демократизации общества. Мгновенный доступ к прошлому Когда общество не хочет думать о будущем, оно возвращается к прошлому. Нейросети позволяют сделать это в пару кликов — примерить любой образ из фильмов 80-х или омолодить любимых актёров детства. Хотя обращение к ностальгии Гибсон тоже считает «тревожным звоночком» и признаком кризиса идей, по его мнению отказ от постальгии — это путь к взрослению человечества. Придумать новые идеи возможно только в том случае, если сфокусироваться на настоящем. А что вы думаете: постальгия и ностальгия — это скорее творческие барьеры или источники вдохновения? #КНП_исследования 🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах
Кто ещё думает, что вот-вот и цены пойдут вниз? 📉
Но увы! Не пойдут. • Сейчас — как раз тот момент, когда откладывать заказ кухни = платить больше в будущем. Почему? Потому что всё, из чего складывается качественная мебель, напрямую зависит от импорта: — итальянские краски и покрытия — австрийская фурнитура — европейские механизмы и комплектующие Цены не стоят на месте. Они аккуратно, но стабильно растут. И каждый месяц ожидания — это минус к вашему бюджету и плюс к итоговой стоимости проекта. Важно понять: кухня — это не импульсивная покупка. Это система, которая делается под вас, под ваши привычки, под ваш ритм жизни 🙌🏻 И чем раньше вы начнёте процесс, тем больше у вас выбора — по материалам, решениям и бюджету. Поэтому сейчас не время «подождать». Сейчас время зафиксировать цену, обсудить проект и сделать шаг к кухне, которая будет служить вам годами 🤍
Ок) Первый кринж пошел. Смотреть только со звуком!
Надеюсь, вы также угараете с этого видео как я)) Когда у меня плохое настроение, я его пересматриваю) Это первые тесты сиданс и сетки персонажа. Еще поделиться следующими кринж-видео? 🔥- да 🤗 - реально смешно)

🍃 Мир, труд, май🍃

🧷Труд — это не только про «сделать», но и про «придумать», найти своё решение и довести идею до результата. В Институте дизайна это особенно чувствуется: через поиск, сомнения, правки и тот самый момент, когда «сложилось»🕗 Пусть в вашей работе будет больше смысла, чем рутины, больше интереса, чем обязательств. А рядом — люди и проекты, которые действительно заряжают. С Праздником! ✨

С праздником 1 мая. Делюсь эмоциональным и вдохновляющим видео Кати (@burtcevaekaterina). Оно меня приятно порадовало, поэтому и решил поделиться им с вами.

С Катей у нас, по-хорошему, непростые отношения так как путь талантливого человека проходит через море сомнений и метаний. От себя могу посоветовать только принять эту судьбу и двигаться к своим вершинам. Для себя я поставил цель — раскрывать таланты людей. Например, я счастлив, что первые дизайн-успехи у Кати после длительной рутинной работы связаны с UPROCK. Катя, если что, поправь меня в комментариях. Я помню ее первые проекты с персонажами на курсе по граф дизайну и меня уже тогда зацепила проработка проекта. Те проекты, кстати отмечены наградами на Behance как лучшие. Еще один предмет для гордости за Катю. Но больше всего меня радует, что Катя продолжает экспериментировать и пробовать себя в разных направлениях. Поясню, я даю вам методику, которую, на самом деле, можно применять в любой индустрии. Давным-давно я поставил себе цель — найти «ключ от всех дверей». Теперь этот ключ у вас. Верьте в себя — и у вас все получится. Сомнения это нормально, но не стоит сходить со своего пути. Все у нас обязательно будет.

✨ Интерфейс начинает ощущаться дорогим не из за одной большой идеи, а из за десятка мелочей

Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво. Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки. Внутри: – Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее; – Почему вложенные элементы выглядят лучше с концентрическим скруглением; – Как анимировать иконки контекстно, чтобы интерфейс ощущался живее; – Зачем делать текст чуть более crisp на macOS через сглаживание; – Почему для обновляющихся чисел лучше использовать табличные цифры; – Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях; – Почему enter-анимации лучше разбивать на части и слегка стеггерить; – Как сделать exit-анимации мягче и менее навязчивыми; – Почему иногда выравнивать нужно не геометрически, а оптически; – Когда тень работает лучше границы; – Зачем добавлять изображениям тонкий внутренний outline. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Магия чисел или 10 тысяч шагов 👟👟👟

Слушайте, хотел вот что рассказать. Помимо того, что я бегаю — в один момент решил ещё отслеживать вот что. А сколько вообще шагов за день получается с этим бегом. Сначала казалось: ну бегаю — значит шагов дохера. Но нет, не всё так просто. Бег — это не всегда много шагов. В общем, я поставил себе цель: каждый день делать 10 тысяч шагов и больше. Сейчас трекер показывает 129 таких дней подряд. Ну, потому что 129 дней назад я начал это отслеживать. Может, там плюс-минус, но не суть. И в чём прикол. ☑️Во-первых, большое количество шагов = больше сжигаешь калорий. Можно чуть спокойнее есть что-то вкусное почаще. ☑️Во-вторых — когда я начал трекать шаги, то начал это делать в приложении, которое считает биологический возраст на основе этой активности. И вот вчера оно мне выдало, что мой биологический возраст на 8 лет меньше, чем есть на самом деле. Те, кто знает, сколько мне лет — будут немного в ахуе 🙂 И кажется, в этих цифрах есть меджик. Потому что по ощущениям жизнь стала реально другая: больше энергии, больше улыбок, в целом как будто здоровее себя чувствую.. А вы сколько шагов за день проходите?
Способ супер, но не всегда работает, как хотелось бы😂
Часто пользуетесь этим способом? Работает? Делитесь в комментах
Смотрите, насколько удобней выбирать мороженку, когда есть картинки. Даже текст понимать необязательно
Минутка решений:
Когда дизайнер услышал, что глюкоза в сладостях помогает креативности. Сахар и сладости могут оказывать временное положительное влияние на креативное мышление, но этот эффект скорее связан с психологией и удовольствием, чем с питанием мозга, сообщают исследователи. 
📄 Инструкция настройки базы знаний для UX-исследований по методу Андрея Карпаты
Я сейчас провожу Reddit-исследование на 1250 постах по цифровой доступности. И мне нужно сделать так, чтобы Claude искал только по моей базе, а не во всем интернете.  Недавно Андрей Карпаты (один из основателей OpenAI) выложил в X пост о том, как он хранит информацию как .md файлы (обычные текстовые файлы) и подключает Claude напрямую к этим знаниям. Почему это лучше, чем просто загружать файлы в чат? Каждая сессия Claude начинается с чистого листа — приходится заново объяснять контекст. Claude Code подключён к папке постоянно через терминал: один раз структурировала знания, и они работают во всех следующих сессиях.  Настроила примерно за час и то, потому что протупила с путями, куда что сохранять. А так оч быстро ) Потом полдня писала эту инструкцию ) Буду рада вашим реакциям ) В будущем хочу попробовать: настроить поиск по смыслу (семантический), а не по точным словам: чтобы Claude находил «усталость», даже если в заметке написано «выгорание». Автоматизировать обработку новых источников — положила файл в папку, он сам превратился в структурированную заметку. И сделать так чтобы Claude знал базу без чтения файлов каждый раз, как это делает Notebook LM. Карпаты об этом тоже писал. ⚡️Написала инструкцию на VC⚡️ ___ en<able> - о дизайне в A11y | Наши статьи на VC
Спорим, что вы пробовали создавать свои буквы с нуля, но получалось не всегда?
Или получалось, но не выглядело лучше, чем если бы вы взяли готовый шрифт. Хотя вы всё делали ровненько и аккуратно. Буквы кажутся простыми, потому что мы с ними с детства. Кажется, что мы знаем их досконально. Но стоит приблизиться и оказывается, что они сложные, неправильные, даже в чём-то кривые. Замечали? 🤌 Бьюсь об заклад, что вы совершали ил продолжаете совершать несколько из этих ошибок: 1. Все буквы равной высоты Например, буква О выше буквы П. Мелочь, но если её не учесть, то получится неаккуратно. 2. Буква И как перевёрнутая N Они радикально отличаются. Просто есть шрифты, в которых это менее заметно. Ошибёшься и слово будет выглядеть глупо. 3. Буква Л как перевёрнутая V Это показатель дилетанта. Русская буква Л – даже треугольной формы – имеет “клюшку”. 4. Одинаковые расстояния между буквами Ну, было же? Даже если сейчас вы уже шарите за оптический кернинг. 5. Случайная геометрия букв в слове Когда вы не выбираете форму буквы, а делаете как пойдёт. В результате получается “дёшево”. 6. Жёстко привязываетесь к линейкам Устанавливаете одну-две горизонтали и привязываетесь к ним. Получается криво и не выглядит органично. 7. Одинаковые толщины штрихов, углы диагоналей Кажется, что так будет красивее, но по факту получается ровно наоборот. *** Перечитала пост и начало казаться, что напугала вас сложностью. На самом деле всё не так уж сложно. Да, надо приноровиться, но вы справитесь – даже кайфовать будете. А уж как это поднимет самооценочку и заткнёт за пояс синдром самозванца. Ух! Оч жду встречи с вами на СТРИМЕ.
Я, честно, долго игнорировала весь шум вокруг Claude🍜
Из разряда: «нейросети вас заменят», «сайт за одну кнопку» – ну да, конечно =) Но потом я зашла, разобралась и… немного в шоке За последние дни я плотно копалась в нем с точки зрения дизайна и вайбкодинга — и скажу так: это не про «сегодня заменит всех», это про то, как сильно изменится рынок уже завтра⬆️ Мои небольшие выводы к сегодняшнему дню: 🌱дизайн-процессы уже приходится пересобирать в своей команде 🌱многие компании начинают требовать это как навык 🌱часть задач реально ускоряется в разы → но без понимания, как это работает, будет просто мусор на выходе И да, проблема инфополя в том, что все пытаются «запихнуть скрин → получить сайт»🤡 Так это не работает (пока) Зато если разобраться — открываются очень сильные возможности! Поэтому в моем канале начинается серия постов про Claude, буду разбирать: — как им реально пользоваться — как встроить в работу — как делать дизайн/сайты/сервисы — и где там подводные камни (под хештегом #клод) Оставайтесь, будет много практики и инструкций, с вас как обычно реакции! 🤍 #полезное #клод
Weleda сделала ролик, как менялся бренд за 100 лет. Вообще Веледа для меня удивительный феномен, когда я знаю название, знаю даже, что это что-то натуральное, но ВООБЩЕ не помню, как они выглядят – ничего не сохранили, всё постоянно меняют, никакой картинки в голове не складывается. Интересно было бы как-то посчитать, насколько каждый их радикальный редизайн влияет на продажи..