TGViewer
Channel Public Channel
Тултип | UX UI

Тултип | UX UI

@tooltipp

Буст насмотренности и эффективности в дизайне продукта

Связь @gorba4evgenii
Subscribers
644
Photos
139
Videos
73
Links
176

Showing posts older than #223 · Back to latest

Older Posts 9 shown
Post #221 345
Дилемма дизайнера

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

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

Недавно я наткнулся на интервью с легендарным Джони Айвом и CEO Stripe Патриком Коллисоном. Они затронули критически важную проблему современного дизайна — смещение фокуса в сторону легко измеримых параметров. Команды всё чаще концентрируются исключительно на том, что можно посчитать — стоимость, скорость загрузки, количество шагов в воронке — но упускают ту самую неосязаемую магию, которая отличает просто хороший продукт от культового, меняющего правила игры.
Айв подчеркнул, что настоящие лидеры должны осознанно защищать пространство для нематериального, для тех аспектов дизайна, которые невозможно измерить таблицами и графиками. Эти неуловимые качества — то, что создает эмоциональную связь с пользователем и превращает функциональный интерфейс в запоминающийся опыт. Советую посмотреть — там еще много интересных вопросов поднимается.

А для тех, кто хочет ознакомиться с другой стороной медали — Data driven подходом в принятии решений — советую посмотреть познавательный подкаст с Полиной Егоровой. Она детально разбирает, какие бывают данные, откуда их брать, как внедрить data-driven подход, какие инструменты применять и как выстроить систему, чтобы работать с данными регулярно и эффективно. У Полины, кстати есть свой канал Ипульс, где она делится опытом лидирования в дизайн студии и профессиональными инсайтами.

А какой подход чаще всего используется в вашей компании — данные, «я так чувствую» или удается найти золотую середину?

💬 Тултип
  • 🔥 4
  • 👍 2
Post #220 423
Успешное тестовое в Альфа Банк

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

Тестовое задание
Кейс c описанием процесса
Макеты Figma
Прототип Figma
Видеопрезентация

💬 Тултип
  • ❤ 8
  • 👍 3
  • 🔥 3
Post #216 458
Продолжаем эксперименты со Столичной 🥴

Сегодня подготовил подборку промтов для чатгпт, которые помогут превратить png в 3D рендер с определенной стилистикой. Сам процесс описан тут

1. Матовая иконка
retexture the image attached based on the json below:
{
"style": "stylized 3D iconography",
"material": "soft-touch matte rubber",
"color_scheme": {
"primary": "pastel cyan",
"accents": "off-white text and logos"
},
"surface_texture": "smooth and clean with slightly rounded edges",
"lighting": {
"type": "soft studio lighting",
"intensity": "medium",
"direction": "even top and front light",
"accent_colors": ["pastel cyan", "light gray"],
"reflections": false,
"refractions": false,
"dispersion_effects": false,
"bloom": false
},
"background": {
"color": "light gray to white gradient",
"vignette": false,
"texture": "none"
},
"post_processing": {
"chromatic_aberration": false,
"glow": false,
"high_contrast": false,
"color_emphasis": ["cyan", "white"],
"sharpness": "medium",
"clarity": "clean"
},
"camera": {
"angle": "isometric or front-centered",
"focus": "entire object",
"depth_of_field": "none"
},
"text_style": {
"type": "engraved or extruded into the surface",
"font": "bold sans-serif",
"color": "slightly darker or lighter tone than base",
"alignment": "centered or top-aligned"
},
"shadows": {
"type": "soft",
"intensity": "low",
"direction": "downward",
"blur": "medium"
}
}


2. Переливающееся стекло с ярким светом
retexture the image attached based on the json below:
{
"style": "photorealistic 3D render",
"material": "glass with transparent and iridescent effects",
"surface_texture": "smooth, polished with subtle reflections and refractive effects",
"lighting": {
"type": "studio HDRI",
"intensity": "high",
"direction": "angled top-left key light and ambient fill",
"accent_colors": ["blue", "green", "purple"],
"reflections": true,
"refractions": true,
"dispersion_effects": true,
"bloom": true
},
"color_scheme": {
"primary": "transparent with iridescent blue, green, and purple hues",
"secondary": "crystal-clear with subtle chromatic shifts",
"highlights": "soft, glowing accents reflecting rainbow-like effects",
"rim_light": "soft reflective light around edges"
},
"background": {
"color": "black",
"vignette": true,
"texture": "none"
},
"post_processing": {
"chromatic_aberration": true,
"glow": true,
"high_contrast": true,
"sharp_details": true
}
}



Продолжение в комментах ⬇️

