Смотрел урок около двух часов. С нубика, который ничего не знает, по тем терминам которые ты представил(каждый из которых я по 10 минут изучал) стал неплохим таким гигачадом в знании соотношения сторон и ppi dpi измерениях. Век тебе жить!
Миллион часов потраченных на поиск подобной информации… да и еще таким доступным языком. Обидно, что этот канал не нашла раньше. Огромное спасибо и уважение за проделанную работу и очень ценную информацию в открытом доступе.
Привет, Руслан! Большое тебе спасибо за то что ты делаешь, я считаю твой канал большим открытием и глотком свежего воздуха среди каналов о дизайне. К сожалению в конкретно этом видео ты не совсем правильно рассказываешь как устроена плотность пикселей в андроиде. Я сам в свое время тоже чутка запутывался в этом вопросе, но там просто надо смотреть на формулы и посчитать один раз. В своём видео ты считаешь экраны андройда тоже как бы по эппловскому варианту. Смысл dp именно в том, что производители могут настраивать масштабирование (тут даже более правильно сказать "калибровать" до общепринятых масштабов) на экране своего конкретного устройства (с его диагональю и разрешением) и это выглядело адекватно "при любой погоде". И для этого множителей там на самом деле больше, они просто идут с шагом в 0.25 и масштаб элементов на всег устройствах примерно одинаковый, но чуть гуляет из-за этого шага (но и из-за шага элементы не "полупикселят"). Поэтому на весь зоопарк экранов андроид смартфонов можно смотреть примерно как на экраны айфонов: а каких-то строка шире, у каких-то уже, но высота у всех их вообще роли не играет. Когда я преподавал дизайн мобильных приложений, то все тоже рисовали под 360 ширину, а когда ребята хотели видеть как на их конкретном устройстве это будет выглядеть, то или садились за формулы, или смотрели в интернете viewport устройства, или лезли в настройки для разработчиков и смотрели на параметр "ширина строки". Ну и ещё про эппл: возможно кому-то будет полезно знать, что эти пойнты это 1/72 дюйма. Это именно типографическое значение, от которого они изначально решили отталкиваться и не подгоняли свои экраны под hd и тд. Они смотрели именно на то как это работало в бумаге и реализовали в экране.
Я очень редко пишу комментарии в принципе, но тут хочу поблагодарить автора. Ты находка. Очень рад, что есть такой человек как ты который без воды показывает и рассказывает важную информацию. Спасибо 🙏💕
Я пожалуй больше надушню. По поводу множителей, чтобы посмотреть 1 к 1, ты не совсем прав. Примерно прикинуть высоту конечно, но это будет конкретно отличаться от готовой реализации. Есть такое понятие как viewport и системная ширина. Можешь загуглить viewport sizes и увидеть настоящие размеры фрейма для той же фигмы. Приведу пример: Google pixel 3. Чтобы получить такое же изображение как в реальном приложении, мы должны делить не на 3, а на 2.75 и получим размер вьюпорта по ширине 393. А с твоим пикселем 2, множитель 2.625. И ширина будет 412, то как реально отображается на устройстве. А вот по Apple устройствам другая картина. Там множители действительно целые и при импорте того же скрина, тупо делим на 3 и получаем верные размеры всех элементов на экране.
Класс! Очень важно и полезно! Только вот моменты с растягиванием высоты не ясен: если ты берешь иллюстрацию под 360х640, она потом множится под разрешение, но в итоге экран больше, чем макет, и изначальная задумка по отступам иллюстрации от верха и низа меняется, в зависимости от гаджета? На это стоит обращать внимание?
Руслан, спассиибо за потрясающий контент!! подскажи, пожалуйста, нужно ли делать макеты под несколько соотношений сторон экрана? Может ли Андроид или разработчик это как-то без дизайнера автоматически сделать? И что вообще будет, если высоты экрана отрисованного макета не хватает для устройства? как это будет на устройстве выглядеть и пройдет ли вообще в маркет?
Возник вопрос: что подразумевается под фразой "процент ошибок" юзера, когда речь идёт об оптимальном размере кнопки? Простыми словами, это промахи "мимо кнопки", непонимание, что этот элемент является кнопкой или что-то ещё?
Привет, m1 air базовый (это тот, где 7 ядер графических и 7 процессорных и 256ssd), но у меня докуплены 16гб оперативной - хватает за глаза на любую задачу ux/ui и что-то даже базовое в unity 3d и блендере поделать и монтаж/анимации fullhd. Также есть mac studio базовый m1 max вот самый базовый - но это я брал под 3д игру свой персональный проект-хобби сугубо, поэтому если тебе такое не надо - это излишне
У меня такой вопрос. 90% ролика про экспорт дизайнов, коэффициенты масштаба, разные размеры и разрешения. А зачем вообще экспортировать из фигмы если разработчик все равно перерисовывает по дизайнам респонсив дизайн и все компоненты ?
Если честно не совсем понимаю вопроса, так как не понимаю откуда взялась отзывчивая верстка (responsive) веб-сайта, когда в видео и курсе про мобильные приложения. Это два понятия которые никак друг к другу не относятся ¯\_(ツ)_/¯ Если у тебя в мобильном приложении используется графика, в частности растровая, то я буквально в видео об этом говорю - понимать такие вещи надо. Они элементарны и не меняются. Дальше в курсе в том числе будет затронута верстка. Я все в первом видео и рассказал как устроен курс и почему.
![[FREE UGC] How To Get STICKY TENNIS BAG & BILLIE JEAN HAT on Roblox - E.L.F. Up! Tycoon](http://i.ytimg.com/vi/M4KVzPwfvjE/mqdefault.jpg)
Смотрел урок около двух часов. С нубика, который ничего не знает, по тем терминам которые ты представил(каждый из которых я по 10 минут изучал) стал неплохим таким гигачадом в знании соотношения сторон и ppi dpi измерениях. Век тебе жить!
Лучший, никакие курсы даже близко подобного не поясняют
Ты просто что-за гигант, такую масштабную работу проводишь/провел, мое тебе искреннее восхищение и уважение
Миллион часов потраченных на поиск подобной информации… да и еще таким доступным языком. Обидно, что этот канал не нашла раньше. Огромное спасибо и уважение за проделанную работу и очень ценную информацию в открытом доступе.
Привет, Руслан! Большое тебе спасибо за то что ты делаешь, я считаю твой канал большим открытием и глотком свежего воздуха среди каналов о дизайне.
К сожалению в конкретно этом видео ты не совсем правильно рассказываешь как устроена плотность пикселей в андроиде. Я сам в свое время тоже чутка запутывался в этом вопросе, но там просто надо смотреть на формулы и посчитать один раз. В своём видео ты считаешь экраны андройда тоже как бы по эппловскому варианту.
Смысл dp именно в том, что производители могут настраивать масштабирование (тут даже более правильно сказать "калибровать" до общепринятых масштабов) на экране своего конкретного устройства (с его диагональю и разрешением) и это выглядело адекватно "при любой погоде". И для этого множителей там на самом деле больше, они просто идут с шагом в 0.25 и масштаб элементов на всег устройствах примерно одинаковый, но чуть гуляет из-за этого шага (но и из-за шага элементы не "полупикселят"). Поэтому на весь зоопарк экранов андроид смартфонов можно смотреть примерно как на экраны айфонов: а каких-то строка шире, у каких-то уже, но высота у всех их вообще роли не играет.
Когда я преподавал дизайн мобильных приложений, то все тоже рисовали под 360 ширину, а когда ребята хотели видеть как на их конкретном устройстве это будет выглядеть, то или садились за формулы, или смотрели в интернете viewport устройства, или лезли в настройки для разработчиков и смотрели на параметр "ширина строки".
Ну и ещё про эппл: возможно кому-то будет полезно знать, что эти пойнты это 1/72 дюйма. Это именно типографическое значение, от которого они изначально решили отталкиваться и не подгоняли свои экраны под hd и тд. Они смотрели именно на то как это работало в бумаге и реализовали в экране.
Офигенно! Ты говоришь " душнила" как-будто это что-то плохое. А я смотрю и думаю : хочу быть такой же душнилой Х))
Спасибо тебе за то, что ты делаешь, я взахлеб смотрю все видосы, на каждом ставлю лукасы. Вот огромное человеческое спасибо!
Начал мобилки изучать. Твой контент лучший на просторах русского youtybe!!! Пасиба большое тебе Руслан!!!
Я очень редко пишу комментарии в принципе, но тут хочу поблагодарить автора. Ты находка. Очень рад, что есть такой человек как ты который без воды показывает и рассказывает важную информацию. Спасибо 🙏💕
Я пожалуй больше надушню. По поводу множителей, чтобы посмотреть 1 к 1, ты не совсем прав. Примерно прикинуть высоту конечно, но это будет конкретно отличаться от готовой реализации.
Есть такое понятие как viewport и системная ширина. Можешь загуглить viewport sizes и увидеть настоящие размеры фрейма для той же фигмы. Приведу пример: Google pixel 3. Чтобы получить такое же изображение как в реальном приложении, мы должны делить не на 3, а на 2.75 и получим размер вьюпорта по ширине 393. А с твоим пикселем 2, множитель 2.625. И ширина будет 412, то как реально отображается на устройстве.
А вот по Apple устройствам другая картина. Там множители действительно целые и при импорте того же скрина, тупо делим на 3 и получаем верные размеры всех элементов на экране.
Дай бог тебе здоровья!
Посмотрел с удовольствием! Отличная подача материала, спасибо за старания!
Спасибо огромное, за то что вы делаете)))
Только начала изучать мобилки, очень бесценно - полезная информация!
Продолжай пилить видео, самый лучший контент про UX в Русскоязычном Ютубе
Руслан, Вы - лучший!! Спасибо Вам за Ваш труд
Спасибо за очень ценную информацию!)
Очень странно, что у тебя мало подписчиков и просмотров🤨
Руслан, спасибо за твой труд!
Спасибо большое, за такую подробную подачу информацию по теме.
Спасибо, ждем следующие видосы )
Спасибо огромнейшее за подачу и подробное объяснение материала🤩Не бросай свой канал, пожалуйста, он замечателен! И желаю продвижения, конечно же😇
Полезно и понятным языком. Спасибо! 👍🔥
спасибо за контент. очень полезные видео вы делаете
Руслан, спасибо! Информация про даунсэмплинг познавательная.
Очень круто, спасибо большое!
Класс! Очень важно и полезно! Только вот моменты с растягиванием высоты не ясен: если ты берешь иллюстрацию под 360х640, она потом множится под разрешение, но в итоге экран больше, чем макет, и изначальная задумка по отступам иллюстрации от верха и низа меняется, в зависимости от гаджета? На это стоит обращать внимание?
Вы предлагаете изменять иллюстрацию под каждое устройство? Если нет то подгоняйте под стандартное разрешение.
Руслан, огромное спасибо за инфо!
Руслан, спассиибо за потрясающий контент!! подскажи, пожалуйста, нужно ли делать макеты под несколько соотношений сторон экрана? Может ли Андроид или разработчик это как-то без дизайнера автоматически сделать? И что вообще будет, если высоты экрана отрисованного макета не хватает для устройства? как это будет на устройстве выглядеть и пройдет ли вообще в маркет?
Да, супер спасибо Руслан!
за "база кормит" на 37:04 жирнющщий лайк ))
Awesome!
А куда пропал бусти??? Пытался найти, но почему аккаунт пустой??? Искал инфу по мобилкам и нашел клад
the best
Спасибо!
В андроид, navigation bar (как в ios), который используется вместо панели навигации, тоже не учитывается в дизайне?
Да, под него закладывают 56-64 px.
Возник вопрос: что подразумевается под фразой "процент ошибок" юзера, когда речь идёт об оптимальном размере кнопки? Простыми словами, это промахи "мимо кнопки", непонимание, что этот элемент является кнопкой или что-то ещё?
Я не душнила если что 😊
Привет) да это промахи. Там сверху слева подписано “% of missed taps” мне стоило это уточнить
Если я отдаю файл разработчику в Фигме ему не проще самому экспортировать растровые картинки?
Привет. Тут уж как договоритесь, в целом же он может это сделать сам (если умеет)
а какой у тебя мак?
п.с спасибо за видосы
Привет, m1 air базовый (это тот, где 7 ядер графических и 7 процессорных и 256ssd), но у меня докуплены 16гб оперативной - хватает за глаза на любую задачу ux/ui и что-то даже базовое в unity 3d и блендере поделать и монтаж/анимации fullhd. Также есть mac studio базовый m1 max вот самый базовый - но это я брал под 3д игру свой персональный проект-хобби сугубо, поэтому если тебе такое не надо - это излишне
@@ruslansharipovuxui спасибо!
жалко что у тебя есть однофамилец камень в жёлтой рамочке,делающий реакции
Экпорт на андрюшу в свг, но потом xml
У меня такой вопрос. 90% ролика про экспорт дизайнов, коэффициенты масштаба, разные размеры и разрешения. А зачем вообще экспортировать из фигмы если разработчик все равно перерисовывает по дизайнам респонсив дизайн и все компоненты ?
Кстати спасибо за контент, качество потрясающее!
Если честно не совсем понимаю вопроса, так как не понимаю откуда взялась отзывчивая верстка (responsive) веб-сайта, когда в видео и курсе про мобильные приложения. Это два понятия которые никак друг к другу не относятся ¯\_(ツ)_/¯
Если у тебя в мобильном приложении используется графика, в частности растровая, то я буквально в видео об этом говорю - понимать такие вещи надо. Они элементарны и не меняются. Дальше в курсе в том числе будет затронута верстка. Я все в первом видео и рассказал как устроен курс и почему.
760px!
Подписался на Бусти) спасибо за контент