Обложка канала

dui. Страница 8

5951 @duiux

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

  • dui

    Сообщение 2 — про талантливых, добрых людей и про себя Вообще я обожаю талантливых людей, которые действительно готовы сделать многое и идут к своей цели и мечте. Знайте, у вас получится! Я зачастую готов помочь таким людям и помогаю им советами. Несколько примеров, которым я горжусь, но и стесняюсь это признавать почему-то. История 1 Это забавная история, как однажды ко мне постучался в личку один человек и адекватно спросил, как ему стать дизайнером интерфейсов. Я сказал, что отвечу позже. В итоге вспомнил об этом через месяц, вернулся в личку, извинился и вылил лонгрид контента куда смотреть.  Человек, был удивлён этому ответу, но был рад, что я не забыл и ответил ему так развёрнуто.  Спойлер. Через несколько лет оказалось, что мы работаем в одном большом проекте :). Узнал об этом, лишь когда мне нужно было написать новому сотруднику. А там вся наша прошлая переписка ☺️ История 2 Ещё одна история, касается другого профиля деятельности. У меня есть молодой друг, который недавно решил сменить свою деятельность и уйти в 3D.  Человек живет в регионе и ему тупо не хватает поддержки людей в своих начинаниях. В итоге мы с ним настолько сильно наболтались, и я зарядил его энергий, что он решил начать это все реализовывать. Он очень быстро растёт, я стараюсь помогать каким-то ревью, так как есть небольшой бэк в рисовании, кидаю ресурсы и статьи, которые ловлю в сети. В общем помогаю ему вырасти и найти норм ЗП.  Так как верю в него, радуюсь его результатам, усилиям и мышлению. Быстро растёт и уже начал работу в небольшой игровой компании. То есть человек имея базу пошёл работать в проект и нарабатывать опыт. И это очень круто! ❤️  Если ты вдруг читаешь это все. Ты знаешь, что я всегда говорю: «Ты крутой ✨» История 3 Ещё вспомнил, как один из читателей моего телеграм канала написал мне так же благодарность за помощь в советах по дизайну. Он сменил профессию из продакта в DesignOps и был очень этому рад. Суть этих историй в том, что надо быть хорошим и добрым человеком, не стесняться задавать вопросы и тогда всё получится. Но важно понимать, что да, не каждый вопрос может быть услышан. Но если вы ок человек, то думаю даже через месяц вам кто-нибудь да ответит ❤️ Весь этот тред — не хвастовство. Мой психолог за такое слово однажды «дал мне по лицу», что я принижаю своих заслуги.  Для меня это такая личная психотерапия, когда говоришь это вслух и перестаешь таить. Понимаешь, что не настолько я и бесполезный. Всем добра и хорошего настроения!
  • dui

    Сообщение 1 — про сомнительные, платные обучающие курсы. Как так получается, что зачастую по-настоящему талантливые люди и знающие своё дело плохо монетизируются. А люди, которые плохо смыслят в некоторых вопросах и откровенно учат людей сомнительным вещам, спокойно продают курсы и обучают людей этим сомнительным знаниям.  Возможно, после люди с этих курсов осознают проблемы при работе в настоящих продуктах, что уже хорошо. Но плохо, что люди попросту потеряли деньги за неправильные знания.  Мое мнение, что даже за короткий срок имея YouTube и немного времени можно быстро изучить базу, которую продают. А после надо сразу двигать работать в проекты, что бы уже прокачиваться именно с работой в команде и коллегам по сфере. И учиться быть немного самокритичным к своим работам.  Возьмите условные Яндекс практикумы, различные конференции и их записи. Гайды material .io и Human Interface Guidelines. Ководство Лебедева и некоторые книжки от Бюро. Думаю этого контента, хватит вполне для понимания базы, а после только практика.
  • dui

    Написал в твиттер небольшой тред саморефлексии по двум темам, но они оказались обе смежные и захотелось ими поделиться в канале тоже. Для удобства чтения, вынесу это прямо сообщениями тут, так как канал позволяет не резать заметку на отдельные части.
    astract (@astract_) | Twitter

    The latest Tweets from astract (@astract_). ex-Senior Product Designer @Vkontakte & @locals_org / 📹 Youtuber / ✍️Write about Product Design – https://t.co/MTMZ4sP8lL / 💻Studying the code – https://t.co/HxJGZuDTk5. Russia

    Twitter
  • Реклама

  • dui

    Недавно обнаружил, что двойное нажатие на колёсико Apple Watch активирует переключение между двумя последними приложениями. Причём, обратите внимание на внимание к деталям при переключении. Анимация смещается от одного ярлыка приложения к другому. Приложения переключаются не просто через условный слайд, а именно схлопываются в иконку, перемещается фокусом к другой и так же раскрывается ✨ Мне интересно, у Apple есть строгое правило в дизайн команде, соблюдать все тонкости при работе? Потому, что иногда я просто поражаюсь вниманию к деталям. Считаю, именно такие мелочи и делают продукт опрятным и качественным.
  • dui

    Кайф, в Figma подвезли комментирование областей. Можно выделить область и оставить к ней комментарий. Ещё добавили хоткей для показа и скрытия всех комментариев: Shift + C
  • dui

    Интересная продуктовая идея у приложения Locket. Суть заключается в том, что после установки, вы добавляете виджет на экран, так же, как и ваши друзья. После, вы можете отправлять фотографии снятые через приложение на виджеты друзей. То есть ваша фотография отобразится сразу на экране у человека.
  • dui

    Незнал, что иконки в Dock на маке поддерживают отображение в цветовом профиле P3, но HIG рекомендует все же использовать sRGB из-за внешних мониторов, которые в большинстве своём не поддерживают это цветовое пространство. А вот на iOS можно применять P3 без проблем, так как экраны этих устройств его поддерживают. Источник: Gavin Nelson on Twitter
  • dui

    Исходник, если интересно посмотреть, что и как внутри сделано.

    json-to-text.origami

    application/octet-stream
  • dui

    Вчера немного поковырялся в Origami studio и научился подгружать данные из внешнего JSON файла. На скриншоте видно, как имя и возраст из значений файла, формируется в строки на экране прототипа. Следующий шаг попробовать это всё завернуть в компонент ячейки в списке, и подгрузить данные туда. После и вовсе научиться запрашивать данные из API.
  • dui

    По наводке одного из участников GitHub, починил баг, когда генератор выдавал неправильный hex-код и тем самым отображался белый цвет на фоне. Решением было переписать алгоритм генерации цвета. Суть алгоритма проста, я генерирую 3 разных значения в диапазоне от 0 до 255 для R, G, B. После конвертирую полученную цифру в 16-ю систему счисления. Делаю проверку все ли значения имеют два символа, если нет, то дописываю вначале — 0. И в итоге склеиваю это в основной HEX код, который уже применяется в CSS переменной. Ссылка на сервис — https://astract.github.io
  • dui

    Новое видео уже на ютюб канале, го смотреть! Я настолько люблю векторные анимации, что не сдержался перед лайком Твиттера, и повторил его анимацию в After Effects — https://youtu.be/5eHgmn42lcs
    Делаем анимацию твиттерского лайка в After Effects (Lottie)

    Видео подготовлено для телеграм канала о продуктовом дизайне dui — https://t.me/duiux Показал, как можно сделать анимацию твиттерского лайка в АЕ с учетом экспорта для Lottie. Содержание: 0:00 — О чем видео 0:25 – Смотрим референс 0:57 – Шаг 1 - Появление сердца 1:46 – Шаг 2 - Появление круга 2:50 – Шаг 3 - Добавляем вырез в круге 3:06 – Про ограничения возможностей Lottie 3:22 – Шаг 3.1 - Делаем вырез в круге с помощью маски 3:56 – Важное примечание 4:30 – Шаг 3.2 - Продолжаем делать вырез 5:16 – Шаг 4 - появление второго сердца 6:32 – Шаг 4.1 - динамичная смена цвета круга 7:24 – Шаг 5 - текст +1 на сердце 7:42 – Шаг 5.1 - про якорную точку 8:26 – Шаг 5.2 - продолжаем анимацию появления текста 9:02 – Шаг 6 - добавляем баунс эффект для сердца 10:56 – Шаг 7 - Доделываем анимацию текста 11:13 – Шаг 8 - вылет частиц плюсов у сердца 12:33 – Шаг 8.1 - про родительские слои 14:53 – Итог. Смотрим полученный результат 15:08 – Прощаюсь Ссылки: Таблица поддержки свойств Lottie — https://lottiefiles.com/supported-features…

    YouTube
  • dui

    Нравится генеративное искусство. Прочел новость, как нейросеть Botto создает абстрактные картины и успешно их продает за крипту. И с каждым разом нейросеть анализирует, какие картины нравятся больше людям и подстраивает новые изображения под их вкусы. К слову, моя личная аватарка тоже была сгенерирована какой-то сеткой
  • dui

    Добавил в свой хобби-код-проект «Генератор градиентов» возможность скопировать значение в буфер c отображением статуса, что оно было «Скопировано». Со второй фичей (отображением статуса) извернулся через setTimeout. Доволен, что додумался до этого способа сам и оно работает, но думаю это не самое лучшее решение. Поэтому буду рад комментариям, как можно сделать код лучше и правильней, мне это очень поможет в освоении JS. Ссылочка на сервис тут — https://astract.github.io/ Пул-реквесты фич: 1. Копирование кода в буфер — github.com/astract…o/pull/2 2. Отображение статуса после копирования — github.com/astract…o/pull/3
  • dui

    Сегодня кайфанул от внимания к деталям в Slack. Когда сидишь в handdle один, то спустя время выключается микрофон и включается музыка ожидания. Такая типичная мелодия, которая бывает, когда ждешь ответа оператора или играет в лифте 🙂
  • dui

    Chrome выделяет рекомендуемую ячейку настроеек primary оттенком
  • Реклама

  • dui

  • dui

    Появилась возможность активировать режим интерфейса в стиле Samsung One Ui. Когда контент ниже по умолчанию за счёт огромной шапки
  • dui

    Судя по всему обновятся тоглы. Но как я понимаю, иконки внутри будут лишь при активации доступности или постоянно?