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

Связь @gorba4evgenii
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Сайт BentoGrids посвящен подходу к дизайну веб-страниц с помощью сеток, вдохновленных японскими бэнто-боксами. Такой подход одними из первых, по классике, начали применять в Apple, ну а потом все кому не лень. У нас такой подход особенно любят в Альфа банке, как я замечал.

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

#референсы
🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Классная упаковка сайта с 3D для Роскосмоса от студии Мэйк. Агенство любит делать подобные вау работы для серьзных клиентов — можно посмотреть у них в кейсах

#референсы
#сайты
👍1
Анимированный стикер из Telegram на свой сайт

Недавно узнал про то, как можно легко вставить на сайт анимированный стикер из Telegram. Может пригодиться, например, для оформления портфолио.
Нужно будет зайти с ПК
1. Отправляем стикер боту в телеграм Он конвертирует его из формата .tgs в .json
2. Сохраняем файл
3. Загружаем на Lottiefiles. New-> Download animation. Сервис конвертирует анимацию в формат lottie
4. Скачиваем получившийся файл и используем, где необходимо

#инструменты
🔥2
Интерфейс. Алан Купер

Одна из базовых книг по проектированию интерфейса.

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

В общем, советую для общего развития.

#книги
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Подборка инпутов, кнопок, селекторов и других элементов интерфейса во всех возможных интерпретациях.

Каждый элемент можно потыкать и ,при необходимости, скопировать код на Next.js
Подборка регулярно пополняется — на очереди окно диалога 💬

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

#элементы
#референсы
👍2
Роб Фитцпатрик (Rob Fitzpatrick) в своей книге «Спроси маму» объясняет, как научиться выявлять истинные потребности и трудности целевой аудитории. Главная идея метода в том, чтобы получать честные и ценные ответы даже от тех, кто обычно стремится вас подбодрить, независимо от того, верит ли он в вашу идею.

Это базовая книга для тех, кто хочет получать действительно качественные ответы из своих качественных исследований 🤨

#книги
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Джеймс Гиллард — это иллюстратор и концепт-художник, известный своими яркими, детализированными работами с сильным геометрическим и ретро-футуристическим стилем. Его проекты часто охватывают иллюстрации для книг, анимацию и рекламу, с акцентом на уникальные пейзажи и персонажей. Мне такой стилек нравится — среди огромного количества однотипных округлых френдли иллюстраций, это — как глоток свежего воздуха

Смотреть другие работы

#референсы
#иллюстрации
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Если нужно быстро накидать какие-то 3D формы или запилить объемную иконку, то часто использую этот тул. Называется Endlesstools

Позволяет делать объемный текст, делать 3D из вектора, а также есть библиотека готовых форм. У готовых тридэшек можно менять материал, цвет, окружение, свет и так далее.

На старте дают 50 рендеров бесплатно, что довольно много (я свои до сих пор не потратил еще)

Попробовать

#инструменты
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Нестандартный подход к сборку обратной связи в Тинькофф.
Команда подошла к вопросу креативно и в результате улучшила метрики прохождения флоу, но разработчикам, думаю, пришлось нелегко 🥲

Кейс тут

#референсы
#продукт
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4
Media is too big
VIEW IN TELEGRAM
Gladeye — это креативное цифровое агентство из Новой Зеландии, которое сочетает в своей работе технологии и сторителлинг.

Делают сайты–истории, которые реально интересно полистать и погрузиться в повествование. Ниже подборка из их работ
Площадка NFT
Про социальную мобильность
Сайт–расследование

#референсы
#студии
#сайты
🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Большая подборка бесплатных шрифтов на кириллице от бюро Paratype.
Помимо этого на сайте куча статей про то как выбрать шрифт, на какие детали обратить внимание и так далее. Если углубиться, то базовые знания точно покроет

А если бюджеты позволяют, то у бюро можно и прикупить какой-нибудь этакий гарнитур для своего проекта

#шрифты
🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Интересный лендос от Crauch для Positive Technologies.
Ребятам из Positive Technologies (российская компания из сфера кибербезопасности) понадобился лендинг, чтобы позвать индийских хакеров повзламывать крупные корпорации за большие деньги с призовым фондом в $1,000,000. Была задача сделать отсылку к русскому фольклору, но без балалаек и медведей, поэтому решили использовать яйца Фаберже.

Мне всегда нравится, когда в дизайне заложена какая-то метафора, как тут: взлом сайтов -> раскрытие яиц. Ну и плюс сами яйца сделаны в трендовом пискельном стиле

#референсы
#сайты
🔥2❤1
Сжать кучу фоток без ограничений

Сегодня хочу рассказать про то, как можно легко сжать кучу фоток за секу. Как говорится: «Бесплатно, без СМС и регистрации». Мастхэв для ускорения сайта. Тул называется Lymphatus
Скачать можно с Гитхаба тут
1. Скачаиваем файл для Mac (dmg) или Windows (exe)
2. Запускаем программу. Потребуется запустить от имени админитратора (WIn) или разрешить доступ (Mac)
3. Указываем доступ к нужной папке
4. Выбираем процент сжатия. Я выбираю 80%. Можно еще поставить галочку «Без потерь».
5. Выбераем сохранять исходники или переписать файлы
6. Сжимаем

#инструменты

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1🔥1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Студия Grilli Type представила новый фирменный шрифт для Тиктока.
Получился дерзкий за счет необычных острых деталей, скосов у букв и ширины.
Понравилась сама упаковка кейса с анимациями и рассказом про процесс создания
Кейс тут.

#шрифты
#референсы

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2❤1🔥1
Однажды редакторы из Яндекс такси поспорили, что смогут написать самый короткий непонятный рассказ…

Есть идеи, почему так вышло?

#мем

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3😁2🔥1
(Not Boring) Weather

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

#референсы

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤1🔥1
Корпорация гениев | Эд Кэтмелл

Достаточно распиаренная книга в дизайнерских кругах. Почитать стоит для общего развития. Директор PIxar Эдд Кэтмелл расскажет как Pixar превратились из небольшого убыточного подраздления Джорджа Лукаса в тем, кем они являются

Саммэри:
1. Стив Джобс — наше все
2. Сильная команда всегда важнее, чем отличная идея
3. Будьте готовым к изменениям
4. Открыто обсуждайте проблемы/проекты/вопросы
5. Поощряйте свободу идей и эксперименты

#книги


💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Blendbox — нейросеть для генерации изображений с нестандартным подходом.


Тул дает еще больше контроля над процессом, позволяя создать каждый объект в отдельности и потом объединяя их в одну композицию.
Логика такая:
1. Загружаем фото. Оно будет использовано, как реф
2. Пишем, что хотим получить. Например, "кот"
3. Сетка генерит кота по референсу, который мы прикрепили
4. Опять загружаем фото и пишем, что хотим.
5. Сетка генерит еще одно изображение и подставляет его к предыдущему и дотюнивает, чтобы получилось естественно

За видео спасибо @enscausa

#инструменты
#нейросети

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