Как сделать дизайн мобильного приложения

Поделиться
HTML-код
  • Опубликовано: 17 окт 2024
  • ✅ Скачать материалы из урока: design-figma.r...
    ✔️ Регистрация на марафон: t.me/study_kvo
    #дизайн​ #фигма​ #приложение​
    В этом видео мы делает новую работу в портфолио по дизайну мобильных приложений для онлайн-магазина растений. Этот кейс с 11 бесплатного марафона, который был посвящён мобильным приложениям.
    Если пропустили или не успели - сейчас можно выполнить задание в своём темпе и пополнить портфолио бесплатно. А чтобы не пропустить следующий и сделать ещё одну работу в портфолио - регистрируйтесь по ссылке выше.
    Приложение делаем для iOS, для дизайна нам понадобится только Фигма и само задание :)
    Для дизайна нам потребуются иконки, фотографии и шаблон проекта. Всё это доступно бесплатно по ссылке: design-figma.r...
    ✅ Study Kvo в соц. сетях:
    - VK: study_kvo
    - Telegram: t.me/study_kvo
    - Instagram*: / sanya_kvo
    - Курс Дизайн взлёт: sanya-kvo.ru/d...
    - Курс по UX/UI: sanya-kvo.ru/uxui
    *Meta, которой принадлежит Instagram, признана в России экстремистской организацией