💬 Тултип
  • 🔥 9
  • 👍 4
  • ❤ 3
  • 🕊 1
Post #211 539
Успешное тестовое в Алису

Саша Кузнецов из Алисы поделился своим успешным опытом выполнения тестового задания на позицию senior product designer в Алису. Для выполнения тестового потребовалась одна ночь и пара бутылок пива. Запоминаем подход

Задача

Figma с решением

База других тестовых заданий ▶️

💬 Тултип
  • 👍 8
  • 🔥 2
Post #210 317
Прокачай свои шрифты | Vol.1

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

Готические шрифты и полуустав
Ренессансная антиква
Барочная антиква
Переходная антиква
Антиква нового стиля
Шотландская антиква
Малоконтрастная антиква
Советская антиква
Современная антиква
Акцидентная антиква
Брусковые шрифты

💬 Тултип
  • 👍 3
  • 🔥 2
Post #207 345
Превращаем любое фото в 3D-модель с нео-футуристичной стилистикой

На просторах Линка нашёл классный пресет, который позволяет за пару шагов превратить любое фото без фона в 3D-арт с эффектным, технологичным стилем.

Вот как выглядит пайплайн:
1) Загружаем фото в Chatgpt (на прозрачном фоне)
2) Пишем промт
"retexture the image attached in the following json aesthetic style: { "style": "Hyper-realistic 3D Render", "material": "frosted transparent crystal", "color_palette": ["soft white", "rainbow light spectrum", "holographic highlights"], "background": "pure black", "object_properties": { "finish": "smooth matte with glossy edges", "lighting": "strong directional spotlight from multiple angles to create prism effects", "transparency": "70%", "surface_details": "sharp cuts and beveled edges with internal light scattering" }, "shapes": ["mechanical nut", "technical forms", "geometric objects"], "camera_angle": "macro close-up, slightly tilted for dramatic depth", "resolution": "ultra-high, 8K preferred", "shadows": "soft and colorful diffusion", "details": { "reflections": true, "refraction": true, "prismatic dispersion": true, "subsurface scattering": true } }"

3) Получаем 3D для криптостартапа

Не благодарите 🤨

💬 Тултип
  • 👍 13
  • ❤ 4
Post #206 381
13 архивных фигм от дизайн студии Pragmatica

Рабочие, с комментариями – для тех, кто любит разглядывать дизайн вблизи.
В каждом проекте есть что-то интересное подглядеть:
1) Брейншторминг
2) Анализ конкурентов
3) Формирование концепции
4) Презентация
5) Проектирование

пресейлы
1. beauty bomb – концепции, презентация и интерактивный прототип. в видео 🥧 лера мацуева, дизайнер проекта, рассказывает подробнее.
2. золотое яблоко – разработка айдентики для стм-товаров бренда
3. solar staff – брендинг для международного проекта

брендинг и маскоты
4. bleep bleeps – финальная фигма по брендингу
5. образовательный фонд – чистовая фигма по айдентике: референсы и финал
6. маскот для liquid dex – ai-рефы, 2D иллюстрации, презентация, демонстрация в сайте
7. маскот для mindset

сайты и UI
8. osmi – рабочая фигма, открытая заказчику с первого дня
9. next generation zoom – компоненты проекта, отмеченного ui лентой на behance
10. tabu – рабочая фигма проекта: от первого экрана до ui kit
11. selectel – сайт для академии, полная рабочая фигма

поддержка и процессы
12. admirals – флоу, с которым закрыли 150+ задач за 3 месяца: сотни баннеров на 20 языках; в фигме – часть и система работы под клиента
13. supermatch – честная процессная фигма: как в маркетинге прагматики шаг за шагом собирали сайт школы

💬 Тултип
  • 👍 7
  • ❤ 3
  • 🔥 2
Post #199 324
OZON — как поменялась главная страница за 25 лет

На выходных я решил покопаться в архивах, а конкрентно на сайте webarchive. Там собраны слепки сайтов из различных временных промежутков. Мне стало интересно, как развивались и менялись гиганты индустрии. Первым в очереди стал Озон. Он был одним из самых интересных кандидатов так как существует он с 90-х годов и там точно есть, что посмотреть.
Я собрал скрины главной страницы с разницей в пятилетку, так как решил, что за такой промежуток точно должны были происходить кардинальные преобразования. Можете посмотреть сами и поискать отличия, а для тех кому лень напишу небольшой саммари

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

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

2010
Добавляются персональные рекомендации, ссылка на твитер и система баллов. В продаже теперь есть электроника, антиквариат, билеты на концерты, путешествия и модный бутик

