Яндекс выпустили бета версию приложения Шедеврум, где можно генерировать изображения с помощью ИИ, делиться ими в ленте и лайкать то, что опубликовали другие.

Доступно на iOS и Android. Попробовать стоит :)

Чтобы самому писать запросы, надо нажать на плюс и подождать. Мне дали добро примерно через сутки.

https://apps.apple.com/ru/app/%D1%88%D0%B5%D0%B4%D0%B5%D0%B2%D1%80%D1%83%D0%BC/id1671837122

Ловите очень крутую статью про паттерны навигации в iOS.
⠀
Автор выделяет несколько самых распространенных типов построения навигации в мобилках.
Древовидную структуру
Плоскую
Пирамида
так называемый Hub-and-Spoke
И несколько других типов
⠀
Древовидная встречается почти в каждом приложении.
Как пример: главный>экран новинки>экран товара>экран корзины.
⠀
То есть мы просто переходим от одного экрана к другому поэтапно. Обратно идем по стрелке назад. Нав бар подсказывает где сейчас находится пользователь и содержит в себе стрелку назад.
⠀
Здесь не надо путать с линейной навигацией. Во втором случае мы не “проваливаемся” вовнутрь, а остаемся на одном уровне.
⠀
Плоская структура, как ее называет автор, это про навигацию посредством таб бара. Переключение между экранами без стрелок назад или модальных окон.
⠀
Одно не исключает другого. Мы часто применяем и первый тип, и второй в одном приложении.
⠀
Overlay navigation это про алерты и модальные типы экранов. Они тоже бывают разные. Какие-то требуют от пользователя взаимодействия, какие-то исчезают сами. Здесь не совсем понимаю, почему автор относит это к элементам навигации. Тот же bottom sheet может быть информационным элементом.
⠀
Статья очень полезная. Рекомендую не просто почитать, а читать и сразу находить пример такой навигации в существующих приложениях.
⠀
https://frankrausch.com/ios-navigation#tidwell2020

Давно здесь не было эфиров!

Давайте сегодня вечером в 19Мск встретимся на эфире здесь, в тг.

Можно обсудить этапы и навыки. А можно ваши вопросы. Накидывайте в комментариях.

Ну и важный для меня вопрос, будете онлайн?

Три аспекта, в которых чаще всего допускаются ошибки при дизайне приложений.
⠀
▪️ слишком большие и жирные тексты
⠀
▪️ жирным делается то, что таковым быть не должно
⠀
▪️ очень маленькие отступы между элементами
⠀
▪️ слишком много одного цвета на экране
⠀
▪️ тени там, где им быть не надо
⠀
Я готовлю урок для начинающих ребят, где показываю как вот такой дизайн можно быстро превратить в нормальный, используя свои знания о базовых аспектах. Просто понимая основные правила, можно делать хороший дизайн, без грубых ошибок.
⠀
А чтобы такие вещи откладывались в голове, чтобы они стали привычкой, надо много практиковать и насматриваться.
⠀
___
24 апреля старт курса по дизайну приложения для начинающих. Где делается упор на изучение базы, где много практических заданий и несколько проектов в портфолио по завершению. Присоединяйтесь.
https://abramova-freelance.ru/uxuidesigner

Видели уже плагин wireframe designer?
⠀
Формируешь запрос и получаешь результат.
⠀
Да, пока сыро.
Да, с кучей лишних элементов.
Да, только под Android.
⠀
Но ведь делает меньше, чем за минуту! Создает наброски самых разных экранов и даже использует auto layout.
⠀
—-
Сегодня начался курс для начинающих. Еще можно успеть запрыгнуть в группу.
⠀
А в среду старт потока для опытных. Осталось 3 свободных места. Занимайте, курс крутой 😎
⠀
https://abramova-freelance.ru/appdesign

Новый ролик с обзором сценариев регистрации в семи различных приложениях.
https://youtu.be/w2stqbt5rO0

В видео:
- размещение элементов
- состояние полей
- состояние кнопки
- уведомление об ошибках
- алерты, которые не нужны
- ошибки в навигации
- удачные решения

Полезно?

Собрала информацию по проектированию поиска в мобильных приложениях на одну страницу в Notion. Если получится, то оформлю потом на сайте. Изучать и применять можно уже сейчас :)

https://www.notion.so/e8030e00ff2c430c9ea04560f9baced5?pvs=4

Думаю переименовать канал, чтобы было понятно еще из названия, что основная тема это мобильные приложения и проектирование интерфейсов.

Ничего толкового пока придумать не могу.
Нужна ваша помощь :)

Накидайте плиз в комментариях любые названия, которые приходят в голову на тему мобилок, интерфейсов и проектирования 🙏

Новое название готово! И все благодаря вам, вашим идеям и обратной связи. В итоге оставила фамилию, добавила мобилки и про дизайн не забыла. Получилось ABRAMOBA | MOBILE APPS | UX/UI DESIGN. Кайф 😎

UI марафон 16 уже через неделю.

2-5 июня.
4 дня
3 задания

Обратная связь на каждое дз, каждому участнику.

Жду вас на летнем марафоне :)

https://abramova-freelance.ru/uimarathon

Осторожно, в этом тексте очень часто встречается слово «отступ» (можно даже посчитать сколько :)) 👇🏼

