Тултип | UX UI
645 subscribers
138 photos
73 videos
1 file
176 links
Буст насмотренности и эффективности в дизайне продукта

Связь @gorba4evgenii
Download Telegram
Дизайн: форма и хаос | Пол Рэнд

Закончил читать книгу Пола Рэнда и хочу поделиться впечатлением. Книжка небольшая и спокойно читается за выходные. Рэнд пишет ясно и по делу, без лишней воды (ну или почти без нее).

Кто такой Пол Рэнд? Это дядька, который создал логотипы для IBM (техногигант из США), NeXT (компания Стива Джобса, которую он основал после увольнения из Apple, и наработки которой впоследствии использовались для создания Mac OS), UPS (курьерская служба, известная своими коричневыми грузовиками) и других крупных ребят

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

Для меня самой интересной частью являются презентации логотипов для IBM, NeXT, Morningstar, Adstar, The Limited и IDEO. Автор показывает именно сами презентации, как он их делал для согласования логотипов. В них он рассказывает, как пришел к решению и от каких идей отказался в процессе. Очень полезно посмотреть, как рождаются известные логотипы, и это еще раз подтверждает основные мысли книги о том, что дизайнер должен уметь объяснять свои решения, а не просто полагаться на «мне так нравится».

Особенно впечатляет презентация для NeXT — Рэнд предложил Джобсу только один вариант логотипа, но так уверенно, что тот принял его сразу. Это показывает ценность уверенности дизайнера в своих решениях. В части про IBM он объясняет эволюцию полосатого логотипа, где полосы не только создают ощущение стабильности, но и отсылают к тангирной сетке — технологии защиты ценных бумаг и документов.

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

#книги

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍86🔥4
Bifur: Революционный шрифт из золотой эпохи ар-деко

Листая книгу «Дизайн, форма и хаос», я обнаружил шрифт, больше похожий на предмет искусства. Bifur — название происходит от французского "bifurcation" (раздвоение), отражая его двухслойную структуру.

В 1929 году в Париже дизайнер А.М. Кассандре (уроженец Российской Империи) создал этот шрифт для типографии Deberny & Peignot. Время расцвета ар-деко с его геометрическими формами и четкими линиями вдохновило Кассандре на настоящий типографский переворот.

Уникальность Bifur в его двухслойной структуре: каждая буква состоит из геометрического основания и абстрактного линейного узора. Интересно, что отдельную букву мозг не всегда распознает сразу, но в слове текст становится читаемым — своеобразная игра с восприятием.

В 1930-е Bifur украшал рекламные плакаты, идеально привлекая внимание. Коммерческого успеха не было, но место в истории дизайна обеспечено.

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

Вот такая история шрифта, который сразу цепляет глаз(по крайней мере, мой) 👀

#шрифты


💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
Настольная книга Duolingo
Duolingo выпустил крутой хэндбук с рисованными иллюстрациями, где раскрывает свою продуктовую философию.

Что особенно зацепило:
"99 Bad Ideas" — фрэйморк, в рамках которой команда специально генерирует безумные идеи. Так рождаются нестандартные решения, которые порой превращаются в успешные продукты.

Радикальный редизайн: В 2022 году Duolingo полностью изменил навигацию, заменив привычное "дерево" уроков на линейную систему Path. Пользователи сначала сопротивлялись, а метрики не показали мгновенного роста. Но в долгосрочной перспективе это помогло улучшить качество обучения.
Кайфовый пример стратегического мышления

"Shake to Report" — у сотрудников есть гениально простая фича: если заметил баг, просто потряси телефон. Это ускоряет процесс выявления и исправления ошибок.

"Better a hole than an ahole". В Duolingo принципиально не нанимают токсичных людей, даже если они суперкрутые специалисты. Лучше работать без человека, чем разрушать культуру компании.

Прозрачность разработки: Любой сотрудник, даже не из продуктовой команды, может участвовать в Product Review. Это делает процесс максимально открытым и помогает находить свежие идеи.

Где я узнал об этом?
В телеграм-канале Сделай удобно. Автор разбирает крутые UI/UX-кейсы из цифровых и нецифровых продуктов. Например, недавно рассказывал про Fake Door-тесты — метод, когда команда продукта размещает кнопку, баннер или другой интерфейсный элемент, ведущий в несуществующую фичу, чтобы проверить спрос. Рекомендую подписаться, чтобы быть в теме


💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥1
Тамагочи в Самокате

Самокат пошел по стопам Золотого Яблока и тоже сделал свое тамагочи — с блэкджеком и шлюхами пандой и двумя мини-играми. В одной нужно готовить блины и украшать их (с этим я справился), а в другой нужно делать так, чтобы печеньки падали в определенное место. Похожие печеньки формируются в одну большую, из которой может получиться мега-печенька. Скорее всего, смысл в том, чтобы скинуть как можно больше печенек, оптимизируя пространство формированием больших печенек (ну это я так понял, но до конца не дошел).
За то, что мы растим панду и покупаем ей всякие ништяки, Самокат будет давать промокоды. Особенно будут поощряться те, кто заходит несколько дней подряд, не нарушая свой страйк.

