Дизайн крутой мобильной версии сайта
Вставка
- Опубліковано 12 вер 2024
- В этом видео я отправляюсь в лес, для того чтобы создавать мобильную версию сайта. Использую два разных подхода - как обычно, и с оглядкой на приложения.
Что получилось?
Не узнаешь пока не посмотришь!
Подпишись, потому что во всех соцсетях у меня свой контент:
В Инсте жизнь + уникальный контент / maxshirko
В ТикТоке много выжимок с самым главным / maxshirko
В Телеграмм много постов, ссылок и подборок t.me/sayhellot...
Максим, как же классно и легко у тебя получается дизайнить! Огромное спасибо за твои с такой любовью к дизайну созданные видео уроки! Продолжай творить и заряжать нас своей энергетикой креативного дизайна!!!!
Макс, спасибо! Как всегда: креативно, полезно, вдохновляюще! Мне оба варианта нравятся ( и с кружочками, и с линиями). На последних кадрах на первом экране осталась видна сетка под кружочками - и тоже интересно было бы. Побольше, пожалуйста, про мобильные версии рассказывай. Спасибо!
Второй вариант (с кругами) очень крутой, он напомнил мне марки, выпущенные в честь олимпиады 72-го года и выполненные в швейцарском стиле. И спасибо за новый метод, обязательно попробую так поработать
Вторая версия с кругами прикольная. Круги на первом экране для коворкинга могут олицетворять рабочее место (зона для посетителя).. типа как вроде свое пространство, а вроде и общее круги касаются друг друга, что в принципе и есть философия коворкинга
Картинка просто огонь, превью в начале с ооочень крутой обработкой🙌🏻 Способ разработки дизайна для мобилки поэкранно - потрясный! Все варианты смотрятся крайне стильно, мне больше всего понравился первый вариант в мобилке🤤 Чистое удовольствие от твоего контента, спасибо!
Макс, очень круто! Буду пробовать теперь тоже такой подход, очень интересно, креативно и вдохновляет) Спасибо за то, что ты делаешь!
Топ)
Поддержу по поводу мобильных версий - хотелось бы больше видео о них, так как сейчас пользователи в большинстве случаев сидят все же с телефонов в сети. А годного контента по мобилках не так уж много
3 варианта за 40 минут, как так-то))
Я бы над первым экраном часа 2-3 сидел бы...
А тут как конструктор, оп-топ, ляп и готово, восхищаюсь! Вот, что значит 20 лет в дизайне))
это кайфули! как круто ты делаешь из куска текста пироженку!
Привет, я тоже из Варшавы, вдохновляешь, спасибо за клевые видео)) ощущение будто вживую общаюсь с тобой а не через экран
Спасибо Макс! С подходом приложения прям оживился больше проект, возьму такое на заметку!)
Было бы круто, ели таких видео про создание в первую очередь, мобильных версий, было бы больше.
Макси! Респек!
Любимый блогер ❤ ждём ещё видео про дизайн на моб версию, очень интересно наблюдать за работой!
Спасибо за видео! Меня вдохновляет то, как легко и с любовью ты делаешь дизайн ❤ прям вау! Надеюсь с опытом и временем я смогу так же 😂
Пс, нравится больше вариант с линиями
два последних подхода понравились больше, может потому что аппки больше нравятся. С кругами топ! интересно было бы еще посмотреть, как с аппковидного вида перекидать все это в десктоп)
Масим, благодарю! Как всегда, супер. Можно чаще такие кейсы делать ;) И вариант, как ты потом с веб версией работаешь
И еще вопрос, когда появится функция, чтоб можно было на тильде сразу работать с мобильной версией дизайна?
Тоесть, шаблоны сразу видны для мобильной верстки.
Все таки сейчас большинство посещают сайты с телефона, и обычно хочется начать именно с мобильной версии собирать, а веб версию уже подгонять.
Макс, какой же ты крутой!! Всё версии обалденные, и как быстро ты их набросал! Огонь!!
Я в захваті від 2 версії дизайну!Зайшла сьогодні на ваш інстаграм , щоб спіймати натхнення і побачила це відео вирішила переглянути і не дарма , воно чудове.Дякую, що знімаєте такі відео реальних проєктів!Успіхів вам!
Вау Макс, як завжди дуже круто)) після тебе заряд завжди 200%
Випуски про адаптив - давай ще👍👍👍
Макс, ты - глыба! Последний вариант - 🔥
Лучшее видео по мобильной верстке в тильде, которое мне удалось найти, спасибо за идею с mobilefirst, в первые это слышу и удивляюсь как это просто и гениально. Спасибо!
Спасибо за видео) Тоже больше нравится версия с кругами.
Хотим еще видосов про моб версии! ❤️
Вогонь відео🔥, просто кайф. Скажіть будь ласка, а в чому прикол, коли текст знаходиться у фіксованому контейнері по ширині і висоті?
Спасибо, что делишься своим опытом! Второй способ создания для меня стал приятным открытием, всё гениальное-просто! Дизайны все крутые!
Круто смотреть, как ты прям насыпаешь идеями) Спасибо за урок!
Дуже цікаво та надихаюче. З задоволенням подивлюся як потім це все можна адаптувати для пк.
Макс, как всегда всё на высшем уровне!! снимай побольше видео, очень вдохновляешь😍
ещё вопрос, по твоему проекту D23. можно заявку отправить, когда будет новый отбор или пока там все справляются? может хотя бы в лист ожидания есть возможность попасть🙃
Вариант с линиями больше зашёл. Макс как всегда - топ!⭐️
Классный видос! Оба враинта смотрятся хорошо. Сильно понравился вариант с градиентными заливками линий - креативный приёмчик.
Каждая новая серия заходит на ура 🤩🤩🤩, спасибо большое за труды. Очень приятно смотреть и вдохновляться
Это Figma? Классное видео, очень полезное
Спасибо за видео, открыла для себя несколько подходов. Расскажи с перспективы своего опыта, где дизайнеры обычно находят заказчиков? Я миновала стадию друзья-знакомые и решила, что хочу пофрилансить. У меня есть пара кейсов и портфолио. Как вообще начинается поиск заказчика? Есть ли какие-то платформы?
Спасибо тебе Макс! Почерпнул несколько интересных фишечек, уверен, что пригодится. Очень полезное видео, рекомендую!
Хотим еще видосы про моб версии! Благодарим за видео!
Такое уютное видео! И полезное! Спасибо!!!
Більше відео від Макса! Ти крутий!!!
Класс! все варианты понравились! единственный вопрос, как презентовать работу заказчику при работе с волновым методом? (обычно я презентую по 1-2 экрана и двигаюсь дальше, тут речь больше по ПК версию)
Тут на твой личный вкус)
побольше видео про моб. версию!!
Как мне нравится такой фильтр на видео. Макс, в какой программе видео делаешь, скорее интересует какой фильтр или сам покрутил настройки? Видео смотрю только но лайк заранее. Привет из темной (без электричества) Одессы
Final Cut. Юзаю ЛУТы всякие. Одесса мама 🫶
@@maxshirko благодарю за ответ. Я в премьер про, все не могу поменять на что то другое. П-привычки
Ага. А теперь представим, что объем текста в абзацах не соответствует 50 знакам и в 4 раза больше 😂😂😂
Ага и что?) Сложно что-ли взять и подставить все это и потестить? Или руки сломаются прикинуть еще 10-20 вариантов поведения текста, а?) Или впадло?)
@@maxshirko Ты хоть понимаешь, что дизайн придется полностью переделывать? 😅 Кого подставить? Куда? Дизайнер должен уже иметь представление о количестве знаков в абзацах. По другому это не работает. Все развалится.
@@user-sv6dy8pk2q да, 100%. Полностью. Шрифты, фоны и графику тоже нужно будет заменить.
какой кайф! спасибо за ролик! (третий варик зе бест)
Максим, спасибо за вашу работу! Невероятно круто!🔥
Бмв классная, информация как всегда полезная, спасибо тебе Максим!
Спасибо за видео, очень интересный материал! Очень хотелось бы побольше таких видео))
Дякую за повчальні відео. По адаптиву можна ще )))😊
Максе, ти крутий🦸♀ Дякую! Дуже надихаєш!
Спасибо за видео, очень приятно смотреть за профессиональной работой!)
Спасибо Макс. Полезно. Из Израиля)
Да блин… вот что значит опыт. Накидал так чисто за пару минут ❤ супер
Дяка, бро
Макс, огромное тебе спасибо!
Спасибо за видео. А как это всё перенести на тильду?)))
Давай ще тему мобайл фьост
Стосовно дизайнів - очикував, що кола будуть функціональними на першому екрані
Макс, спасибо! Очень полезное видео 🔥
Как обычно, вышка!
Спасибо :3
Боже боже, как всегда кайф ❤️🔥 спасибо, лежу смотрю ночью , пока есть свет 😂 получила безграничное удовольствие от легкости и стильности
Да , красавец конечно!
Самый главный страх, это начать тупить и смотреть в экран, когда принял заказ🫠🫠
хотим ещё👻
Любимые спецслужбы 01, 02, 03, 04 😂
С кругами хуже для маленьких экранов будет т.к. заголовок по нижнему краю или не будет виден или придется сдвигать и он поедет на круги. Я конечно понимаю что у большинства большие экраны и т.п. и что мы ориентируемся на определённую аудиторию, но это всё равно что не делать ПК версию совсем т.к. 95% было сказано идёт с мобильных.
Да не, чего, там все пропорционально можно уменьшить. Хоть для 5-го айфона.
Хороший офис)
А как же быть если мы откроем эту мобильную версию на экране с другим соотношением сторон? Принцип конечно хороший, но при скролле, когда эти блоки не влезают в 1 экран все сразу страновится грустно
мені сподоьався з кругами варіант. загалом другий спосіб ближче і більш стильний як для мобільних екранів. це теж особиста думка. дякую за відос. наснаги і натхнення тобі. я саме таку енергію віддчуваю після перегляду твоїх епізодів.
Дякую велике! Дуже важливо таке читати 🫡
Макс ты лучший! Большой привет из Казахстана!👍
Круто Круто! Спасибо Макс!
Спасибо, за атмосферное видео 🪐
Спасибо Макс, ты лучший
🔥🔥🔥🔥🔥🔥🔥
Очень круто!
Сенкью вері біг фор відео. Мені сподобалась по екранна версія. Дуже затишна, дякую за те що робиш.
Дуже круто !
Максим, сколько языков вы знаете?
3
Получилось секси!
Досмотрела видос, очень круто!
Если можно задам вопрос: я проходила несколько курсов и там говорили про то, что нужно дизайнить под самый мелкий размер телефона (сейчас это айфон SE). В видео 13 айфон использовался, но если бы был реальный заказ дизайнить надо под меньшее устройство?
И еще по поводу второго подхода, верстальщику так отдельными экранами и отдают? И при скролле экраны полностью сменяют друг друга или как обычный сайт?)
Нет, под SE не делал бы, это редкий девайс, делал бы под Х, а там размер не сильно меньше 13-го.
Верстаку да и как сверстать это уже вопрос выбора
@@maxshirko спасибо!
вот допустим я сделал всё в фигме как перенести на сайт ?
на 3:03 это какой то плагин?
Це топ! Третій варіант ❤
Дякую за відос!)
incredible
Можно прикрепить ссылку на каворкинг. Будет интересно посмотреть.
integratornabielanach.pl
Mobile-first ➕
автор ты оч крут спасыбо