2015
Опять меняется логотип, теперь в нем разноцветные кружки. Множество новых категорий товаров теперь раскрываются в мегаменю, появилось мобильное приложение. Теперь можно стать премиальным клиентом оформив подписку Ozon status

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

2025
Поздравляю, вы в настоящем

Ставьте 👍, если было интересно и пишите, кого хотели бы увидеть в следующем разборе

💬 Тултип
  • 👍 19
  • 🔥 6
  • ❤ 5
Post #198 416
Ультимативная подборка ИИ для дизайнера

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

Изображения
krea.ai — генерация изображений в реальном времени с фокусом на контроль стиля и качества

midjourney (VPN) — генератор артов с художественным уклоном, даёт кинематографичные, атмосферные результаты

fooocus — локальный генератор на основе Stable Diffusion с простым интерфейсом и высоким качеством

comfy ui — модульный интерфейс для Stable Diffusion, гибкий для продвинутых пользователей

visualelectric — генерация визуалов с упором на редактуру и коллаборацию в команде

weights.gg — галерея и подборка моделей (weights) для Stable Diffusion, удобно искать стили

ideogram — генерация изображений с корректным текстом, уникальна поддержкой надписей

recraft (VPN) — рисует векторы, умеет делать паки картинок в единой стилистике. Проект из Лондона, но корнями из России

freepik ai — генератор в стиле стоковых иллюстраций, интеграция с ресурсом Freepik.

adobe firefly (VPN) — от Adobe, поддержка генерации по стилям бренда, встроена в Photoshop/Illustrator

dall-e 3 (VPN) — генератор от OpenAI, хорошо справляется с подробным промптингом и вставкой текста

magnific — AI-суперрезолвер: улучшает детализацию изображений

topaz gigapixel — апскейлер фотографий и артов с сохранением чёткости и текстур


Видео
hailuoai — китайская платформа, делает фотореалистичное видео из текста


runway — один из лидеров генерации и редактирования видео, удобен для креативных проектов


kling — свежая модель от китайского ByteDance, реалистичные и стабильные видео


Hunyuan Video — видеогенерация от Tencent, делает плавные, качественные ролики


luma labs — превращает видео и фото в 3D сцены, особенно полезно для продакшн-визуализаций


vidu — китайский аналог Sora, быстрый, точный и с глубоким контролем сюжета


sora (VPN) — модель от OpenAI (ожидается публичный релиз), обещает кинематографичную генерацию видео


ltx.studio — платформа от Runway для создания целых сцен и раскадровок с кастомизацией


pika.art — генерация коротких видео, активно развивается, фокус на стиле


heygen — видео-аватары и синтез речи, удобно для презентаций и инфовидео


Текст
deepseek — мощный LLM с точной генерацией кода и технических описаний

chatgpt (VPN)— универсальный ассистент на основе GPT-4, подойдёт для промптов, идей и текстов

mistral.ai — опенсорсная альтернатива, быстрая и лёгкая, подходит для локального использования

qwenlm.ai — китайская модель с хорошей логикой, используется в продуктах Alibaba

perplexity.ai — поисковик с ИИ, отлично подбирает источники и кратко отвечает на вопросы

claude ai (VPN) — ассистент от Anthropic, силён в логике и работе с большими документами, мастхэв для копирайтинга


Веб
relume — генератор лендингов и UI на основе текстового запроса, быстро создаёт сайты

framer — визуальный редактор с поддержкой генерации дизайна и кода; хорошо для прототипов

replit — cреда совместной разработки; включает ИИ-ассистентов для веб-разработки

cursor— продвинутый AI-код-редактор, интегрируется с репозиториями и помогает писать сложный код


3D
hyper3d.ai — превращает 2D-изображения в 3D-модели с текстурами

meshy — генерация 3D-моделей из текста, фокус на быстроте и качестве

tripo ai — генерация простых 3D-объектов, удобно для геймдевов и AR

hunyuan 3d — модель от Tencent для создания 3D-сцен и персонажей по описанию


Аудио
suno — генерация песен из текста, включая вокал и инструменты.

elevenlabs (VPN) — синтез речи высокого качества, поддержка эмоций и множества голосов

udio — конкурирует с Suno, фокус на креативной генерации музыки

adobe podcast — улучшение звука, подавление шумов, автоматическое выравнивание громкости

descript — монтаж аудио и видео через текст, идеален для подкастеров и видеообзорщиков

Каких еще сеток не хватает в этом списке для обретения полного дзена? 🧘‍♀️

💬 Тултип
  • 🔥 7
  • ❤ 3
  • 👍 3
  • 😍 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →