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

dui. Страница 7

5951 @duiux

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

  • dui

    Нравится, что некоторые сериалы вместо большого опенинга, задают характер (настроение) одной типографикой и фоновой мелодией. В случае с «Reacher» — капс на весь экран и ударный звук на фоне создает ощущение серьёзности. Боевик, детектив все таки про двухметрового накаченного мужика. «Mare of Easttown» — ощущение меланхолии. Про женщину детектива, у которой не все сладко в жизни. ps: Рекомендую к просмотру оба сериала. Ричер ещё недосмотрел, но нравится. А Мейер — прекрасный детектив. @duiux
  • dui

    В Zenly сделали возможность зумить карту одним пальцем. Делаем свайп от любого края экрана и удерживая палец делаем свайпы. Обычно встречал паттерн, двойного нажатия и удержания, но такой метод мне нравится больше. Ещё, при записи экрана появляется маркер с лого сервиса — Spotted on Zenly
  • dui

    ​​#реклама Если вам хочется освоить навыки продуктового (UX/UI) дизайнера, научиться создавать удобные и работающие интерфейсы и продукты, которые упрощают нашу повседневную жизнь, то можете попробовать записаться на курс «Профессия UX/UI-дизайнер с нуля до PRO» от школы дизайна Contented. На курсе своим опытом поделяться эксперты рынка из Ozon, VK group и Cuberto — агентства года по версии Awwwards. За 15 месяцев обучения на фундаментальном курсе вы: — освоите все инструменты и навыки, которые нужны продвинутому UX/UI-дизайнеру; — наработаете более 200 часов практики; — добавите в портфолио 15 работ; — поучаствуете в практикумах совместно с экспертами; — пройдете стажировку в IT-компании или студии. Подробнее о курсе по ссылке: https://clc.to/oHFw6w Скидка 45% до 14 февраля для читателей канал по промокоду DUI
  • Реклама

  • dui

    Если хотите прокачиваться в дизайне, то Почта набирает стажёров https://pochta.tech/bootcamp
    Стажировка в IT компании Почтатех

    Масштабные проекты, большой опыт и экспертиза, 3-ех месячная стажировка

    pochta.tech
  • dui

    Около недели назад я выпустил видео, где предложил импрув для телеграм клиентов. Когда в меню шаринга по лонгтапу на кнопку Send можно было выбрать опции отправки сообщения: без звука и позже. В последнем обновлении, Телеграм официально добавил подобное контекстное меню по лонгтапу на кнопку Send 👍
  • dui

    В приложении «РЖД» сделана защита штрихкода, что бы убедиться, что пассажир показывает не скриншот. При свайпах на нём отображается красная точка
  • dui

    На опрос вдохновил тред Dan Hollick, он пытался разобраться, почему люди используют Spacer, описывая плюсы и минусы этого подхода.
    Dan Hollick 🇿🇦

    Why do people use Spacer components? Personally, I prefer using Auto Layout wrappers and controlling spacing with gaps but there might be a use case I'm overlooking? Made some pros and cons below 👇

    Twitter
  • dui

    Новое видео на канале! ✨ Давно не рисовал концепты улучшений для приложений, поэтому решил попробовать вкатиться в это в формате видео. Ещё в видео есть важная новость о проекте https://youtu.be/e34baExOLUo
    Концепт фичи для iOS и macOS клиента Telegram

    Видео создано для телеграм канала о продуктовом дизайне dui — https://clc.to/duiux В этом видео я рассказал о небольшой проблеме, которую мне захотелось решить в рамках концепта для клиентов Telegram на iOS и macOS. Содержание: 00:01 – Интров 00:24 — О проблеме 01:06 — Решение на iOS 01:43 – Решение на macOS Ссылки: Patreon: https://www.patreon.com/astract Boosty: https://boosty.to/astract Музыка в опенинге: feellikedying by Loxbeats https://spoti.fi/34tPBBO​ Creative Commons — Attribution 3.0 Unported — CC BY 3.0 Free Download / Stream: https://bit.ly/2RjmWP3​ Music promoted by Audio Library https://youtu.be/QzlBLpkLOqQ​

    YouTube
  • dui

    Figma выкатила 32 маленьких, но важных обновлений. В треде твиттера есть демка каждой фичи — twitter.com/figmade…12307717
    Figma

    When you’re living and breathing Figma and FigJam, quality improvements can have a big impact on your workflow. 💪 Thanks to all of your feedback, we have 32 Little Big Updates to help you stay in the flow!🤩 Check out all 32: bit.ly/3g2TWnH

    Twitter
  • dui

    Доброе утро! ☀️ Давайте сыграем в игру. Какой размер шрифта используется по умолчанию для основного (body) текста на iOS?
  • dui

    Спасибо тем кто подключился к стриму, рад был пообщаться! :) И доволен тем, что удалось реализовать ту анимацию, хоть и с небольшими ограничениями. Запись осталась на канале, https://youtu.be/Jhsg0DVSBDg Из наблюдений. Figma не смогла в правильный транзишен составных векторых объектов. Поэтому повторить динамический вырез дырки внутри круга не получилось, Figma имитирует обычный фейд переход между этими состоянями. В остальном всё круто, результат со стрима в видео, не успел лишь уделить время таймингу, но не суть. Цель была показать возможности инструмента. До встречи в следующих видео!
  • dui

    Начинаю стрим, буду пробовать повторить анимацию твиттерского лайка в Figma Prototype. Заходите! https://youtu.be/Jhsg0DVSBDg
    Стрим: анимация твиттерского лайка в Figma Prototype

    Пробую повторить анимацию твиттерского лайка в Figma Prototype. До этого я делал её в After Effects – https://youtu.be/5eHgmn42lcs #figma #animation

    YouTube
  • dui

    Привет! Завтра планирую провести трансляцию на своём YouTube канале. На стриме я хочу: попробовать реализовать «ту самую» анимацию твиттерского лайка, которую я делал в AE ранее, но уже в Figma Prototype. Во-вторых просто пообщаться с вами. Это будет неторопливый стрим на полтора часа, поэтому сделаю сколько успею за это время. Любопытно понять, насколько Figma способна в векторные и сложные анимации, а заодно хочу оценить её ограничения. Приходите, буду рад вас видеть! 👉 Завтра (23.01) в 12:00 МСК — https://youtu.be/Jhsg0DVSBDg
    Стрим: анимация твиттерского лайка в Figma Prototype

    Пробую повторить анимацию твиттерского лайка в Figma Prototype. До этого я делал её в After Effects – https://youtu.be/5eHgmn42lcs #figma #animation

    YouTube
  • dui

    В Honor Magic V круто реализована заставка при закрытие устройства. Источник
  • dui

    Спустя 8 лет перерисовал свой первый дрибббл шот в Figma. Полный вектор за исключением одной PNG для текстуры шума на экране.
  • Реклама

  • dui

    Nima Owji у себя в твиттере рассказал, что Figma добавляет тёмный режим. Ждём!
  • dui

    Dan Hollick подсветил проблему Figma, что в ней нельзя наследовать стили цвета для других стилей в дизайн системе. Но он нашёл возможное решение в виде плагина Figma Tokens. В реплае к его твиту, Alexey Ardov предложил ещё одно решение — указывать цвет припиской в названии стиля.
  • dui

    Давно не попадал на советы от Бюро, но тут он очень толковый и хороший про создание и развитие дизайн систем в продукте. Коротко, если вам нужно сделать дизайн систему, это не значит, что пора рисовать все возможные кнопки и компоненты, которые рисуют в сети. Нет, нужно проанализировать, что сейчас чаще используется в продукте и вынести это в вашу библиотеку компонентов. После подружить с кодом и сделать компоненты быстрым и удобным для дальнейшего изменения, плюс оптимизировать его возможные кейсы. И да, сделать дизайн систему в рабочем продукте нельзя. Это постоянный процесс развития и оптимизаций. Полный совет тут — https://bureau.ru/soviet/20220118/
    Просят сделать дизайн‑систему

    Здравствуйте! На работе просят сделать дизайн-систему для веб-сервиса. Задача — облегчить жизнь разработчикам и в целом структурировать все компоненты и стили. Уже гуглил Карбон, Флюент, Спектрум, но это всё системы крупных компаний. Кажется, что их примеры больше для вдохновения. Как лучше подойти к этому процессу, чтобы идти от фундамента к деталям?

    Бюро Горбунова