Рисуем адаптив для мобильной версии с объяснениями

Поделиться
HTML-код
  • Опубликовано: 19 ноя 2024

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

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

    🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
    1) Здесь рисую этот дизайн-проект с разбором ruclips.net/video/J2JkIFj5CG8/видео.html
    2) А здесь рассказываю, как придумываю сами идеи и как идет дизайн-процесс ruclips.net/video/Sbj2J1DmUSM/видео.html

  • @АртёмШвачка-е3ъ
    @АртёмШвачка-е3ъ Год назад +6

    Классный формат "в сравнении", я такого не встречал и информация заходит ещё доступнее. Финальный дизайн выглядит ещё более круто, на контрасте (хотя и так крутой). Спасибо!

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

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

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

    Пишу снова, что не устаю черпать вдохновение и креатив из видео и постов Евгения!

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

      И снова я очень рад, что мой контент приносит столько пользы) Спасибо🙏

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

    обожаю эти разборы! спасибо!!
    стараюсь перенимать некоторые решения в проектах на спринтах :)

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

      Пожалуйста!
      Да, отлично) Во многом для этого их и делаю)

  • @eugeniakapuza9603
    @eugeniakapuza9603 2 месяца назад

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

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

    Супер, спасибо Женя, что показал, как можно адаптировать интересные решения под мобильные, при этом не упростив их, а сделать интересно и удобно 👍🏻

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

      Класс, очень рад, что эти решения тебе пригодятся) Пожалуйста)

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

    Все классно. Только в блоке отзывов кнопку "Оставить заявку" я бы расположила Под отзывами. А сейчас она к заголовку больше относится, как будто пользователь заявку на отзывы оставить должен. А смысл то в том, чтоб почитать отзывы -> принять решение -> оставить заявку. Логический порядок нарушен.

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

      Привет! Смотри: на своём дизайне ты можешь делать как видишь, моя задача только дать рекомендации. По логике, что так правильно - я с тобой соглашусь, тоже об этом думал. Но с точки зрения удобства, человек дошёл до отзывов, возможно, он ниже скроллить даже не будет. Мы показываем ему кнопку, в последний раз напоминаем о том, что можно оставить заявку. Даже если он проскроллит ниже, эта кнопка попадёт в рамку экрана, поэтому я решил не прятать её глубоко

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

    Столько полезной информации! Очень наглядно и понятно что и почему делать. Спасибо за твою работу, Женя

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

      Класс! Всегда пожалуйста)

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

    ❤‍🔥 очень круто, что обащаешь внимание на ошибки!

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

      Спасибо! Это одна из основных функций школы)

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

    Большое спасибо! очень ждал этот выпуск :)

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

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

  • @ЕленаШепелева-б5ц

    Тоже очень люблю этот ваш формат видео - супер полезно, даже для дизов с опытом, как по мне.

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

      Так и есть) Спасибо🙏

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

    Женя, всё супер) но всё же этапы работ, я бы тоже сделал карточками со свайпом в сторону. Потому что сейчас этот непервостепенный блок занимает много места в длину и его долго прокручивать. А так, если если пользователя заинтересует - он посвайпает. А сейчас ему придется все это прокручивать пальцем) Оставлять в длину можно только важные блоки, такие как услуги) Сам так делаю, моё мнение) А дизайн у вас крутецкий!

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

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

  • @163onmyneckk
    @163onmyneckk Год назад

    Супер, спасибо Женя

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

      Всегда пожалуйста)

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

    супер! благодарю! стало намного понятнее. как и все ваши видео максимально полезны 🤩

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

      Супер, что всё прояснилось) Пожалуйста)

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

    Как всегда отличное видео с разбором и аргументацией.

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

      Рад, что формат нравится)

  • @perfect_evil7961
    @perfect_evil7961 Год назад +6

    Надеюсь Евгений над нами рофлит этим дизайном)

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

      Само собой, вы все - мой огромный социальный эксперимент😉

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

      Почему ты так думаешь?

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

      @@Rniellyn очень странный, неопрятный дизайн, с кучей спорных моментов

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

      ​@@perfect_evil7961 Смотри: целевая аудитория сайта это женщины от 30-40 лет. Поставь себя на их место, уверен ты по-другому взглянешь на дизайн. Это обычная ситуация, когда заказывают не фэшн а какой-то утилитарный сайт, нужно быть к ней готовым)

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

      @@UPROCK сложно поставить себя на место 40 летней женщины) хоть этого и требуют от дизайнеров) я почему-то думал, что в данной сфере важно показать "товар лицом", что основным контентом должны быть сочные изображения моего будущего сада, малость приправленные остроумным текстом, но никак не ожидал увидеть иллюстрации в стиле 2010-х, которые вообще не понятно зачем там. А этот ядовито лаймовый текст на грязно-сером фоне...в общем, мне не ясно, с учётом ваших работ на бехансе, с чего вдруг вышло "такое"...

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

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

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

      Супер, всегда пожалуйста)

  • @ЕвгенияТкаченко-т5й

    Лайк, очень здорово !🖤 Uprock- это по любви!!!
    У меня возник такой вопросик: а такое сочетание цветов будет удобно для возрастных 50+? Ведь не такой контрастный шрифт по отношению к беграунду .

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

      Спасибо🙏
      Цвета нестандартные, но у меня и была задача показать на практике, как логично и аккуратно внедрять самые нестандартные решения. Не обязательно копировать их, в своих работах Вы можете использовать более традиционные цветовые схемы)

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

    Супер!

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

      Спасибо🙏

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

    Спасибо!

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

      Пожалуйста☺️

  • @ЕленаШепелева-б5ц

    У меня возник вопрос на блоке преимуществ - нет ощущения, что как будто не дают нам рассмотреть эти иллюстрации, которые в масштабе таких небольших кругов некомфортно глазу разобрать, так как там есть прям мелкие элементы? Ну то есть если мы их размещаем - то либо в том размере чтобы их можно было рассмотреть не сильно напрягаясь, либо уж менять на какие-то упрощенные их версии или иконки какие-то стилистически перекликающиеся с иллюстрациями.

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

      Привет! На экране телефона эти иллюстрации будут восприниматься иначе, в формате адаптива они станут достаточно крупными объектами и легко считаются.

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

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

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

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

  • @ДмитрийДремов-я3ч

    💥💥💯

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

      😉⚡️☺️

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

    Спасибо, полезно)

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

      Очень рад)👍

  • @АртурАхметшин-к3ъ

    Не лучше ли применять прием Mobile First, чтобы потом не приходилось изобретать в мобилке дизайн заново, все таки 90 процентов сидят с телефонов

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

      Во-1х я не слыщал ещё про такой внезапный скачок по статистике мобильного трафика в вебе) Во-2х, десктопная версия существенно сложнее в проектировании и гораздо логичнее сначала сделать её и упростить во время работы с адаптивом, чем масштабировать эту историю в обратном направлении.

    • @АртурАхметшин-к3ъ
      @АртурАхметшин-к3ъ Год назад

      @@UPROCK Благодарю за ответ)

    • @АртурАхметшин-к3ъ
      @АртурАхметшин-к3ъ Год назад

      @@UPROCK Очень хотелось бы посмотреть видео о том какие разрешения нужно использовать в 2023 для адаптива и посмотреть примеры работ учеников со всеми адаптивами)

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

    Извиняюсь, может быть я чего то не понимаю, но все же, почему в меню(которое поп ап) решили расположить все слева а не по центру или справа?)
    Просто мне кажется пользователю на телефоне было бы проще дотянуться рукой до правой части экрана, учитывая тот факт что мало людей держат телефон в левой руке)
    Буду очень рад если объясните почему, спасибо)

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

      Привет! В первую очередь, ты должен это прочитать, а читаем мы слева направо и весь текст выровнен по левой границе. Только прочитав, ты начинаешь думать о том, как это нажать

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

      @@UPROCK Спасибо, понял/принял/записал))

  • @ssunorange
    @ssunorange 3 месяца назад

    всегда сначала делаем сайт на компьютер, а потом уже мобильную версию?

    • @UPROCK
      @UPROCK  3 месяца назад

      Привет от большего идти к меньшему чисто психологически легче, а так как тебе удобно. Я рекомендую от десктопа к мобилке.

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

    Не извиняйся, инфа и так годная ещё и задаром.

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

      Спасибо за понимание, очень рад, что видео тебе полезно)