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