Открытый пост в закрытом бложике про адаптив: clck.ru/NDogz Файл Фигмы: clck.ru/NEqzP 2:17 - принципы адаптива 9:09 - какая должна быть высота первого экрана 18:50 - обзор 10 примеров адаптивов первых экранов + хедеров 42:40 - почему лучше делать 4 файла адаптива, а не 2 💰❤️ Поддержать канал: бусти - boosty.to/alexeybychkov - русский интерфейс, рубли патреон - www.patreon.com/alexeybychkov - английский, доллары Подглядывать за мной можно тут: 👉 Инстаграм: instagram.com/alexeybychkov_/ 👉 Беханс: www.behance.net/alexeybychkov_ 👉 Телеграм: t.me/dsgn_tips 👉 Фейсбук: facebook.com/dsgn.tips/ 👉 Твитор: twitter.com/_alexeybychkov
здравствуйте. ссылки почему-то битые (Открытый пост в закрытом бложике про адаптив: clck.ru/NDogz и Файл Фигмы: clck.ru/NEqzP). Это так и задумывалось?
@@alexeybychkov_ Алексей,спасибо за контент, вы у меня как настольная книга на ютуб 😅😂 Подскажите пожалуйста, пост который вы тут анонсировали, он всё ещё доступен? У меня почему-то не грузится 😔но может это и у меня какой-то глюк
i guess Im randomly asking but does any of you know a method to get back into an Instagram account..? I somehow lost my account password. I would love any tips you can offer me!
@Onyx Shepard thanks for your reply. I found the site on google and I'm in the hacking process now. Takes quite some time so I will reply here later when my account password hopefully is recovered.
Осторожно! Если будете часто заходить на этот канал и видосики смотреть, а потом еще после этого и кнопки в фигме нажимать, можете нарваться на то, что станете хорошим дизайнером 😏
Идти на твой канал когда появился какой-то вопрос по дизайну уже привычка 🥹 все доступно и главное понятно настолько, что чаще всего даже вопросов не остаётся!🔥 спасибо 🫶
Крутой урок! Спасибо 🙏🏼 Алексею еще раз) особенно нравится как в видео-уроках птички на фоне чирикают, такое ощущение что урок записан где-то на острове Бали, и хочется также, есть к чему стремиться))
100% пользы и никакой воды, спасибо!)) идея с кубиками для теории классная и понятная, и наглядные примеры реальный блоков как раз закрепляют все это) и очень круто, что все примеры разные!
Пересмотрел. Освежил. Леха, спасибо, что так подробно и откровенно про дизайн. Будет классно и про хедеры, и про футеры, и про таблицы... Супер! Спасибо
Алексей, спасибо. Всё понятно, всё в тему. Продолжай дальше: про хедеры, футеры... Всегда полезно послушать человека с опытом. Не всегда простые вещи очевидные. Поэтому - смотрю, запоминаю, учусь... Кстати, книги прочитал (обе). Информативно и ценно. Лайк:)
Алексей, добрый день. Я только начал обучение в ux/ui дизайне. Есть несколько самостоятельных работ с бесплатных марафонов, делал адаптив в фигме, но благодаря вашему видео, понял, что нужно делать несколько разных макетов под основные разрешения. Спасибо вам огромное!
5 разрешений это хорошо, я даже эксперимент сдалал - целый месяц делал так проекты. На лендинг ещё более менее терпимо, но споткнулся на многостраничнике - это же ад, такое количество стилей, особенно текстовых нужно обслуживать пробовал и поблочо, или постранично - один фиг запутался, а верстальщик чуть руки не оторвал за такой шведский стол 😁 Поэтому сейчас рисую 320 и 768, да и заказчики от студий\агентств не готовы переплачивать пока дизайнер и разраб развлекаются, тратя время на то, чтобы у 2% посетителей хедеры были красивыми)) У "фрилансера по жизни", есть видос на эту тему, можно совмещать адаптив и резиновую верстку, чтобы не рисовать все брекпоинты. Я одно бремя страдал от мьюза, в котором также 5 разрешений рисовал, а теперь и zero блок в тильде решил добить 😁
Не красивыми, а удобными. И откуда инфа про 2%? Это не развлечение, это работа. Если к работе относиться как к развлечению, лучше не заниматься дизайном :) Потом и получаются сайты и интерфейсы, которыми не комфортно пользоваться, потому что развлеклись все в процессе). В видео так-то и объяснил, что верстальщик будет резинить, если нет всех макетов. И показал, что из этого выйдет. Спасибо, что видео посмотрел)
Забавно, что так считают даже сами верстальщики. Когда мои знакомые заняты, они своим постоянным заказчикам помогают с поиском кого-то на верстку. И тоже потом в чатике нашем жалуются, что сложно найти. А сейчас с карантином еще больше недавно открывших для себя верстку будет :)
а какого нам израильтянам? я когда перешел на телефон с экраном 6.3дюйма (после 5.5) поменял с иврита на инглиш андроид просто потому что задом наперед паллец не дотягивался на сэнд в ватсапе итп.))
только в самом конце я заметила чтио видео длилось почти 50 минут, по ощушениям прошло не больше 10 минут. Не смотря на то чио видео более старого формата, смотрится всё так легко и без напряга. Супер!
Леша, спасибо большое! Вчера как раз доделала первую страницу своей второй работы,хочу попробовать сделать адаптивы, но с привязками вообще беда. Нашла твое видео это , буду вникать 🤘💪 как обычно, спасибо большое! Лайк не глядя. А теперь я побежала смотреть)) Кстати, спасибо отдельное за чат в Дискорд, ребята ооочень отзывчивые. Помогают разобраться и исправлять ошибки 💜
Вы очень классный, подписалась на вас в инсте случайно и на ютубе стала на ваши видео натыкаюсь, конечно же уже подписалась. Удачи вам и спасибо за помощь с Фигмой)
Очень классный и супер понятный ролик! Алексей молодец) Огромная просьба: сделай пожалуйста ролик как правильно рассчитывать стоимость дизайна сайта/лендинга. Я начинающий дизайнер и это для меня один из самых актуальных вопросов с которым все начинающие сталкиваются. Если цена установленна заказчиком, хорошо, но вот если самому нужно ставить цену, не знаешь с чего начать, чем продолжать и чем закончить, как вообще считать. В интернете шарил, нормального ответа или рекомендации нету на эту тему. Ребят, кто тоже хочет такой ролик лайкните комментарий, чтоб Алексей увидел какой тут лес рук))
@@alexeybychkov_ еще спросить хотел: немножко непонятно почему планшетную версию вы делаете на 1000px там вроде скролл бара нету, можно все 1024 делать
Скрола нет, если открывать на планшетах. Вернее он там тоже есть, но не отображается. Но ведь такие разрешения еще встречаются на очень старых компах и ноутбуках. Поэтому лучше делать макет такой, который влезет и на 1000 и на 1024, чем наоборот.
Может покажете короткое видео как передаете макет верстальшику, выливаете в зеплин, авакод или еще как или передаете оригинал макет в фигме? как расписываете стили и все состояние чтобы верстальшику было понятнее и все такое, подробнее если рассказали бы об этих вещах былобы ОТЛИЧНО.
Видео будет очень коротким :) я просто отдаю заказчику ссылку на макет. Ничего никуда не выгружаю. Цветовые стили подписываю очень просто. Какой цвет - такое и название: красный - red, оранжевый - orange и тд. Текстовые стили не использую. Они тормозят работу, а не ускоряют. Их настраивать, редактировать, поддерживать - сильно дольше, чем просто скопировать уже утвержденный заголовок. Даже если (что бывает крайне редко), потом попросят сделать заголовки меньше/больше, то что вручную, что через стили - все равно во всех местах все нужно будет проверять - двигать, проверять отступы и тд. В общем текстовые стили придумали за мазохистов и тех, кто работает как на каторге :) А не получая удовольствие от процесса. Особенно достает что нельзя посмотреть размер и настройки текста - нужно провалиться внутрь стиля, а потом вылазить обратно. В общем, пользуюсь только цветовыми стилями и передаю ссылку на макет. Вот и все видео))
Спасибо за полезное видео! Пока посмотрела 4 раза переделывала свою работу. Ответила для себя на некоторые вопросы: картинку при адаптиве можно ровнять не только по центру, но и по правому краю, и все тогда красиво поместится и текст не будет в уши и рот лезть =)); длинный текст в заголовке можно вынести на белый фон - отлично смотрится! А кнопку на маленьких экранах лучше растянуть - меня тоже бесят треугольники, особенно когда они еще и перевернутые.
Спасибо огромное!очень классно!очень интересно!ты все здорово обьясняешь!учусь на твоих видио!в школе дизайна не дали столько полезного материала,как у тебя)))были бы курсы..пошла бы учиться к тебе!!
Ну класс. Про курсы думал. И не раз. 3 онлайн и 1 офлайн школы уже предлагали записать. И даже все готовы были взять на себя проблему домашек (нужно же с учениками созваниваться, обсуждать там все и тд. А это уже не дизайн, а трындеж. Коммуникации. Я не менедежер, а дизайнер, поэтому сразу сказал, что нет ни времени, ни желания на всякого рода домашки), а мол с тебя только курсы. Скажи сколько за них хочешь и вперед иди записывай. Всем ответил, что мне не интересно для кого-то записывать. Я если и соберусь, то выложу все у себя на канале, а деньги заработаю на фрилансе. Так одни ответили - не вопрос, выкладывай. Не понял в чем им профит, если они будут продавать за деньги то, что у меня на канале будет в открытом доступе :) В общем про курсы думал. Без домашек - будет шляпа. Весь кайф курса в совместной работе, а не в тупом просмотре видео. А домашки я не хочу - мне не интересно. А когда не интересно - тогда и процесс фиговый, и результат не очень. Лучше буду дальше ролики записывать для канала. Так и канал развивается потихоньку, и мне нравится все в процессе. Не приходится себя заставлять идти записывать следующий ролик, потому что скоро пятница. С таким успехом, каждый из вас может просто оставлять заявки на темы, которые волнуют. И если будет много желающих про что-то конкретное - запишу. Хоть с другой стороны, вот многие просили Афтер Еффект, а как записал 7 уроков - так просмотры упали в 3 раза на канале. Его смотрят единицы))
Лёха, подскажи пожалуйста, вот вроде у тебя было видео где-то или я тебя с кем то путаю, про вдохновения. Где и как искать контент для дизайна сайта. Моя основная проблема: Хочу сделать себе лендинг кейс для портфолио. -Начинаю делать -Ищу любой старый сайт, любая тематика. -Создал выдуманный прототип для сайта, ну в какой очередности должны быть блоки. - Ну вот когда начинаю оформлять макет, начинаю тупить и думать -- (какой мне тут каталог сделать, какие должны быть кнопки перехода, какая должна быть анимация, какой должен быть фон при этом" короче просто становлюсь в ступор, и не знаю что дальше делать, а когда лазию на бихаинс, дриблл, воровать чей то дизайн и копировать в свой, меня угнетает совесть. Как нароботать эту нассмотреность и получить EXP.
Видимо, видео, не мое. Попробуй знаешь что. Бери две работы, которые тебе нравятся по одной и той же теме. И попробуй с 1 работы взять полностью структуру. А со 2 полностью слизать визуальную часть: шрифты, отступы, цвета, стили элементов и тд. Так у тебя получится не копия двух работ, а своя новая. И в процесс будешь учиться элементы повторять. И проблемы не будет как что после чего должно идти. По сути у тебя есть прототип (1 работа) и бриф на стилистику (2 работа) и ты делаешь по ним дизайн. Это очень эффективный прием особенно на начальном этапе.
про шапочки/подвальчики интересно) а еще интересно как высчитываются размеры после/перед текстовым блоком Ведь в зависимости от интерлиньяжа стиля текста, с alt-ом видны разные расстояния подозреваю для четкого подхода, прямоугольники использовать лучше, но как то смущает не автоматизированность процесса
*НЕ РЕКЛАМА ЕСЛИ ЧЕ* ))) насчет того как блоки расположить один под другим подходит CSS grid мой любимый... я как раз про такой случай сделал ролик как адаптивно меняются блоки с CSS grid. Можете в ютубе найти Creating One-screen landing page via Figma and CSS-Grid (#in5minutes) там я так же наглядно продемонстрировал сначала на кубиках цветных а потом вставил контент... Алексей как всегда вам царский лайк за выжимку самой сочной и полезной информации про веб дизайн.
Что-то с ним, что-то без него. Обычно его использую там, где нужно показать реальный контент. Например, заголовки в карточках в 1-2-3 строки. Но не маньячу настолько чтобы он был в каждом фрейме. В общем, какой-то баланс нашел между удобством и скоростью работы. Это вопрос из серии фрейм или группа? Когда только открыл для себя фигму - я писался от счастья каждый раз, когда адаптивил настроенный фрейм. Но чем больше я работал в Фигме, тем чаще замечал, что трачу времени на настройку привязок внутри фреймов больше, чем просто руками расставляю элементы из группы. PS. Спасибо за подписку! :) Так и хочется комментариям со значком "a" подробнее ответить, чем обычно)
Как верстальщик согласен, не люблю соплями мазаться. Из-за телепортаций приходится ломать мозг как оставить контент в потоке, где впихнуть обёртки, и не злоупотреблять абсолютным позиционированием.
Рад, что понравилось! Не-а, кубик 100 х 100. Точно такой же квадрат получается в фигме (именно этого цвета), если просто клацнуть на пустом месте, выбрав предварительно инструмент прямоугольника. И размер у него будет 100 х 100
Пока как-то желающих на таблицы не много собралось) ты первый) Может, это тема как с Аfter Effects - записал, а его никто не смотрит) Вернее мало кто. Просмотров сильно меньше, чем у других роликов на канале
@@alexeybychkov_ я вот тоже скажу, таблицы - вещь полезная и наверняка они могут капризничать, как и графики. Но я новичок в дизайне посвежее других подписчиков) поэтому пока такой контент рановат. А вот со временем точно посмотрю, когда петушок клюнет)) в общем, изучать/решать вопросы по мере их поступления
Алексей! Несомненно, ваши видео супер! Спасибо за ваш труд! Но ваш пиксельный сайт.......ну не даёт мне покоя :D Это ведь фото из сериала "Мистер Робот"?)))
Ещё хочется добавить о методе объяснения на кубиках - это прям то что нужно!)) Про расположение менюшки: по моему опыту, поскольку обычно меню с параметрами в интернет-магазинах находится слева, то и интуитивно глаз уже "ищет" его в той области, если говорить о сайте в hd, лучше его там и оставить. А так как пользователи всё больше просматривают сайты с телефона, и если открывать меню необходимо несколько раз....то удобнее дотянуться до бургера пальцем именно справа. Поэтому вариант в дизайне Cryptoniex наиболее удачен. Ведь пользователю не составит большого труда один раз найти меню справа, как и скроллить))
Открытый пост в закрытом бложике про адаптив: clck.ru/NDogz
Файл Фигмы: clck.ru/NEqzP
2:17 - принципы адаптива
9:09 - какая должна быть высота первого экрана
18:50 - обзор 10 примеров адаптивов первых экранов + хедеров
42:40 - почему лучше делать 4 файла адаптива, а не 2
💰❤️ Поддержать канал:
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - www.patreon.com/alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: instagram.com/alexeybychkov_/
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: facebook.com/dsgn.tips/
👉 Твитор: twitter.com/_alexeybychkov
здравствуйте. ссылки почему-то битые (Открытый пост в закрытом бложике про адаптив: clck.ru/NDogz
и Файл Фигмы: clck.ru/NEqzP). Это так и задумывалось?
@Tetianna Popovych Привет. Все открывается. PS что за идиотский вопрос: задумывалось ли вставить битые ссылки?
@@alexeybychkov_ Алексей,спасибо за контент, вы у меня как настольная книга на ютуб 😅😂
Подскажите пожалуйста, пост который вы тут анонсировали, он всё ещё доступен? У меня почему-то не грузится 😔но может это и у меня какой-то глюк
i guess Im randomly asking but does any of you know a method to get back into an Instagram account..?
I somehow lost my account password. I would love any tips you can offer me!
@Onyx Shepard thanks for your reply. I found the site on google and I'm in the hacking process now.
Takes quite some time so I will reply here later when my account password hopefully is recovered.
Спасибо за кубики! Очень понятно объяснил все! Лучшее виедо про адаптивный дизайн сайта!
ну класс!
Осторожно! Если будете часто заходить на этот канал и видосики смотреть, а потом еще после этого и кнопки в фигме нажимать, можете нарваться на то, что станете хорошим дизайнером 😏
ага, и такое может случиться)
Как обычно простым языком о сложных вещах! 🔥🔥🔥
ну класс)
Такое видео должно быть частью платного курса - просто море полезное инфы и никакой воды!😊
рад, что нравится!
Без лишних комментариев, это лучшее видео!)
А Ваш канал и вовсе самый лучший и познавательный при работе с дизайном на фрилансе)
Спасибо, приятно ☀️
Очень нужная информация, спасибо!
По сути весь ваш канал - сплошная годнота и полезности, лучшее, что я видела
❤️
🤟😇🤟 супер! Рад, что нравится!
Классно изучать материал на реальных примерах!!) так намного понятнее
Тоже так думаю!
Класс! Подробно без воды на реальных примерах ))🔥
супер) спасибо за просмотр!
Идти на твой канал когда появился какой-то вопрос по дизайну уже привычка 🥹 все доступно и главное понятно настолько, что чаще всего даже вопросов не остаётся!🔥 спасибо 🫶
Вот и хорошо))
Крутой урок! Спасибо 🙏🏼 Алексею еще раз) особенно нравится как в видео-уроках птички на фоне чирикают, такое ощущение что урок записан где-то на острове Бали, и хочется также, есть к чему стремиться))
И мне звуки природы больше нравятся, чем фоновая музыка ☀️
Спасибо за такой полезный урок! Удобно что всегда можно обратиться в твой канал, всегда здесь много пользы)
Это замечательно)
Без воды, по делу и на реальных примерах! Контент просто супер, огромное спасибо🤍
пожалуйста!
Отдельное спасибо за то, что уделил внимание высоте первого экрана - информативно и актуально
а как иначе))
"Нет людей, которые не скроллят! " отлично сказано, можно даже с успокоительной речью идти к дизайнерам новичкам)
почти как тост))
Видео огонь. Все понятно и доступно! Вот где еще можно найти такой классный контент? Только на этом канале)))
супер)
спасибо за видео. Здорово, что вы развиваетесь вместе с нами)
супер))
Кубики супер, очень наглядно, спасибо! И наконец впервые заговорили о высоте первого экрана, давно мучил этот вопрос.
рад, чо понравилось! Спасибо за просмотр)
Алексей, спасибо!
Как всегда: доступно, понятно и с юмором !!!)
Красавчик!!!
Супер) рад, что нравится!
Леша ну просто сказать ,что полезно ничего не сказать, да еще с такими примерами) Бегу делать адаптив))) ролик Агонь)
давай давай) делай-делай))
100% пользы и никакой воды, спасибо!))
идея с кубиками для теории классная и понятная, и наглядные примеры реальный блоков как раз закрепляют все это)
и очень круто, что все примеры разные!
ну класс) спасибо!
Спасибо огромное, за труды! Каждое слово ценно . У тебя получаются, настойки высококонцентрированные, без капли воды :)))
ну супер! А вообще я по знаку зодиака водолей 😄
Мало таких интересных и подробных объяснений, без воды)
супер)
@@llelya Полностью согласен!
Спасибо, что наглядно показал, как делать адаптивы и почему именно так. Даже был взгляд со стороны верстки)
пожалуйста!
Понятно и хорошо объясняешь, с прямоугольниками проще понять, а с примерами гораздо проще запоминается! Спасибо за ролик)
вот и замечательно!
Пересмотрел. Освежил. Леха, спасибо, что так подробно и откровенно про дизайн. Будет классно и про хедеры, и про футеры, и про таблицы... Супер! Спасибо
Спасибо, что смотришь)
с кубиками все очень понятно) спасибо за ролик -никакой воды!
супер!
Как обычно огонь! Полезно, быстро и понятно!
супер
я плохо пишу, скажу кратко, твой канал это лучшее, что произошло со мной за пол года))))
спасибо)) Нормально ты пишешь))
Алексей, спасибо. Всё понятно, всё в тему. Продолжай дальше: про хедеры, футеры... Всегда полезно послушать человека с опытом. Не всегда простые вещи очевидные. Поэтому - смотрю, запоминаю, учусь... Кстати, книги прочитал (обе). Информативно и ценно. Лайк:)
Супер) рад, что нравится) Спасибо!
спасибо, что показываешь адаптивы на реальных примерах, намного лучше воспринимаются тонкости)
вот и пожалуйста)
Алексей, добрый день. Я только начал обучение в ux/ui дизайне. Есть несколько самостоятельных работ с бесплатных марафонов, делал адаптив в фигме, но благодаря вашему видео, понял, что нужно делать несколько разных макетов под основные разрешения. Спасибо вам огромное!
Привет, супер, пожалуйста!
На кубиках все супер понятно! Спасибо.
ну класс) ☀️
5 разрешений это хорошо, я даже эксперимент сдалал - целый месяц делал так проекты. На лендинг ещё более менее терпимо, но споткнулся на многостраничнике - это же ад, такое количество стилей, особенно текстовых нужно обслуживать пробовал и поблочо, или постранично - один фиг запутался, а верстальщик чуть руки не оторвал за такой шведский стол 😁 Поэтому сейчас рисую 320 и 768, да и заказчики от студий\агентств не готовы переплачивать пока дизайнер и разраб развлекаются, тратя время на то, чтобы у 2% посетителей хедеры были красивыми))
У "фрилансера по жизни", есть видос на эту тему, можно совмещать адаптив и резиновую верстку, чтобы не рисовать все брекпоинты.
Я одно бремя страдал от мьюза, в котором также 5 разрешений рисовал, а теперь и zero блок в тильде решил добить 😁
Не красивыми, а удобными. И откуда инфа про 2%? Это не развлечение, это работа. Если к работе относиться как к развлечению, лучше не заниматься дизайном :) Потом и получаются сайты и интерфейсы, которыми не комфортно пользоваться, потому что развлеклись все в процессе). В видео так-то и объяснил, что верстальщик будет резинить, если нет всех макетов. И показал, что из этого выйдет. Спасибо, что видео посмотрел)
@@alexeybychkov_ да, нынче найти верстальшика с прямыми руками большая проблема, поэтому 5 разреший оправданы зачастую
Забавно, что так считают даже сами верстальщики. Когда мои знакомые заняты, они своим постоянным заказчикам помогают с поиском кого-то на верстку. И тоже потом в чатике нашем жалуются, что сложно найти. А сейчас с карантином еще больше недавно открывших для себя верстку будет :)
@@alexeybychkov_ а что же делать тогда начинающему дизайнеру🙈к кому обращаться..где искать верстальщика
С кубиками очень наглядно получилось, спасибо, Лёша!
супер)
Отличный ролик и много примеров из практики - просто супер! Спасибо!
Супер
Спасибо, очень интересно рассказываете, уже несколько часов пересматриваю ваши видео!!
Спасибо за подписку) Рад, что нравится!
Полезный видос. Некоторые моменты подчеркнул для себя. Так сказать, добавил в заметки. Спасибо :)
рад, что понравилось!
классно, что всё и на пальцах, и с реальными примерами так подробно объясняешь. Спасибо!
ну класс)
Спасибо, теперь стало понятно про первые экраны и адаптивный дизайн👍
Супер) рад, что пригодилось)
Понравилось как всегда, записывай еще :)
Суперр!
Мне удобнее когда меню на телефоне справа. Большим пальцем ближе тянуться! :))
А если левша?) А если двумя руками держишь телефон?) тоже справа?
а какого нам израильтянам? я когда перешел на телефон с экраном 6.3дюйма (после 5.5) поменял с иврита на инглиш андроид просто потому что задом наперед паллец не дотягивался на сэнд в ватсапе итп.))
Да уж)
Столько реальных примеров показал, спасибо огромное 👏👍
Замечательно объясняешь, твой канал - сокровище ❤️
ееее я рад!
только в самом конце я заметила чтио видео длилось почти 50 минут, по ощушениям прошло не больше 10 минут. Не смотря на то чио видео более старого формата, смотрится всё так легко и без напряга. Супер!
время летит)
Леша, спасибо большое! Вчера как раз доделала первую страницу своей второй работы,хочу попробовать сделать адаптивы, но с привязками вообще беда. Нашла твое видео это , буду вникать 🤘💪 как обычно, спасибо большое! Лайк не глядя. А теперь я побежала смотреть))
Кстати, спасибо отдельное за чат в Дискорд, ребята ооочень отзывчивые. Помогают разобраться и исправлять ошибки 💜
Супер) Рад, что полезно)
Вы очень классный, подписалась на вас в инсте случайно и на ютубе стала на ваши видео натыкаюсь, конечно же уже подписалась. Удачи вам и спасибо за помощь с Фигмой)
Спасибо за подписку!
Я за меню справа) прямоугольники воспринимаются быстрее, не отвлекаешься на содержание. Спасибо! Очень полезный ролик!
спасибо за просмотр!
На этом канале можно найти ответы на любые вопросы! Спасибо, Алексей!😃😄
вот и замечательно)
Очень классный и супер понятный ролик! Алексей молодец) Огромная просьба: сделай пожалуйста ролик как правильно рассчитывать стоимость дизайна сайта/лендинга. Я начинающий дизайнер и это для меня один из самых актуальных вопросов с которым все начинающие сталкиваются. Если цена установленна заказчиком, хорошо, но вот если самому нужно ставить цену, не знаешь с чего начать, чем продолжать и чем закончить, как вообще считать. В интернете шарил, нормального ответа или рекомендации нету на эту тему. Ребят, кто тоже хочет такой ролик лайкните комментарий, чтоб Алексей увидел какой тут лес рук))
Привет. Так есть такой ролик czcams.com/video/qol73lgWbaA/video.html
Там подача еще так себе с неуверенным дрожащим голосом, но суть передал 🚀
@@alexeybychkov_ Спасибо огромное, не знал))
не за что огромное)
@@alexeybychkov_ еще спросить хотел: немножко непонятно почему планшетную версию вы делаете на 1000px там вроде скролл бара нету, можно все 1024 делать
Скрола нет, если открывать на планшетах. Вернее он там тоже есть, но не отображается. Но ведь такие разрешения еще встречаются на очень старых компах и ноутбуках. Поэтому лучше делать макет такой, который влезет и на 1000 и на 1024, чем наоборот.
Алексей, вы так суперски все объяснили!! Спасибочки!👍
Ну класс)
Еее! Крутецкая инфа, высота первого экрана - это всегда очень актуально! 🔥 Примеры с ректенглами классные, сразу понятнее становится)
Супер))
Алексей спасибо за объяснение высоты первого экрана!
Спасибо за просмотр ✌️
Отлично с квадратиками. Ролик зашёл!
Всё наглядно и понятно.
🚀 супер!
Спасибо очень доходчиво на кубиках все объяснил!
ответ на вопрос: кубик 100 х 100
супер! 🎯
Видео классное! Инфа и подача как всегда на высоте!)
Супер))
супер-информативное видео про адаптивы. Отдельное спасибо за лайфхаки про работу с двойным хэдэром и дашбордами
пожалуйста!
Гамбургер с правой стороны. Почему не знаю. Просто с правой и все! )))
Видео топ, конечно! Спасибо за контент и подачу!
😄
Может покажете короткое видео как передаете макет верстальшику, выливаете в зеплин, авакод или еще как или передаете оригинал макет в фигме? как расписываете стили и все состояние чтобы верстальшику было понятнее и все такое, подробнее если рассказали бы об этих вещах былобы ОТЛИЧНО.
Видео будет очень коротким :) я просто отдаю заказчику ссылку на макет. Ничего никуда не выгружаю. Цветовые стили подписываю очень просто. Какой цвет - такое и название: красный - red, оранжевый - orange и тд. Текстовые стили не использую. Они тормозят работу, а не ускоряют. Их настраивать, редактировать, поддерживать - сильно дольше, чем просто скопировать уже утвержденный заголовок. Даже если (что бывает крайне редко), потом попросят сделать заголовки меньше/больше, то что вручную, что через стили - все равно во всех местах все нужно будет проверять - двигать, проверять отступы и тд. В общем текстовые стили придумали за мазохистов и тех, кто работает как на каторге :) А не получая удовольствие от процесса. Особенно достает что нельзя посмотреть размер и настройки текста - нужно провалиться внутрь стиля, а потом вылазить обратно. В общем, пользуюсь только цветовыми стилями и передаю ссылку на макет. Вот и все видео))
На реальных примерах очень интересно смотреть, классно! Спасибо)
супер
С примерами всё понятно и просто становится, спасибо за подробные разъяснения🔥
ну класс)
Спасибо за полезное видео! Пока посмотрела 4 раза переделывала свою работу. Ответила для себя на некоторые вопросы: картинку при адаптиве можно ровнять не только по центру, но и по правому краю, и все тогда красиво поместится и текст не будет в уши и рот лезть =)); длинный текст в заголовке можно вынести на белый фон - отлично смотрится! А кнопку на маленьких экранах лучше растянуть - меня тоже бесят треугольники, особенно когда они еще и перевернутые.
Супер, рад, что пригодилось!
Очень полезное видео, мне бы его неделю назад, когда я с адаптивом для 320 сражалась 😅
Рад, что понравилось! Лучше позже, чем потом! :)
Круто, что показал реальные примеры, на кубиках тоже все понятно и интересно! Спасибо за видео!
пожалуйста)
Спасибо за такое полезное видео! Очень нравится подача: с юмором, простым языком, но в то же время без воды и с огромной пользой:)
рад, что нравится!
Сто лет в кубики не играл! Спасибо ностальгия! А еще вытянутые руки на медляках в первом классе! Зашло ):
ну класс ☀️
Спасибо огромное!очень классно!очень интересно!ты все здорово обьясняешь!учусь на твоих видио!в школе дизайна не дали столько полезного материала,как у тебя)))были бы курсы..пошла бы учиться к тебе!!
Спасибо) рад, что нравится!
Полезное видео для тех, кто только начинает в адаптивы, сам часто его пересматриваю, чтобы подсмотреть фичи Алексея, спасибо!
Спасибо за просмотр!
Супер понятный ролик про адаптивы!🔥🔥🔥
Я рад! 🎉
Отличный ролик про адаптивный дизайн. Отдельное спасибо за объяснение про 320 пикселей!
ну класс)
Кубики - 🔥. Спасибо
супер! 🚀
Такие умиротворяющие звуки на фоне😍
спасибо за просмотр)
Всё просто и понятно, а главное - интересно🤩
Ну класс
Спасибо. Понятно, доступно и интересно. Может всё таки подумаешь о собственных курсах?
Ну класс. Про курсы думал. И не раз. 3 онлайн и 1 офлайн школы уже предлагали записать. И даже все готовы были взять на себя проблему домашек (нужно же с учениками созваниваться, обсуждать там все и тд. А это уже не дизайн, а трындеж. Коммуникации. Я не менедежер, а дизайнер, поэтому сразу сказал, что нет ни времени, ни желания на всякого рода домашки), а мол с тебя только курсы. Скажи сколько за них хочешь и вперед иди записывай. Всем ответил, что мне не интересно для кого-то записывать. Я если и соберусь, то выложу все у себя на канале, а деньги заработаю на фрилансе. Так одни ответили - не вопрос, выкладывай. Не понял в чем им профит, если они будут продавать за деньги то, что у меня на канале будет в открытом доступе :)
В общем про курсы думал. Без домашек - будет шляпа. Весь кайф курса в совместной работе, а не в тупом просмотре видео. А домашки я не хочу - мне не интересно. А когда не интересно - тогда и процесс фиговый, и результат не очень. Лучше буду дальше ролики записывать для канала. Так и канал развивается потихоньку, и мне нравится все в процессе. Не приходится себя заставлять идти записывать следующий ролик, потому что скоро пятница.
С таким успехом, каждый из вас может просто оставлять заявки на темы, которые волнуют. И если будет много желающих про что-то конкретное - запишу. Хоть с другой стороны, вот многие просили Афтер Еффект, а как записал 7 уроков - так просмотры упали в 3 раза на канале. Его смотрят единицы))
Alexey Bychkov в любом случае ты крутой дизайнер и думаю классный человек. Спасибо тебе за труды🙏
Спасибо)
@@alexeybychkov_ за affter effect отдельное спасибо!
Спасибо большое!
Не за что большое! ;)
Всё просто и понятно, объяснил на пальцах и кубиках. Спасибо.
супер)
просто от слова до слова в конспект: главное не двигаем, а перемещаем. какой точный термин.
и точно пояснил почему 4 лучше, чем 2 - спасибо!
пожалуйста!
Лёха, подскажи пожалуйста, вот вроде у тебя было видео где-то или я тебя с кем то путаю, про вдохновения. Где и как искать контент для дизайна сайта.
Моя основная проблема:
Хочу сделать себе лендинг кейс для портфолио.
-Начинаю делать
-Ищу любой старый сайт, любая тематика.
-Создал выдуманный прототип для сайта, ну в какой очередности должны быть блоки.
- Ну вот когда начинаю оформлять макет, начинаю тупить и думать -- (какой мне тут каталог сделать, какие должны быть кнопки перехода, какая должна быть анимация, какой должен быть фон при этом" короче просто становлюсь в ступор, и не знаю что дальше делать, а когда лазию на бихаинс, дриблл, воровать чей то дизайн и копировать в свой, меня угнетает совесть.
Как нароботать эту нассмотреность и получить EXP.
Видимо, видео, не мое.
Попробуй знаешь что. Бери две работы, которые тебе нравятся по одной и той же теме. И попробуй с 1 работы взять полностью структуру. А со 2 полностью слизать визуальную часть: шрифты, отступы, цвета, стили элементов и тд. Так у тебя получится не копия двух работ, а своя новая. И в процесс будешь учиться элементы повторять. И проблемы не будет как что после чего должно идти. По сути у тебя есть прототип (1 работа) и бриф на стилистику (2 работа) и ты делаешь по ним дизайн. Это очень эффективный прием особенно на начальном этапе.
@@alexeybychkov_ Спасибо большое - за совет!
Не за что)
про шапочки/подвальчики интересно)
а еще интересно как высчитываются размеры после/перед текстовым блоком
Ведь в зависимости от интерлиньяжа стиля текста, с alt-ом видны разные расстояния
подозреваю для четкого подхода, прямоугольники использовать лучше, но как то смущает не автоматизированность процесса
@@alexeybychkov_ )))спасибо за такой развернутый ответ! очень было важно узнать твое мнение на этот счет)
не за что)
На реальных примерах гораздо понятней становится. Спасибо!!
вот и хорошо)
Кубики супер) Видео без воды)
С режима Малахова орнул 🤣
спасибо за просмотр)
При всем моем уважении, как бывший математик🤭 кубик - это всё-таки объемный объект) вы играли в квадратики)... по сути ролика как обычно 🔥, спасибо))
Согласен, квадратик 😄
*НЕ РЕКЛАМА ЕСЛИ ЧЕ* )))
насчет того как блоки расположить один под другим подходит CSS grid мой любимый... я как раз про такой случай сделал ролик как адаптивно меняются блоки с CSS grid. Можете в ютубе найти Creating One-screen landing page via Figma and CSS-Grid (#in5minutes) там я так же наглядно продемонстрировал сначала на кубиках цветных а потом вставил контент... Алексей как всегда вам царский лайк за выжимку самой сочной и полезной информации про веб дизайн.
Клево 👍 Спасибо))
Очень полезный ролик, всегда нагляднее и понятнее смотреть на реальных примерах!
Супер!
Настолько все подробно объясняешь , что и вопросов не остаётся )
ну класс)
Кстати, такой вопрос: А адаптив вы делаете через автолейауты или ручками?)
Что-то с ним, что-то без него. Обычно его использую там, где нужно показать реальный контент. Например, заголовки в карточках в 1-2-3 строки. Но не маньячу настолько чтобы он был в каждом фрейме. В общем, какой-то баланс нашел между удобством и скоростью работы. Это вопрос из серии фрейм или группа? Когда только открыл для себя фигму - я писался от счастья каждый раз, когда адаптивил настроенный фрейм. Но чем больше я работал в Фигме, тем чаще замечал, что трачу времени на настройку привязок внутри фреймов больше, чем просто руками расставляю элементы из группы.
PS. Спасибо за подписку! :) Так и хочется комментариям со значком "a" подробнее ответить, чем обычно)
@@alexeybychkov_ Понятно. Спасибо за такой ответ. Жаль мне не положен доступ к файлу с вашими примерами... так бы покапался)
Добавляйся в чатик в дискорде discord.gg/bqCqvKb - будет и этот файлик и много чего ещё)
Спасибо, супер, все очень понятно, а еще вас весело смотреть👍😄
ну класс)
Как верстальщик согласен, не люблю соплями мазаться.
Из-за телепортаций приходится ломать мозг как оставить контент в потоке, где впихнуть обёртки, и не злоупотреблять абсолютным позиционированием.
👍 думал только дизайнеры смотрят мои видео)
Ух ты, зашла посмотреть ролик, а тут прям полноценный урок с примерами, супер! Спасибо за подробное освещение темы))
Ну! 😀
С кубиками очень наглядно, от того и лучше
запоминается👌👌👌
Супер)
Кубик 100 х 100? Серый цвет - такой кубик в фигме создается если просто нажать на пустом месте!
🎯 в точку!
Спасибо за видео, очень полезно! Кубик 70x70?
Рад, что понравилось! Не-а, кубик 100 х 100. Точно такой же квадрат получается в фигме (именно этого цвета), если просто клацнуть на пустом месте, выбрав предварительно инструмент прямоугольника. И размер у него будет 100 х 100
@@alexeybychkov_ Ух ты, даже не знал такого)) Еще одна полезность в копилочку =) Ждем еще видосики, особенно по табличкам интересно)
Пока как-то желающих на таблицы не много собралось) ты первый) Может, это тема как с Аfter Effects - записал, а его никто не смотрит) Вернее мало кто. Просмотров сильно меньше, чем у других роликов на канале
@@alexeybychkov_ я вот тоже скажу, таблицы - вещь полезная и наверняка они могут капризничать, как и графики. Но я новичок в дизайне посвежее других подписчиков) поэтому пока такой контент рановат. А вот со временем точно посмотрю, когда петушок клюнет))
в общем, изучать/решать вопросы по мере их поступления
@@alexeybychkov_ будем надеяться, что со временем заинтересованных будет больше)
Классный ролик, и столько примеров показал, полезно!
Мне так нравятся птички на фоне 😊
Ну класс
Кубики норм : ) Спасибо, наконец стало ясно, какой высоты примерно первые экраны)
спасибо за просмотр)
Алексей! Несомненно, ваши видео супер! Спасибо за ваш труд!
Но ваш пиксельный сайт.......ну не даёт мне покоя :D Это ведь фото из сериала "Мистер Робот"?)))
Ну класс)
😄 Не, там было немного политики, поэтому решил лучше не показывать, чтобы ютуб не ругался
Ещё хочется добавить о методе объяснения на кубиках - это прям то что нужно!))
Про расположение менюшки: по моему опыту, поскольку обычно меню с параметрами в интернет-магазинах находится слева, то и интуитивно глаз уже "ищет" его в той области, если говорить о сайте в hd, лучше его там и оставить. А так как пользователи всё больше просматривают сайты с телефона, и если открывать меню необходимо несколько раз....то удобнее дотянуться до бургера пальцем именно справа. Поэтому вариант в дизайне Cryptoniex наиболее удачен. Ведь пользователю не составит большого труда один раз найти меню справа, как и скроллить))
Согласен :)
100 х 100 кубик?
🎯
Супер-видео, помогло сделать мои первые адаптивы 🥹
Всем рекомендую к просмотру 👍
ну класс!
Очень полезное видео, получил ответ на множество вопросов, которые сидели в голове! Спасибо!
Супер, спасибо за просмотр)
Спасибо за контент!) Лукас влепил)
еее супер))
Пересматривала этот выпуск не в первый раз, и всегда очень полезно. Классно объяснил на кубиках, вообще огонь))
супер) спасибо за пересмотр!
Очень просто и доходчиво объясняешь. Без воды и сухости, парадокс....))). За труд и желание поделиться и научить, благодарочка.
Супер, спасибо)
Как всегда нужная информация, огонь!
ну класс)