Давайте вспомним правила работы с отступами.
⠀
Сейчас на курсе для начинающих вторую неделю идет очень активная работа по дизайну приложения на 20-30 экранов. Это первый проект для ребят такого объема. И на этом этапе они очень много работают в том числе с отступами.
⠀
Работа с отступами требует внимательности к деталям. Очень часто, не равные отступы слева и справа от границ экрана или между элементами, просто вопрос не внимательности к этим моментам. Нет пока привычки обращать на это внимание и работать с этим.
⠀
Но поправка всех отступов удивительным образов делает дизайн более красивым уже за счет только работы над этим. Дизайн становится более структурированным и аккуратным, более логичным.
⠀
Помимо внешних отступов, которые должны быть равны слева и справа, должны быть одинаковые на всех экранах, есть еще работа с внутренними отступами.
⠀
Мы можем разделить это так:
1. внешние отступы от краев экрана
2. внутренние отступы между элементами
3. отступы между элементами внутри группы
4. отступы от заголовка до контента
5. отступы внутри элемента, например в карточке или строке
6. отступ от верхнего края экрана
⠀
Для каждого такого типа отступа есть свои правила.
⠀
Здорово начинать работать с системы отступов. Придумать шаги, например 4px, и увеличивать отступ на эту величину. В итоге получится несколько возможных вариаций отступов.
⠀
Дальше мы выбираем отступы для каждого типа и придерживаемся их в работе над всем проектом.
⠀
То есть если мы выбрали внешние отступы 24px, то смотрим, чтобы такие отступы были на всех экранах проекта.
⠀
Если мы утвердили отступ от заголовка до контента 32px, то также придерживаемся его во всех подобных случаях.
⠀
Но конечно, как и всегда в дизайне, есть исключения, есть гибкость.
Бывает так, что в одном случае заголовок и ниже тип контента это карточки, а бывает заголовок и контент внутри начинается с текста. И отступы в таких случаях могут быть разными. Но опять же мы фиксируем для себя это правило и повторяем его во всех подобных случаях внутри проекта.
⠀
Привычка работать с отступами, обращать на них пристальное внимание нарабатывается практикой. Абсолютно нормально сначала совершать ошибки и не один раз. Но с каждым новым экраном, с каждым проектом, если вы видите эту ошибку, или наставник обращает ваше внимание на нее, вам становится проще запомнить необходимость работы с ней, необходимость корректировки отступов.

Кто-то спорит об определениях терминов UX/UI.
⠀
Кто-то спорит о ценности обучения на курсах.
⠀
Кто-то спорит о фрилансе и его значении.
⠀
А кто-то видит возможности и использует их во благо своему развитию. Изучает методы проектирования, не обходит стороной визуал, проходит обучение и обучается самостоятельно, устраивается на работу и берет заказы на фрилансе.
⠀
Вместо того, чтобы выбирать только одну сторону, можно выбирать лучшее из каждой. И это больше похоже на здоровую позицию.
⠀
Нельзя обесценивать UI и считать UX более важным. На опыт влияет все, и хорошо спроектированный путь, и адекватные цвета в дизайне. И грамотное распределение функционала, и работа над отступами.
⠀
Другой вопрос, что только начиная погружаться в тему дизайна интерфейсов, лучше делать это по-этапно и не браться сразу за все.
⠀
Можно начать с визуала, с постановки базы, а потом погружаться постепенно в методы, вроде user flow или исследования. Не растягивать это на несколько лет, но и не пытаться освоить за одну неделю.
⠀
1. Изучить вакансии
⠀
2. Выписать из них необходимые навыки
⠀
3. Составить план из изучения
⠀
4. Выбрать, что будете изучать самостоятельно, а что на курсах
⠀
5. Выделить время на практику и ежедневно рисовать
⠀
6. Приучить себя к насмотренности
⠀
7. Изучать терминологию, читая книги и статьи
⠀
8. Сверять уровень своего дизайна с актуальными проектами на рынке.
⠀
И все же, самое главное, что помогло мне вырасти и добиться результатов в профессии это большое количество практики и очень много самостоятельного изучения разных аспектов.

17-ая версия системы iOS уже в Figma и от официального источника. Это, кстати, впервые. До этого они делали только для Sketch. Налетайте :) https://www.figma.com/community/file/1248375255495415511

Информации в сети о дизайне приложений много и порой она звучит по-разному на разных сайтах. И надо потратить очень много времени, чтобы все структурировать.
⠀
А с другой стороны, если иметь конкретный план и понимание, что изучать, то результат будет быстрым.
⠀
Я обучаю дизайну приложений с 2020 года. С какой-то периодичностью спрашиваю у выпускников как дела и получаю сообщения о трудоустройствах в классные стартапы, в банки и в студии мобильной разработки.
⠀
Все чаще ко мне стали обращаться сами компании, студии дизайна и тот же банк, чтобы оплатить обучение своих сотрудников.
⠀
А еще классно то, что знания с курса применимы не только в мобилках. Ребята делятся, что знания применимы в адаптивах, в работе с веб-сервисами и приложениями на планшеты.
⠀
Попасть на обучение сейчас супер легко.
Старт начинается сразу после оплаты. Можно оплатить полностью или взять рассрочку от банка без процентов.
⠀
Нет определенных дат запуска, не надо ждать осени, нет жесткой привязки к очень коротким дедлайнам. Обучение начинается сразу или в удобное для вас время.
⠀
Для записи на курс смело переходите по ссылке ниже.

https://abramova-freelance.ru/appdesign