8162
Блог о продуктовом дизайне. По рекламе — https://bit.ly/46IJwSH Канал с вакансиями — @dui_work Канал в Дзен — https://dzen.ru/dui Автор: @astract Поддержать канал https://t.me/duiux/1481
Ещё немного побурчу, простите 😳Но почему в iOS при создании скриншота нельзя скопировать текст сразу? Почему это работает лишь после открытия скриншота в приложении Фото?
Ps: на этом бурчание прекращаю 👴
Только сейчас пришло осознание, что эти буквы в стилях текста не случайны, а обозначают буквы хоткеев с Cmd+… (Ctrl+…).
🤯
Практический курс Ильи Бирмана «Пользовательский интерфейс и представление
информации» с 22 апреля по 21 мая — запись на курс открыта до 21 апреля
Преподаватель курса — Илья Бирман, арт‑директор Бюро Горбунова.
На курсе Илья за четыре недели покажет как дизайнить хорошие интерфейсы. Курс будет полезен начинающим и опытным дизайнерам, арт‑директорам, менеджерам, программистам и редакторам.
Записаться на курс до 21 апреля
Пользовательский интерфейс и представление информации
#реклама
Как выбрать стартап для работы
Последние несколько недель я ежедневно изучаю различные стартапы, чтобы найти надежный и интересный продукт для долгосрочной работы. И в текущее время еще более важно понимать ситуацию в компании.
Дина Казакевич, QA из Adalo, работает удаленно с зарубежными стартапами уже более 6 лет и делится личным опытом анализа стартапов.
Что внутри:
— Ресурсы с информацией о стартапах
— Где и зачем смотреть на инвестиции
— Как анализировать изменения между раундами инвестиций
— Про важность местных сотрудников
— Какие вопросы задать на собеседовании
P.S.: А здесь еще одно интересное видео от Армана Сулейменова о том, как стратегически правильно выбирать стартапы для работы. Арман рассмотрел подход к поиску работы как инвестор и показал список из 12 перспективных стартапов.
👉 Читать подробнее
Недавно я спрашивал в канале об опыте применения нейросетей в своих проектах и вот на днях я узнал историю, как человек без знания кода сделал своё iOS приложение и выложил его в AppStore.
Весь код был написан с помощью ChatGPT.
https://twitter.com/pakhandrin/status/1640397012502822938?s=46&t=9YDA16bk8nY6UoktxsQ63A
Игровая компания EA выпустила обновлённый логотип новой игры FIFA (теперь она правда называется иначе из-за юр.проблем, но не суть).
Интересно, как элемент игрового интерфейса (курсор игрока) превратили в основную форму логотипа, и как классно у них получилось показать эту идею коротким роликом.
Подборка для вдохновения на неделю
1. Виджеты активности — https://dribbble.com/shots/14792467-Activity-Widgets
2. Приятная цветовая гамма и типографика — https://dribbble.com/shots/20926293-Finance-Mobile-App
3. Кислотный микс с жирной типографикой — https://dribbble.com/shots/20928486--WWF-Educational-App
4. Приятная рыже-чёрная цветовая схема — https://dribbble.com/shots/20926214-Maxlook-Fashion-Mobile-App
Небольшая подборка для вдохновения.
1. Мой любимый аккаунт для черпания идей для медиа приложений — https://dribbble.com/shots/18271384-Video-Profile
2. Понравилась идея со слайдером выбора цвета — https://dribbble.com/shots/14727732-Photo-editor-app
3. Интересная коцепция дизайна в стиле старых ос для компов — https://dribbble.com/shots/19684114-Corta-AI-Effect-Conversions-Photo-Editor
4. Чистый и аккуратный дизайн интерфейса камеры с лёгким ароматом сквевоморфизма 🤌— https://dribbble.com/shots/19684114-Corta-AI-Effect-Conversions-Photo-Editor
Тут оказывается вышла вторая версия Android 14 для разработчиков, небольшой обзор фич из неё.
— Предпросмотр предыдущего экрана при жесте «Назад» от края
— Мигание экрана и вспышки при получении
— Генерация обоев из эмоджи.
— Доступ только к выбранным фото для приложений
— Виджет заряда аккумулятора у всех подключённых устройств.
— Возможность увеличения шрифтов до 200%, вместо 130%.
— Приложения ниже Android 6 более не будут поддерживаться.
— Поддержка ключей доступа через сканирование биометрии вместо стандартных паролей.
— Сервис Health Connect интегрирован в систему
https://youtu.be/Z4uFqqWiv5Y
В дополнение к заметки про материалы, сделал перевод твиттер треда про лучшие практики применения материалов.
Используйте наиболее легкий (Thick) материал для большего контраста. Если вам нужно выделить какие-то элементы, то этот тип материала будет хорошим выбором.
Так же использование более легких материалов даёт пользователю больше контекста. Вы больше видите контента позади.
Для улучшения читабельности текста поверх заблюренных материалов используйте vibrancy. Vibrancy динамически подтягивает фоновой цвет к содержимому переднего плана.
Источник — https://twitter.com/createwithplay/status/1633164424365367296?t=y3yE4SoQCKLhZdPHZTKkUg&s=19
Повторное нажатие на значок звука в яндекс.переводчике запускает замедленное воспроизведение
Читать полностью…
Немного VR интерфейсов. Приобрёл Oculus Quest 2 и получил массу положительных эмоций от одной только настройки окружения.
К примеру, чтобы не перепутать геймпады (левый или правый), система делает подсказку отображая силуэты рук.
Ещё одна маленькая деталь — это отображение индикатора заряда геймпада. На скриншоте можно заметить, что в области выше пальцев есть небольшие индикаторы точек (заряд батареии), но на самом деле этих индикаторов «железно» нет. Всё дорисовывает система.
Чтобы быстро вставить символ в iOS клавиатуре можно зажать палец на клавише ввода символов и не отрывая его перетянуть к нужному знаку.
Читать полностью…
Создал дополнительный способ для рублевых карт, карты "Мир" тоже поддерживаются.
Читать полностью…
Кстати, если вам удобнее читать канал в Дзене, то вот ссылка https://dzen.ru/dui
Туда будут в автоматическом режиме дублироваться все посты
Недавно Slack выпустил обновление в котором объединил напоминания и закладки (сохраненные сообщения).
Может быть я не выкупил до конца идею, но это обновление мне показалось странным по ряду причин.
В моем понимании объединять эти сущности нельзя так просто, потому, что если напоминания это временные объекты, которые ты можешь закрыть, то сохраненные сообщения я сохраняю на долгое время и его мне не требуется «выполнять», оно мне нужно для других целей. Например просто сохранить что-то как важное.
Теперь же из-за объединения, все сохраненные сообщения висят в секции активных напоминаний с возможностью их «выполнить» и помимо этого имеют счётчик в разделе, который постоянно напоминает мне о том, что что-то надо сделать, хотя это не так. Тут на скриншоте закрашены сообщения из сохраненок.
То есть для меня прошлое решение, когда каждая сущность жила в своем разделе было удобней. Но видимо большие данные у продукта сказали иначе…
Кажется Самсунг признали проблему (надеюсь) и вернули цветные значки уведомлениям в недавнем обновлении. Считывать уведомления в списке стало проще и удобнее вновь
Читать полностью…
Хорошая базовая статья про создание иконок — https://habr.com/ru/articles/727066/
Основные принципы хорошей иконки: одинаковая толщина линии в определённых размерах, рисование по сетке и семантический нейминг (называть иконки по их изображению, а не смыслу),
На канале Толи вышел полезный пост для тех кто сейчас ищет работу в стартапах, не мог не поделиться.
Читать полностью…
Контекстное меню на айфоне умеет конвертировать выделенные значения в местные размерности.
Читать полностью…
Приложение на Android с набором всех основных компонентов системы Material You.
Полезно при использовании нативных элементов в вашем дизайне и проверке их поведения.
Ссылка на приложение — https://play.google.com/store/apps/details?id=io.materialdesign.catalog
Ранее в канале я рассказывал про аналогичное для iOS — /channel/duiux/1095
@duiux
Я думаю в этом канале многие знают про нейронные сети midjourney и chatgpt.
Коротко для тех кто незнает, первая рисует изображения вплоть до фото реализма, вторая ответит на любой вопрос и курсовую напишет. Тут даже было немного про них.
Так вот стало интересно, кто нибудь уже использовал их в повседневной работе над продуктом? Расскажите о ваших кейсах
Полноценный, мобильный инструмент для создания нативного iOS дизайна.
Простыми словами, такая Figma, но заточенная на мобильный ios дизайн. Работать можно, как с iPhone так и с iPad.
Особенное преимущество инструмента перед Figma в том, что он поддерживает нативные эффекты и фичи системы, судя по описанию с сайта продукта.
https://www.createwithplay.com/
Если вы вдруг используете Origami Studio для прототипирования, то тут появился патч с помощью которого можно использовать GPT3 — https://twitter.com/heyadam/status/1627779658724048896?s=46&t=aWV1eAan8GuRrWQSh0a4sg
Ещё можно и DALLE2 подключить — https://twitter.com/heyadam/status/1627834801062580224
Немного про материалы (Materials) в iOS.
В iOS существуют сущности под названием "материалы". Это элементы, которые создают полупрозрачный эффект, используемый для создания глубины. Простыми словами — блюр.
Материалы бывают четырёх типов:
1. Ultra Thin.
2. Thin.
3. Material.
4. Thick Material.
Более подробно про материалы можно прочитать тут в переводе на русский — https://nauka-dsgn.ru/human-interface-guidelines/ios/visual-design/materials
И в документации для разработчиков от Apple. https://developer.apple.com/documentation/swiftui/material/
Недавно в рабочем проекте столкнулся с проблемой, что нужно было вывести цветовую палитру из существующего приложения. Сначала я непонимал, как подойти к этой задаче и с чего начать, но посоветовавшись с другими дизайнерами нашёл подходящее решение.
Я взял ключевые экраны приложения и вывел из них уникальные цвета. Цвета с прозрачностью старался подвести к 4 кратным значениям, то есть не 29%, а 28% прозрачности.
Благодаря этому простому методу в проекте появился подходящий набор стилей цвета, который можно использовать.
Поздравляю победительницу!
1. Valérie
В ближайшее время с вами свяжутся по поводу доставки приза 🎉
Проверить результаты
Если вам очень хочется поддержать канал финансово, то мне можно закинуть разовый донат через кнопку "Пожертвовать".
Я буду вам за это очень благодарен и буду понимать, что делаю для кого-то полезный контент 😄
В тему хочется вспомнить свой прошлый пост о том, почему красить все иконки приложений в один цвет не лучшая затея, как мне кажется /channel/duiux/1006
Цветокодирование важная вещь. Люди ищут приложения по множеству факторов: форме, цвету, лого. И если эти факторы уменьшать, то искать нужное приложение будет сложнее.