01. Техническая база при проектировании мобилок (Практика)

  Рет қаралды 6,620

Ruslan Sharipov

Ruslan Sharipov

Жыл бұрын

DonationAlerts: www.donationalerts.com/r/rusl...
Boosty: boosty.to/easyaboutdesign
Мои консультации: ruslansharipov.com/consulting/
ВКонтакте: easyaboutdesign
Telegram: t.me/easyaboutdesign
Мой сайт: ruslansharipov.com/
👍 Подписывайтесь и ставьте лайк, а также не забудьте нажать на колокольчик на моем ютубе - @ruslansharipovuxui
Первый ролик в новом году надо начинать с полезной инфы. В видео есть пару косяков незначительных по своей сути и поэтому я их пометил + исправил все в файле.
Файл курса: www.figma.com/community/file/...
Что в этом уроке:
- Как выбрать фрейм при дизайне android/ios приложения?
- Как исправить если у меня Redmi 8?
- Как работают множители/плотность пикселей?
- Как масштабируется дизайн?
- Как подготовить векторную/растровую графику для android/ios?
- Какой размер у кнопки и др. интерактивных элементов должны быть (область нажатия)?
В общем я постарался на все или почти все технические вопросы ответить в одном видео.

Пікірлер: 49
@w3co667
@w3co667 Жыл бұрын
Лучший, никакие курсы даже близко подобного не поясняют
@Insan_sg
@Insan_sg Жыл бұрын
Ты просто что-за гигант, такую масштабную работу проводишь/провел, мое тебе искреннее восхищение и уважение
@liubovra
@liubovra 8 ай бұрын
Миллион часов потраченных на поиск подобной информации… да и еще таким доступным языком. Обидно, что этот канал не нашла раньше. Огромное спасибо и уважение за проделанную работу и очень ценную информацию в открытом доступе.
@tened5860
@tened5860 3 ай бұрын
Смотрел урок около двух часов. С нубика, который ничего не знает, по тем терминам которые ты представил(каждый из которых я по 10 минут изучал) стал неплохим таким гигачадом в знании соотношения сторон и ppi dpi измерениях. Век тебе жить!
@user-xo8mp8lk7y
@user-xo8mp8lk7y 2 ай бұрын
Спасибо тебе за то, что ты делаешь, я взахлеб смотрю все видосы, на каждом ставлю лукасы. Вот огромное человеческое спасибо!
@miron_off7774
@miron_off7774 Жыл бұрын
Начал мобилки изучать. Твой контент лучший на просторах русского youtybe!!! Пасиба большое тебе Руслан!!!
@ret_fazer
@ret_fazer Жыл бұрын
Я очень редко пишу комментарии в принципе, но тут хочу поблагодарить автора. Ты находка. Очень рад, что есть такой человек как ты который без воды показывает и рассказывает важную информацию. Спасибо 🙏💕
@pr0st0_rita
@pr0st0_rita Жыл бұрын
Офигенно! Ты говоришь " душнила" как-будто это что-то плохое. А я смотрю и думаю : хочу быть такой же душнилой Х))
@ruslanvybornov1237
@ruslanvybornov1237 Жыл бұрын
Спасибо за очень ценную информацию!) Очень странно, что у тебя мало подписчиков и просмотров🤨
@user-od8en8cj2p
@user-od8en8cj2p Жыл бұрын
Продолжай пилить видео, самый лучший контент про UX в Русскоязычном Ютубе
@user-qe2gt5vk2n
@user-qe2gt5vk2n Жыл бұрын
Посмотрел с удовольствием! Отличная подача материала, спасибо за старания!
@IlyaMiatla
@IlyaMiatla 5 ай бұрын
Привет, Руслан! Большое тебе спасибо за то что ты делаешь, я считаю твой канал большим открытием и глотком свежего воздуха среди каналов о дизайне. К сожалению в конкретно этом видео ты не совсем правильно рассказываешь как устроена плотность пикселей в андроиде. Я сам в свое время тоже чутка запутывался в этом вопросе, но там просто надо смотреть на формулы и посчитать один раз. В своём видео ты считаешь экраны андройда тоже как бы по эппловскому варианту. Смысл dp именно в том, что производители могут настраивать масштабирование (тут даже более правильно сказать "калибровать" до общепринятых масштабов) на экране своего конкретного устройства (с его диагональю и разрешением) и это выглядело адекватно "при любой погоде". И для этого множителей там на самом деле больше, они просто идут с шагом в 0.25 и масштаб элементов на всег устройствах примерно одинаковый, но чуть гуляет из-за этого шага (но и из-за шага элементы не "полупикселят"). Поэтому на весь зоопарк экранов андроид смартфонов можно смотреть примерно как на экраны айфонов: а каких-то строка шире, у каких-то уже, но высота у всех их вообще роли не играет. Когда я преподавал дизайн мобильных приложений, то все тоже рисовали под 360 ширину, а когда ребята хотели видеть как на их конкретном устройстве это будет выглядеть, то или садились за формулы, или смотрели в интернете viewport устройства, или лезли в настройки для разработчиков и смотрели на параметр "ширина строки". Ну и ещё про эппл: возможно кому-то будет полезно знать, что эти пойнты это 1/72 дюйма. Это именно типографическое значение, от которого они изначально решили отталкиваться и не подгоняли свои экраны под hd и тд. Они смотрели именно на то как это работало в бумаге и реализовали в экране.
@KsuFilda
@KsuFilda Жыл бұрын
Спасибо огромное, за то что вы делаете))) Только начала изучать мобилки, очень бесценно - полезная информация!
@nataliabelkina3792
@nataliabelkina3792 Жыл бұрын
Спасибо, ждем следующие видосы )
@kotnewman1537
@kotnewman1537 Жыл бұрын
спасибо за контент. очень полезные видео вы делаете
@damirrashidullin9323
@damirrashidullin9323 Жыл бұрын
Руслан, огромное спасибо за инфо!
@neonakedsara
@neonakedsara Жыл бұрын
Руслан, спасибо за твой труд!
@user-gi3zz7vo2x
@user-gi3zz7vo2x Жыл бұрын
Очень круто, спасибо большое!
@olhapavlenko1295
@olhapavlenko1295 Жыл бұрын
Полезно и понятным языком. Спасибо! 👍🔥
@999x991
@999x991 Жыл бұрын
Да, супер спасибо Руслан!
@user-rz2ki2mv7p
@user-rz2ki2mv7p Жыл бұрын
Спасибо большое, за такую подробную подачу информацию по теме.
@user-mi6mg7nz8x
@user-mi6mg7nz8x Жыл бұрын
Руслан, спасибо! Информация про даунсэмплинг познавательная.
@user-rt8re8cu4c
@user-rt8re8cu4c Жыл бұрын
Дай бог тебе здоровья!
@helga3542
@helga3542 8 ай бұрын
Руслан, Вы - лучший!! Спасибо Вам за Ваш труд
@kolesnikoffone
@kolesnikoffone Жыл бұрын
Я пожалуй больше надушню. По поводу множителей, чтобы посмотреть 1 к 1, ты не совсем прав. Примерно прикинуть высоту конечно, но это будет конкретно отличаться от готовой реализации. Есть такое понятие как viewport и системная ширина. Можешь загуглить viewport sizes и увидеть настоящие размеры фрейма для той же фигмы. Приведу пример: Google pixel 3. Чтобы получить такое же изображение как в реальном приложении, мы должны делить не на 3, а на 2.75 и получим размер вьюпорта по ширине 393. А с твоим пикселем 2, множитель 2.625. И ширина будет 412, то как реально отображается на устройстве. А вот по Apple устройствам другая картина. Там множители действительно целые и при импорте того же скрина, тупо делим на 3 и получаем верные размеры всех элементов на экране.
@maypups
@maypups 11 ай бұрын
Спасибо огромнейшее за подачу и подробное объяснение материала🤩Не бросай свой канал, пожалуйста, он замечателен! И желаю продвижения, конечно же😇
@AvramenkOff
@AvramenkOff Жыл бұрын
Awesome!
@anna_pavlea
@anna_pavlea Жыл бұрын
Спасибо!
@atamanic
@atamanic Жыл бұрын
Класс! Очень важно и полезно! Только вот моменты с растягиванием высоты не ясен: если ты берешь иллюстрацию под 360х640, она потом множится под разрешение, но в итоге экран больше, чем макет, и изначальная задумка по отступам иллюстрации от верха и низа меняется, в зависимости от гаджета? На это стоит обращать внимание?
@user-yc7tn4ro3x
@user-yc7tn4ro3x Жыл бұрын
Вы предлагаете изменять иллюстрацию под каждое устройство? Если нет то подгоняйте под стандартное разрешение.
@TayaVolodina
@TayaVolodina 10 ай бұрын
Руслан, спассиибо за потрясающий контент!! подскажи, пожалуйста, нужно ли делать макеты под несколько соотношений сторон экрана? Может ли Андроид или разработчик это как-то без дизайнера автоматически сделать? И что вообще будет, если высоты экрана отрисованного макета не хватает для устройства? как это будет на устройстве выглядеть и пройдет ли вообще в маркет?
@artembelov2561
@artembelov2561 Жыл бұрын
the best
@CrazySmile221
@CrazySmile221 Жыл бұрын
В андроид, navigation bar (как в ios), который используется вместо панели навигации, тоже не учитывается в дизайне?
@user-yc7tn4ro3x
@user-yc7tn4ro3x Жыл бұрын
Да, под него закладывают 56-64 px.
@RomanDoktorov
@RomanDoktorov Жыл бұрын
а какой у тебя мак? п.с спасибо за видосы
@ruslansharipovuxui
@ruslansharipovuxui Жыл бұрын
Привет, m1 air базовый (это тот, где 7 ядер графических и 7 процессорных и 256ssd), но у меня докуплены 16гб оперативной - хватает за глаза на любую задачу ux/ui и что-то даже базовое в unity 3d и блендере поделать и монтаж/анимации fullhd. Также есть mac studio базовый m1 max вот самый базовый - но это я брал под 3д игру свой персональный проект-хобби сугубо, поэтому если тебе такое не надо - это излишне
@RomanDoktorov
@RomanDoktorov Жыл бұрын
@@ruslansharipovuxui спасибо!
@marinastockaya9727
@marinastockaya9727 Жыл бұрын
Если я отдаю файл разработчику в Фигме ему не проще самому экспортировать растровые картинки?
@ruslansharipovuxui
@ruslansharipovuxui Жыл бұрын
Привет. Тут уж как договоритесь, в целом же он может это сделать сам (если умеет)
@olhapavlenko1295
@olhapavlenko1295 Жыл бұрын
Возник вопрос: что подразумевается под фразой "процент ошибок" юзера, когда речь идёт об оптимальном размере кнопки? Простыми словами, это промахи "мимо кнопки", непонимание, что этот элемент является кнопкой или что-то ещё?
@olhapavlenko1295
@olhapavlenko1295 Жыл бұрын
Я не душнила если что 😊
@ruslansharipovuxui
@ruslansharipovuxui Жыл бұрын
Привет) да это промахи. Там сверху слева подписано “% of missed taps” мне стоило это уточнить
@Soklakov.Evgeniy
@Soklakov.Evgeniy 10 ай бұрын
А куда пропал бусти??? Пытался найти, но почему аккаунт пустой??? Искал инфу по мобилкам и нашел клад
@bukisuzuki
@bukisuzuki Жыл бұрын
жалко что у тебя есть однофамилец камень в жёлтой рамочке,делающий реакции
@some_name
@some_name Жыл бұрын
Экпорт на андрюшу в свг, но потом xml
@prevedkakdela
@prevedkakdela Ай бұрын
У меня такой вопрос. 90% ролика про экспорт дизайнов, коэффициенты масштаба, разные размеры и разрешения. А зачем вообще экспортировать из фигмы если разработчик все равно перерисовывает по дизайнам респонсив дизайн и все компоненты ?
@prevedkakdela
@prevedkakdela Ай бұрын
Кстати спасибо за контент, качество потрясающее!
@ruslansharipovuxui
@ruslansharipovuxui Ай бұрын
Если честно не совсем понимаю вопроса, так как не понимаю откуда взялась отзывчивая верстка (responsive) веб-сайта, когда в видео и курсе про мобильные приложения. Это два понятия которые никак друг к другу не относятся ¯\_(ツ)_/¯ Если у тебя в мобильном приложении используется графика, в частности растровая, то я буквально в видео об этом говорю - понимать такие вещи надо. Они элементарны и не меняются. Дальше в курсе в том числе будет затронута верстка. Я все в первом видео и рассказал как устроен курс и почему.
@GPforever
@GPforever Жыл бұрын
Подписался на Бусти) спасибо за контент
02. Отличия в iOS и Android (Практика)
47:49
Ruslan Sharipov
Рет қаралды 5 М.
MEGA BOXES ARE BACK!!!
08:53
Brawl Stars
Рет қаралды 33 МЛН
Must-have gadget for every toilet! 🤩 #gadget
00:27
GiGaZoom
Рет қаралды 11 МЛН
A pack of chips with a surprise 🤣😍❤️ #demariki
00:14
Demariki
Рет қаралды 54 МЛН
Каха ограбил банк
01:00
К-Media
Рет қаралды 10 МЛН
Игрок из Minecraft изобрел НЕЧТО
10:49
Стоун! майнкрафт
Рет қаралды 3,4 МЛН
Дом из контейнера 28м² за 1 600 000₽!
14:57
Wylsacom
Рет қаралды 1,1 МЛН
MEGA BOXES ARE BACK!!!
08:53
Brawl Stars
Рет қаралды 33 МЛН