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