Отличия гайдлайнов iOS и Android в мобильных приложениях. Material Design.
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 2024
- Рассказываю про отличия гайдлайнов iOS & Android в мобильных приложениях, с презентацией и примерами. Видео будет полезно для новичков и кто только начинает изучать дизайн мобильных приложений.
Тайм-коды:
00:00 Почему выбрала эту тему
00:59 Системные шрифты
01:26 Единицы измерения
02:02 Размеры экранов
02:32 Тени в интерфейсе
03:06 Матириал дизайн - что это?
03:32 О девайсах
04:03 Верхнеуровневая навигация
04:41 Дополнительная навигация
05:12 Навигация в верхней части экрана
06:17 Поиск
06:57 Кнопки призыва к действию
👉 Смотрите видео до конца, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
►Мой StyleGuide/Ui-kit в Figma Community: cutt.ly/HWcW3Tm
►Instagram - cutt.ly/jWcQ3Mk
Добавляйтесь в друзья:
★ Facebook - cutt.ly/nWcWecJ
★ Вконтакте - cutt.ly/5WcWu2W
★ Linkedin - cutt.ly/DWcWb5q
Вступайте в сообщества:
★ Полезные публикации о дизайне Вконтакте - cutt.ly/0WcEtXP
★ Telegram канал t.me/joinchat/lr9Dp7eBeY8yOTJi
★ Telegram чат: t.me/joinchat/IbgUWOEfu0Q1OTY6
Мои работы:
★ Dribbble: cutt.ly/1WcEx6E
★ Behance: cutt.ly/UWcEW0I
#figma #webdesign #uxui #uikit #guides #ityoutubersru #отличиягайдлайнов #iOS #android
Что вам больше нравится веб-разработка или мобильная разработка? Выкладывать видео про мобильную разработку?
Тайм-коды:
00:00 Почему выбрала эту тему
00:59 Системные шрифты
01:26 Единицы измерения
02:02 Размеры экранов
02:32 Тени в интерфейсе
03:06 Матириал дизайн - что это?
03:32 О девайсах
04:03 Верхнеуровневая навигация
04:41 Дополнительная навигация
05:12 Навигация в верхней части экрана
06:17 Поиск
06:57 Кнопки призыва к действию
Для QA полезный видос) спасибо. сжато, по полочкам и без воды)
Спасибо, я стараюсь 😉
Очень часто вижу как начинающие специалисты в IT, хоть и по голове в работе, но все же находят время заниматься чем-то другим например записывать полезные видео. Это очень хорошо)
Спасибо ☺️
Спасибо, Валерия, очень полезное видео! Теперь ждем про auto layout))
В следующую пятницу обязательно выйдет 👍🏼
Спасибо!) Все быстро и ёмко. Для того чтобы ознакомиться и заинтересоваться достаточно
А дальше можно и самим почитать )
Классный доклад, спасибо)) Как раз хотела кратенько узнать про гайдлайны и не смотреть при этом вебинар на 2 часа))💝
Хотелось бы увидеть обзор на Material You
Спасибо за видео!
Как мобильный разработчик могу сказать забавную штуку насчет теней
Если по гайдлайнам они не особо важны для айос и важны для андроида, то во время разработки все как раз наоборот
Вот эти material тени контролируются только параметром elevation (на 3:20 видна его суть - это насколько объект выступает над другими) и он одновременно (!) контролирует и размер тени и ее непрозрачность. Больше ничего поменять нельзя. Мягких кастомных теней (не говоря уже о форме тени - скруглений нет) сделать невозможно, все прибито гвоздями к elevation. И разрабы идут на всякие ухищрения а-ля заюзать .png для тени (капец, да) или находят библиотеки которые безбожно тормозят.
В айос слава богу можно просто задать параметры для тени и забыть об этом
О класс! Спасибо за информацию 👌
Отличное и информативное видео! Спасибо!
отличное видео, спасибо!))
Умничка, спасибо
Продолжайте, Валерия! Ваш канал очень перспективен :о)
Контент действительно хороший, подача внятная и !приятная
Подписался
Спасибо)
Спасибо большое! Взахлёб слушала весь материал, пока далека от моб.разработки, только веб🤭
Я на самом деле тоже только учусь мобильной разработке, но главное понять особенности гайдов и практиковаться! Спасибо за комментарий🌷
Сразу лайк
Спасибо большое! Пока это лучшая на мой взгляд лекция для тех, кто хочет заняться мобильной разработкой
Спасибо за просмотр и за отзыв 👍🏼
Валерия,спасибо за обзор! Подскажите, когда мы делаем кроссплатформенное приложение на какие гайдлайны опираться. Какой статус бар делать? нужен ли home indikator?
Валерия, спасибо за видео. Как часто у вас в компании принято выступать с докладами? Есть ли ещё какие-нибудь традиции в компании, расскажите, пожалуйста, очень интересно))
Запишу обязательно видео о работе в компании, как строится моя работа и какие есть традиции)) Каждую неделю у нас кто-то выступает с докладом, обычно это разработчики)
Простите, но в андроид сейчас преимущественно используется шрифт product sans (pixel experience или же "чистый андроид"). Чтож, главное что я более-менее понял что представляет из себя material design на Андроид.
Могу уточнить у разработчиков, но по гайдам у Android шрифт Roboto. А разработчики думаю могут поставить любой шрифт.
Почему в Фигме нет шрифта San Francisco?
Можно скачать бесплатно на мак с официального сайта, и появится в фигме.
360*540 не маленький?
Это самый популярный размер, фронту всегда легче подстроить контент под большее разрешение, чем под меньше. Но перед разработкой мобильного приложения, заказчик обычно делает анализ своей ЦА и определяет самые популярные разрешения среди своей ЦА и это прописывается в ТЗ.
02:30 так что,такой маленький делать в векторе, а в растре иои фигме, разве не фуллхд ?
Не поняла вопрос)
информативно, но приходится на скорости 1,75 смтреть
Я сама свои видео смотрю на ускоренном режиме))
а я на 0.75 😂 особенно то, что слышу первый раз)