Комментарии • 126

  • @Ирина-ч6ж9е
    @Ирина-ч6ж9е 3 года назад +31

    Спасибо)) уже была на марафоне и это было классно. Этот урок порадовал не меньше. Как всегда - в практике никакой воды, все четко, быстро и главное - понятно. Саша, у вас удивительный талант доносить инфу до учеников))

    • @study_kvo
      @study_kvo  3 года назад

      Спасибо большое 🙏🙏

  • @paulinaepifanova
    @paulinaepifanova 2 года назад +16

    Очень приятный и понятный туториал, спасибо вам большое, Александр! Никакой воды, все по делу, только самое важное. Отдельно хочу добавить, ахах, мне так нравится это "угу" в конце некоторых предложений

  • @ЕвгенияМаслова-в4з

    Какой добрый парень. Даёт инструменты безоплатно. Здоровья тебе и процветания!

  • @angel35322
    @angel35322 3 года назад +6

    расстроилась, что не успела пройти этот марафон, но очень рада, что есть возможность сейчас все сделать. Спасибо!))

  • @ta680
    @ta680 3 года назад +6

    Саня, спасибо! Мне очень нравятся твои марафоны.Лучше и не придумаешь!!!! Настолько все четко, без отступлений. Много полезных фишек всегда. Ответственно подходишь к делу.

  • @study_kvo
    @study_kvo  3 года назад +7

    ✅ Скачать материалы из урока: design-figma.ru/md/youtube_files
    ✅ Получить Designer pack: instagram.com/sanya_kvo/
    ✔️ Регистрация на марафон: t.me/study_kvo

    • @alezarTF
      @alezarTF Год назад

      Ставлю дизлайк чтобы автор проснулся. АВТОР АУУУУУУУУУУ!!!!!!!!!! НЕ РАБОТАЮТ ССЫЛКИИИИИИ!!!!!!

  • @webdeveler
    @webdeveler 3 года назад +16

    Я хоть и два года уже занимаюсь дизайном, но нашел много интересного в данном видео
    Отличная работа + крутое информативное видео

    • @study_kvo
      @study_kvo  3 года назад +1

      Спасибо, бро 🙌🙌

  • @Kattycheck
    @Kattycheck 2 года назад +1

    Очень люблю смотреть как вы создаёте проекты. Очень тёплая атмосфера на канале

  • @ТатьянаЧернявская-ц6в

    Спасибо за марафон, как раз то, что очень нужно было! Очень актуальная тема, а хороших уроков по ней немного

  • @izpropasti6082
    @izpropasti6082 Год назад

    У тебя очень хорошо поставленная речь. Слушать одно удовольствие. Воды нет вообще.

  • @ОльгаАнохина-у7ъ
    @ОльгаАнохина-у7ъ 3 года назад +2

    Саша, спасибо огромное! На марафон не получилось попасть. Очень ждала этот урок!👍🙏🔥

  • @alexandrnikitin6218
    @alexandrnikitin6218 3 года назад +2

    Ооооп, спасибо. Вначале лайк, потом просмотр)) Как раз пропустит тот марафон)))

  • @Adelina_88
    @Adelina_88 Год назад +1

    спасибо за видео! у меня вопрос, а зачем статус бар делать? это просто для полноты картины или он обязательно должен быть? и еще один, когда берешь заказ делать приложение, делаешь только один вариант для популярной модели телефона, или нужно подгонять так под каждый экран популярных телефонов? или это уже нужно спрашивать и договариваться с заказчиком?

    • @study_kvo
      @study_kvo  Год назад

      Статус бар должен быть на всех экранах приложения (кроме полноэкранного просмотра изображений или видео). На практике основное устройство одно, самое популярное. Дизайн адаптируется под другие ширины, а если это невозможно, то под какое-то конкретное устройство отрисовываем отдельный экран.

    • @Adelina_88
      @Adelina_88 Год назад +1

      @@study_kvo спасибо большое)

  • @caramellame
    @caramellame Год назад +1

    Какой у вас приятный голос) и вообще вы меня вдохновляете, хоть я не новичок

    • @study_kvo
      @study_kvo  Год назад

      Спасибо большое ❤️ Рад, что так)

  • @alezarTF
    @alezarTF 2 года назад +2

    ТОП контент. Спасибо большое!!! Очень легкая и интуитивно понятная подача. Лайк подписка и сохранил чтобы не потерять))

  • @marygraff72
    @marygraff72 Год назад +1

    Вот только смотрю данное видео, хотя очень нравится твоя подача материала

  • @lentzemil8063
    @lentzemil8063 3 года назад +19

    Зашел посмотреть как Оксимирон учит дизайнить приложения

    • @study_kvo
      @study_kvo  3 года назад

      Фигма против всех

    • @lentzemil8063
      @lentzemil8063 3 года назад +1

      @@study_kvo а есть или будет видео о том как передавать файлы верстальщику, фронт-энду? Было бы все переплетено

    • @study_kvo
      @study_kvo  3 года назад +3

      Сейчас урока нет, как-нибудь добавим. Там самое главное надо будет смотреть внимательно, чтоб как на диктанте, с красной строки.

    • @lentzemil8063
      @lentzemil8063 3 года назад +2

      @@study_kvo Очень жду! Колокольчик нажал))

    • @professorbusinessman
      @professorbusinessman 3 года назад

      смотри внимательно. Он же не Оксимирон!

  • @anastasiastark7777
    @anastasiastark7777 3 года назад +1

    Саша, спасибо за очередной отличный урок!!! У меня вопрос: на 30.02 минуте, когда ты редактируешь описание и делаешь расстояние 140%, у меня это расстояние измеряется в чем-то еще, но не в %, значка рядом с цифрой нет никакого вообще. Когда вводишь 140, то слишком большое расстояние получается. Посмотрела быстренько - не нашла как исправить, может ты знаешь как? Самостоятельно боюсь "глубоко лазить" в программе, так как потом придется долго это исправлять (как показывает практика)))

    • @study_kvo
      @study_kvo  3 года назад +1

      Нужно написать прям явно со значком процента :) Если написать просто цифру, то это означает 140px, а если в процентах, тогда расстояние зависит от размера шрифта. Это расстояние нам и нужно, оно сильно меньше)

    • @anastasiastark7777
      @anastasiastark7777 3 года назад

      Спасибо

  • @katyarubina
    @katyarubina 3 года назад +2

    Крутые практические уроки! Огромное спасибо! Все отработала! ;)))

  • @meerimiminova7372
    @meerimiminova7372 3 года назад +2

    спасибо за видео! классно объясняете) "ктрл с, ктрл в" даже это проговариваете, супер!

  • @rybiizhir
    @rybiizhir 2 года назад +1

    Можно бесконечно смотреть на 3 вещи, но тут еще и кое чему научиться.

  • @МаринаПлатонова-п8у
    @МаринаПлатонова-п8у 6 месяцев назад +1

    Спасибо большое! Очень доступно, четко, понятно.

  • @LittleFox-g1f
    @LittleFox-g1f 2 года назад +5

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

    • @study_kvo
      @study_kvo  2 года назад +1

      Спасибо ❤️🙌

  • @margaritaloktionova5472
    @margaritaloktionova5472 3 года назад +1

    Спасибо большое за видео!!! Очень обрадовалась этому уроку, так как не успела на марафон, как всегда огооонь!))

  • @HannaIvanchenko-je4rf
    @HannaIvanchenko-je4rf Год назад +3

    то чувство, когда ночью посмотрел видео и преисполнился мотивацией))

    • @study_kvo
      @study_kvo  Год назад

      Ну, значит пора расчехлить Фигму 🔥

  • @ЛалаиаВнаоар
    @ЛалаиаВнаоар 2 года назад +2

    Оочень классный обзор можешь выпустить видео когда ты показываешь сайт с нуля до конца

  • @АннаШапкина-к5ч
    @АннаШапкина-к5ч 3 года назад +1

    Саша спасибо)) как всегда все четко и стильно

  • @atemichko
    @atemichko 2 года назад +1

    Видео классное, но полученные знания пока что на практике не использовал, хотя уверен, что они мне помогут. Я хочу сделать свое небольшое приложение, около двух часов пытался что-то провернуть с дизайном, но получилось на уровне школьного портала) Опыта в программировании немного, поэтому хотелось сделать хоть что-то. Вот решил посмотреть небольшое обучение на Ютубе, а тут ваше видео попалось, много материала и все понятно, вобщем, спасибо :D
    P.S: Качество топе XD Было интересно

  • @notyanotya7057
    @notyanotya7057 2 года назад

    Добрый день. Опоздала на ваш марафон 23 мая, увидела только что, что стартовал. Подскажите, пожалуйста, когда следующий? Только в сентябре? А может быть я еще успею влезть в этот? Заранее спасибо )

    • @study_kvo
      @study_kvo  2 года назад

      Ещё успеваете. Регистрируйтесь по ссылке в посте: t.me/study_kvo/550

    • @notyanotya7057
      @notyanotya7057 2 года назад +1

      @@study_kvo Огромное спасибо ! Уже там. Время очень удобное.

  • @angelinafinkel8124
    @angelinafinkel8124 3 года назад +1

    Саня, спасибо !
    Как по мне - ты лучший наставник ;)
    Жди на следующем курсе !

  • @НатальяИльина-у1ь
    @НатальяИльина-у1ь 3 года назад +3

    Сань, а через что делал 3Д демонстрацию работы?

    • @study_kvo
      @study_kvo  3 года назад

      Через Rotato: www.rotato.app/

  • @АлександрПилипенко-б1х

    Супер, очень помогает) Спасибо!

  • @ЕленаЛадыгина-ю5э
    @ЕленаЛадыгина-ю5э 2 года назад

    Спасибо за отличный разбор - еще одно портфолио готово))) и столько опыта!!
    Расскажите еще как эту красотень теперь презентовать правильно с музыкой и круглыми краешками))) какую прогу использовать?

    • @study_kvo
      @study_kvo  2 года назад

      Дизайн лучше презентовать на Бехансе, но там без музыки ☺️

  • @МарияЧеркесова-х3е
    @МарияЧеркесова-х3е 3 года назад +1

    Спасибо за новый урок))) очень интересно.

  • @ВикторияНельсон-л9о

    Блин наконец-то нормальное обьяснение как создавать мобильное приложение! спасибо!!!

    • @study_kvo
      @study_kvo  Год назад

      Рад помочь ❤️ Залетайте на марафон, скоро будем дизайнить новое приложение. На канале скоро будет анонс: t.me/study_kvo

  • @lehamakeev2009
    @lehamakeev2009 Год назад

    У таб-бара можно было бы сделать stroke только верхней границы вместо отдельного прямоугольника.

  • @Виктория-х8б
    @Виктория-х8б 2 года назад +1

    Круто нереально 👍 Очень благодарна 🙏🌿

  • @monikasvilpe7710
    @monikasvilpe7710 3 года назад

    Добрый день! Не получается найти файл на исходные материалы. Подскажите, пожалуйста!

  • @qbuy1091
    @qbuy1091 Год назад

    Ребят, подскажите, какие файлы в конечном итоге запрашивает заказчик ?
    Каждый слой отдельно, или нужна ссылка на фрейм фигмы ? Благодарю.

    • @study_kvo
      @study_kvo  Год назад

      Нужна ссылка на проект, отдельно каждый слой не нужно)

  • @prazdnichnyy
    @prazdnichnyy 3 года назад +1

    Спасибо за инфу - Как сделать дизайн мобильного приложения

  • @ЕвгенияМартыненко-ц2ь

    Здравствуйте, Саня! А как можно скачать материалы не заходя в VK???

  • @vasya8441
    @vasya8441 Год назад +1

    Спасибо автору за видео, очень подробно.

  • @Ludmila131000
    @Ludmila131000 3 года назад +3

    Саша, супер, как всегда! Спасибо!

  • @wanderfull434
    @wanderfull434 2 года назад +1

    Имба 🔥🔥🔥
    Больше такого контента

  • @hotkasssha4329
    @hotkasssha4329 Год назад

    Я заметила, что у меня на панели нет того самого треугольника, из-за чего не могу продолжить дальше((( Подскажите, может это такая то новая или старая версия? Для выполнения задания переходила по всем нужным ссылкам ((

    • @study_kvo
      @study_kvo  Год назад

      А вы о каком именно треугольнике?

  • @german12tur
    @german12tur Год назад +1

    Спасибо Вам и низкий поклон ! 😍😍😍

  • @juliyafarmiga2967
    @juliyafarmiga2967 3 года назад +1

    Спасибо большое! Очень интересно😊

  • @alikaiyr6308
    @alikaiyr6308 Год назад +1

    Офигенно! Спасибо!

  • @НатальяАрзамаскина-д2з

    Спасибо за урок! Интересно!

  • @azamatkhanaliev
    @azamatkhanaliev 3 года назад +2

    Лучшиииий! Спасибо за урок

  • @EducationLearnivich
    @EducationLearnivich Год назад +1

    не работает ссылка с исходниками :(((

  • @InnaLohvinchuk
    @InnaLohvinchuk Год назад +1

    Все доступно и понятно, классное видео)

  • @likey_dikey235
    @likey_dikey235 3 года назад

    Как перенести всё это добро, например, на Android studio? Помогите, плиз

  • @littlecrazyart9701
    @littlecrazyart9701 Год назад +1

    Спасибо большое за видео!!!

  • @linaTokii
    @linaTokii Год назад +1

    Спасибо большое 🎉

  • @Nlina_
    @Nlina_ 2 года назад +1

    Никак не получаетя скачать материалы урока(( подскажите где взять стандартные элементы айфона?

    • @study_kvo
      @study_kvo  2 года назад

      Можно в Figma Community написать iOS UI kit и там будут все элементы системы. Берите версию 16 или 15.

  • @stavrovnick
    @stavrovnick 2 месяца назад +1

    Спасибо!

  • @annasoinikova1217
    @annasoinikova1217 3 года назад +1

    Александр спасибо)

    • @study_kvo
      @study_kvo  3 года назад

      Рад помочь ❤️

  • @fatimasultanova37
    @fatimasultanova37 2 года назад +2

    ииий как же ты супер молодец

  • @bind6771
    @bind6771 Год назад

    Интересно, как в последней версии Figma есть отметка на сглаживании "iOS"

    • @study_kvo
      @study_kvo  Год назад +1

      Она там уже больше года точно 😁

    • @bind6771
      @bind6771 Год назад

      @@study_kvo мне предстоит узнать многое

  • @alezarTF
    @alezarTF 2 года назад

    Ссылка не открывается. АВТОР ОТВЕТЬ!!!

  • @nastyalimonkka7151
    @nastyalimonkka7151 3 года назад

    спасибо вам большое!

  • @Anotherone6796
    @Anotherone6796 2 года назад +1

    Спасибо за крутое видео!

  • @ellen_pantazii
    @ellen_pantazii 3 года назад +1

    Thank you so much 🤩

    • @study_kvo
      @study_kvo  3 года назад

      Ю ар вэлкам ❤️

  • @tanyatanya9058
    @tanyatanya9058 3 года назад

    как это сохранить и экспортировать?

    • @study_kvo
      @study_kvo  3 года назад

      Выделяйте все фреймы и в самом низу справа на панели Design найдите секцию «Export». Нажмите на плюсик и выбирайте формат , подойдут PNG либо JPEG.

  • @rus_dos
    @rus_dos 3 года назад

    Супер,👍🏻👍🏻👍🏻 с меня подписка

    • @study_kvo
      @study_kvo  3 года назад

      Добро пожаловать 😎🙌

  • @ЮлияНебесная-ж9б

    жаль закрыт доступ к исходникам....((

    • @study_kvo
      @study_kvo  Год назад

      Доступ открыт, всё проверили. Какая ошибка у вас?

    • @ЮлияНебесная-ж9б
      @ЮлияНебесная-ж9б Год назад

      @@study_kvo наверно причина в "ru"...(((

  • @webdevelopermaster7475
    @webdevelopermaster7475 3 года назад +1

    Повторил, спасибо!

  • @Marvin_28
    @Marvin_28 3 года назад

    Ты гений

  • @blabla79
    @blabla79 3 года назад +1

    Исходники не открываются

    • @study_kvo
      @study_kvo  3 года назад

      На каком этапе это происходит и какая ошибка?

    • @blabla79
      @blabla79 3 года назад

      @@study_kvo при переходе по ссылке пишет "forbidden"

    • @ГалинаБондаренко-в4ы
      @ГалинаБондаренко-в4ы 3 года назад

      @@blabla79 у меня тоже не получается.

  • @izummminka
    @izummminka 3 года назад +1

    супер видео!!!!!1спасибо

  • @ibrahim_0000
    @ibrahim_0000 3 года назад +1

    Nice

  • @timurmorozov1878
    @timurmorozov1878 3 года назад +1

    Спасибо!