8050
Блог о продуктовом дизайне. По рекламе — https://bit.ly/46IJwSH Канал с вакансиями — @dui_work Автор: @astract Поддержать канал https://t.me/duiux/1481
Я думаю в этом канале многие знают про нейронные сети 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
Цветокодирование важная вещь. Люди ищут приложения по множеству факторов: форме, цвету, лого. И если эти факторы уменьшать, то искать нужное приложение будет сложнее.
А для тех, кто прочёл предыдущий пост до конца хочу провести розыгрыш книги. Доставка будет бесплатная. Победитель получит бумажную книгу, если находится в РФ. Если же в другой стране, то получит электронную копию книги и ещё одну на выбор.
Условия конкурса:
1. Нужно подписаться на мой канал @duiux и канал издательства @alpinaru
2. Нажать кнопку под этим сообщением «Участвовать
3. Через неделю бот выберет победителя!
Когда сделал множество онбордингов при запуске приложения.
Читать полностью…
Очень информативное видео о том, как передавать дизайн в разработку. Но на самом деле видео охватывает весь цикл разработки дизайна от начала и до финального ревью.
Короче, рекомендую посмотреть.
https://youtu.be/JeZTcJSh3gE
В очередной раз напомню об отличном образовательном проекте Матвея. Приятно было принять участие в разработке одной из секций про анимации в интерфейсах.
Читать полностью…
Решение от Ozon, как рассказать какой код нужно ввести.
Читать полностью…
Небольшая подборка для вдохновения.
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
Туда будут в автоматическом режиме дублироваться все посты
Недавно в очередном обновлении, Samsung решили, что покрасить ВСЕ уведомления в стиль системного цвета это лучшее решение вместо фирменного цвета каждого приложения.
Считывать уведомления стало немного сложнее.
Хочу рассказать вам о книге, которая будет полезна каждому творческому человеку, будь вы дизайнер, разработчик, бизнесмен. Книга расскажет, как защитить свои интеллектуальные права и при необходимости отстоять их.
Книга охватывает множество вопросов. Отмечу некоторые пункты из содержания для наглядности: авторское право, защита бренда и всё про товарный знак. Как вести правовую деятельность с сотрудниками в компании, так, что бы после ухода из компании сотрудник к примеру не продал код другим людям. Как выйти со своим брендом на зарубежный рынок и зарегистрировать патент при необходимости и многое другое.
Каждая глава описана в простом и доступном для чтения формате. Если кто-то до этого читал другую книгу Максима Ильяхова «Пиши, сокращай», то вы понимаете о чём речь. Большинство моментов дополняется комментариями юриста Алексея Башука, который является соавтором книги и помогает с вопросами с правовой точки зрения.
Одним словом книга охватывает множество важных и первичных вопросов и думаю должна быть на полке у каждого интеллектуального творца. Я рекомендую! 🙂
Nokia обновила логотип спустя 60 лет.
Компания хочет уйти от ассоциации с мобильными телефонами.
Фирменный синий цвет заменили на другой диапазон цветов в зависимости от использования.
Обновление Disciplina
Я очень люблю этот файлик-справочник в Ноушене. Это хороший пример итеративного подхода — не могу поверить что такой объём я бы смог собрать сразу и по своему желанию — и проявление кооперативного подхода в главе Анимация, которая написано совместно с Андреем Астрактом.
Хоть и кооперативность не такая «технологичная» и свободная как в Гитхабе (с любыми желающими). Но она уже помогает создавать главы, в которых у меня мало подходящих ссылок.
Сегодня я подсвечу очередное обновление:
— Новое название — Справочник дизайнеров (Disciplina)
— Добавлены иконки ко всем главам
— Переделана структура: снова выделен основной путь развития, дальше идут дополнительные навыки
— Добавлена глава Системность, в коллабе с Мишей Гурьевым
— Добавлена глава Доступность, в коллабе с Мишей Рубановым
Особенно греет душу бесплатность, которую справочник сохранит и в будущих версиях.
Если вы хотите о чём-то узнать или, наоборот, поделиться ссылкой — пишите в комментарии.
Недавно обратил внимание, что на задней стороне корпуса Apple Watch описаны все основные характеристики устройства.
Читать полностью…