По ходу дела, компании смекнули, что механика тамагочи действенная, ведь чем больше юзер проводит в интерфейсе, тем больше он покупает. Так что ждем тамагочи от прямых конкурентов типа Лавки, а также от всех маркетплейсов и банков.
По вашему, кто следующим внедрит свой тамагочи? 🤔

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👏2👍1
Life Canvas | App concept

Недавно я решил прокачать UI и буду в неспешном темпе рисовать конпцепты приложений. Первое из них — это Life Canvas. Приложение, которое превращает путешествия и яркие события в живое, динамичное полотно воспоминаний

Суть такая — приложение, формирует подборки из фотографий путешествий и ярких событий года. Ты заходишь в эту подборку и видишь большой холст, на котором размещены фотографии. К ним можно добавлять надписи, рисунки и стикеры. Изначально фотографии на холсте отфильтрованы по дате и показаны за первый день события. Можно перемещаться между разными датами с помощью стрелок. Также можно отфильтровать холст по человеку, который присутсвует на фото и по месту съемки.

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

Как вам концепт?😒

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9👀31🔥1
Прокачай свою дизайн систему
Я глубоко закопался в дизайн-системы и нарыл крутые материалы, которыми хочу поделиться. В них раскрывается, чем UI Kit отличается от дизайн-системы, что такое этот ваш атомарный принцип и как правильно юзать дизайн-токены на практике

Как создаются дизайн системы ▶️
Ребята из Epam и Юзтех разобрали тему дизайн систем на мелкие детали. В первом выпуске поговорили о том, что такое дизайн система и в чем отличие от UI Kit, а также как донести ее ценность. Во втором выпуске про то, как создать дизайн систему и какие плагины могут помочь. В заключительном выпуске о том, как поддерживать ДС и как выглядит жизненный цикл компонента

Ультимативный гайд по дизайн токенам 📝
прикладная статья о том, как в дизайне организовать токенную систему и развернуть технический стек (осторожно, много буков)

Что такое дизайн-токены простыми словами 📝
Дмитрий Якушин из Домклик постарался придумать самое простое объяснение дизайн-токенов на примере житейских ситуаций. Что это такое, как работают и зачем они нужны — в этой статье.

Как грамотно собрать UI-kit и передать его в разработку без боли? Опыт студии Crauch ▶️
Арт-директор студии Crauch, Саша Тарасов, рассказал, как собрать UI-kit, передать его в разработку и не утонуть в бесконечных доработках. Разобрали типичные ошибки, важность документации и почему без нормальной передачи UI-kit разработчики страдают не меньше, чем дизайнеры.

Использование Figma Variables в создании макетов мобильных приложений 📝
Благодаря Figma Variables процесс адаптации макетов под разные платформы можно значительно оптимизировать: сократить время разработки вдвое, сохранить уникальность каждой платформы и сэкономить бюджет проекта. В этой статье мы рассмотрим, как правильно настроить компоненты для этого

Как мы строим дизайн-систему в ЮMoney 📝
Полина и Степан, дизайнер интерфейсов и фронтенд-разработчик в ЮMoney. В этом тексте расскажут, как в компании устроена дизайн-система, и посмотрят на неё с двух сторон: глазами команды дизайна и разработки

#материалы

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥72
База тестовых заданий

Ребята из Internsheep сделали подборку из 50 тестовых от топовых компаний за период с 2022 года. В подборке Яндекс, Альфа банк, Авито, Тинькофф и другие крупные российские компании.

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

Смотреть подборку ▶️

#тестовое

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍1
Refactoring UI| Adam Wathan, Steve Schoger

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

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

Отдельная глава посвящена работе с цветом. Что такое тоновая растяжка и как собрать свою цветовую палитру, которая не заставит пользователей кричать от боли в глазах.

Завершают книгу разделы про тени и их логику, интеграцию изображений в интерфейс и — что особенно ценно — проработку корнер кейсов.
Что реально зацепило — к каждому заявлению приводятся наглядные примеры, которые помогают информации лучше усвоиться в мозгу. Не просто «делайте так», а «смотрите, вот так плохо, а вот так — хорошо, и вот почему».
Однозначно рекомендую новичкам для освоения базы, и опытным дизайнерам — чтобы сделать качественный рефакторинг своих знаний и избавиться от вредных привычек. Эта книга — как хороший пинок под зад, после которого хочется немедленно открыть свои старые проекты и переделать их по-человечески!

Расскажите в комментах, что последнего читали про дизайн и что можете порекомендовать 🤨

#книги

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍125🔥3🕊1