Как сделать мобильную версию сайта | Что нужно знать при проектировании мобильной версии

В этом видео мы адаптируем дизайн сайта, который мы создавали в одном из наших видео, под мобильники.

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

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

Для вашего удобства таймкоды:
00:00 - Вступление
00:32 - Создание мобильной версии
01:10 - Дизайн первого блока
05:51 - Дизайн второго блока
09:01 - Дизайн третьего блока
11:47 - Результат

💫 Сайт Пижамной Академии Веб-дизайна

✌️Осваивай новую, востребованную и перспективную профессию UI/UX Designer в комфорте с Пижамной Академией Веб-дизайна:

Мы всегда на связи и готовы помочь 💛

Больше про UX дизайн в Инстаграм:
подписывайся 💛

Заглядывай в телеграм комьюнити:

Ставь лайк 👍 этому видео и подписывайся на канал, здесь много полезного про UX и Веб дизайн!

#design #mobile #webdesign #mobileweb #мобильныйдизайн #mobiledesign #адаптив #адаптивныйвебсайт #adaptive #mobileversion #дизайнмобильнойверсии #mobileversiondesign #дизайнадаптивов #adaptivedesign #вебдизайн #ДизайнСайтов #UIUX #ui #ux #uiuxdesign #uiuxдизайн #ДизайнПользовательскогоИнтерфейса #пижаманаяакадемия #пижамнаяакадемиявебдизайна #ДизайнИнтерфейсаПользователя #УчебныеВидео

[n.s.]

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

[nikadesgn]

Никита, спасибо за видео. Такой вопрос, safe area на айфонах требует минимум 16px margin по краям, почему ты поставил 10? И вообще большие вопросы к размерам. Например, расстояние между 2 кнопками 15 px, во всех стандартах рекоммендуется работать с четными цифрами (2-4-8-10 грилные системы), плюс разработчикам так легче верстать потом дизайн