Этапы дизайна мобильного приложения

Поделиться
HTML-код
  • Опубликовано: 24 май 2021
  • #абрамовамарина #дизайнприложений
    Телеграм канал о дизайне интерфейсов t.me/marooot
    Бесплатные уроки abramova-freelance.ru/signup3...
    В этом видео я рассказываю (и показываю) о том, какие шаги прохожу в своей практике при работе над дизайном приложения. От конкурентного анализа до передачи файлов разработчику.
    Эти же шаги проходят ученики на моем курсе по приложениям.
    Важно уточнить, что у каждого специалиста свой опыт и своя система в работе. Как и у команд. Но база у всех одна и ее необходимо освоить для качественного проектирования интерфейсов.
    •••
    Курс по дизайну мобильных приложений
    abramova-freelance.ru/appdesign​
    •••
    Курс по дизайну мобильных приложений для начинающих
    abramova-freelance.ru/uxuides...
    •••
    Школа abramova-freelance.ru/
    Телеграм канал t.me/marooot

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

  • @alinamatiushyna4883
    @alinamatiushyna4883 3 года назад +42

    Люблю такие выжимки. Кратко, по делу и без воды. 👍

  • @marinadmitrieva1627
    @marinadmitrieva1627 2 года назад +11

    Все очень по делу, кратко, без воды, спасибо за это! 👍

  • @ulitka666
    @ulitka666 Год назад +8

    Красотище-то какое!
    Что новичок, что опытный - все должны делать работу по этапам. Видел, как некоторые дизайнеры делают на глазок: без исследований, без сеток, не соблюдают последовательность этапов, миллион цветов и шрифтов, никакой системности. А некоторые даже без брифа и ТЗ умудряются делать. Результат, понятное дело, хз.

  • @alexandrmakovkin7364
    @alexandrmakovkin7364 Год назад +9

    мне как обычному девелоперу бэкендщику интересно сколько по времени занимает примерно такой макет сотворить и сколько это по деньгам стоит. спасибо

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

    Спасибо Вам! Продолжайте, пожалуйста) С нетерпением ждем следующих видео про разработку мобильных приложений.

  • @user-ck5gj2ml3j
    @user-ck5gj2ml3j 9 месяцев назад

    Яп, все по делу, понятно. хочется видео по работе с moodboard wireframe в частности

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

    Спасибо! Очень классно!

  • @TAP-3AN
    @TAP-3AN Год назад +1

    единственное видео, которое реаьно показыват процесс создания дизайна сайта. Спасибо большое

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

    Круто! Очень актуально, спасибо:)

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

      Вам спасибо за обратную связь)

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

    Спасибо, что без лишней воды! Подписка❤️

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

    Спасибо! Супер актуально, 11 минут и столько знаний!

    • @Sodamarine
      @Sodamarine  9 месяцев назад

      Рада, что полезно!

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

    Спасибо большое! Очень полезно и по делу!

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

      вам спасибо за обратную связь!

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

    супер очень интересно и информативно, а про полезно вообще молчу, спасибо, давайте еще))))))

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

      Оксана, спасибо за такую обратную связь!))

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

    Спасибо, очень интересно

  • @vikavladimirowna
    @vikavladimirowna Год назад +2

    Благодарю! Очень полезное и логичное видео. Для моего самостоятельного обучения ui/ux дизайну на этапе сейчас именно то, что нужно 😎

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

      Виктория, спасибо! рада, что полезно

  • @user-tt2vz7uc3k
    @user-tt2vz7uc3k 8 месяцев назад +1

    Шикарная выжимка, без лишней воды. Хотелось бы больше подобного контента на вашем канале

    • @Sodamarine
      @Sodamarine  8 месяцев назад +1

      благодарю!

  • @user-le7jy4ow8n
    @user-le7jy4ow8n 2 года назад +1

    Являюсь фронтендером. Видос мне зашёл, формат супер! Продолжай в ТОМ ЖЕ духе! :) Подпишусь

  • @Clever_Web-sites
    @Clever_Web-sites Год назад

    Спасибо, было очень полезно и без воды

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

      Отлично. Рада, что полезно 🙌🏼

  • @Black_1390
    @Black_1390 Год назад +5

    Привет!
    А как идёт создание остальных разрешений? Например афоны отличаются от серий. Условно, 11 отличается от 13 или 12

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

    Great job!

  • @user-ql7np3zx9t
    @user-ql7np3zx9t 20 дней назад

    Большое спасибо! Пишу диплом и ваше видео оказалось полезным. Спасибо большое!

    • @Sodamarine
      @Sodamarine  20 дней назад

      Спасибо за обратную связь 🙌🏼

  • @sophiewaibole1457
    @sophiewaibole1457 Год назад +3

    спасибо за видео, для новичков очень полезно :)

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

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

  • @javiermartino8533
    @javiermartino8533 4 месяца назад +1

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

    • @Sodamarine
      @Sodamarine  4 месяца назад

      Сергей, спасибо за обратную связь!

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

    очень понравился ваш канал, и голос у вас приятный! спасибо за видео;)

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

      Благодарю за обратную связь 🙌🏼

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

    Здравствуйте, Марина. Хочу узнать делать варфреймы и дизайны нужно и под ios, и под android?

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

    Марина, спасибо за полезное видео. Теория по подготовке файлов для разработчиков очень актуальна) Скажите, а интерактивные прототипы для заказчиков вы делаете? И если да, то на каком этапе?

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

      Да, обязательно. На последнем этапе, когда уже готов дизайн. И бывает прототипируем вайрфрэймы, если надо протестировать

  • @keyesfro3094
    @keyesfro3094 11 месяцев назад

    Спасибо большое! Облазила много видео, ваше ближе ко всему, что я искала :)
    Подскажите пожалуйста, вы делаете на курсе user flow для мобильных приложений, а для сайтов аналог это sitemap? Или это разные понятия?

    • @Sodamarine
      @Sodamarine  9 месяцев назад

      Это разное. Для сайта также можно делать user flow, и фокус будет не просто на страницы, а на то, как пользователь ходит по ним, достигая какой-то цели. И куда может пойти еще

  • @r1bus
    @r1bus 27 дней назад

    Какие элементы используются для UserFlow в вашем примере?

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

    После этого видео заинтерисовала професия ui/ux

  • @user-gf4vd4el6e
    @user-gf4vd4el6e Год назад

    Испугал такой user flow 🙂

  • @user-xh9pc5xm8k
    @user-xh9pc5xm8k 5 месяцев назад

    А как реализовать дизайн, если например для сайта используются html css

  • @syndromtorrenta
    @syndromtorrenta 10 месяцев назад +1

    спасибо громадное

  • @mansur_terla
    @mansur_terla 11 месяцев назад +1

    Благодарим 🎉
    А я работал в компании, где не только не делают предварительной работы, а поручали делать проекты без ТЗ 😅
    Я лично прошел через этот ад😢😂

    • @Sodamarine
      @Sodamarine  11 месяцев назад +2

      Прекрасно понимаю) мы наверное все через него прошли) далеко не все проекты, и в компаниях и на фрилансе, делаются по такому «идеальному сценарию». Бывает просто садишься и делаешь дизайн, без всякой там базы из исследований и прочего)

  • @juliasolnechnaya7468
    @juliasolnechnaya7468 2 дня назад

    Тема раскрыта не до конца. Как пользоваться гайдлайнами? Сравнить дизайн под айос и под андроид. Как делать разные темы?

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

    Добрый день! С вами можно как-то связаться?

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

    А как это покупает доставку для другого человека?

  • @user-sp6te7ph7b
    @user-sp6te7ph7b 3 года назад +2

    Здравствуйте, в мобильных приложениях какими сетками надо пользоваться?
    8px или колонками?

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

      Приветствую! Можно и тем, и другим. Но grid обязателен, 4 или 8px. А с колонками на усмотрение каждого дизайнера

    • @user-sp6te7ph7b
      @user-sp6te7ph7b 3 года назад

      @@Sodamarine спасибо

  • @UserUser-pn1me
    @UserUser-pn1me 3 года назад +3

    Добрый день подскажите какие отступы нужно делать в прилодении?

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

      16 рекомендуемый минимум. Можно также 24 и 32. А вот больше не рекомендуется

  • @user-nt4no9bw5o
    @user-nt4no9bw5o 2 года назад +2

    Подскажите пожалуйста размеры фрейма под Андроид, буду благодарен

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

      Леонид, пока работаем с фреймом 360 на 640. Но новый Material 3 уже использует другой, бОльший размер устройства. Размер можно посмотреть в новом ките

  • @user-bq8fv1zl8w
    @user-bq8fv1zl8w 4 месяца назад

    А куда делись исследования?

    • @Sodamarine
      @Sodamarine  4 месяца назад

      Спрятались :)

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

    А как же этап исследования и тестирования гипотез? Как без этого можно создать успешный продукт?

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

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

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

      @@Sodamarine Спасибо за ответ. У меня сложилось впечатление, что ресерч - это обязательный навык и компетенция UX дизайнера. Видимо зависит от компании и команды.

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

    Спасибо за Ю Экс)) А не Ю Икс) И при этом ЮИ (да, и тут умудряются)

  • @ramilseitenov8185
    @ramilseitenov8185 Год назад +2

    Спасибо за отсутствие ВОДЫ.

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

      Благодарю за обратную связь!

  • @condemime1
    @condemime1 6 месяцев назад +1

    Спасибо

    • @Sodamarine
      @Sodamarine  6 месяцев назад

      Пожалуйста 🙌🏼