UI/UX дизайн. Разбор работ дизайна подписчиков #98. уроки веб-дизайна в Figma
Вставка
- Опубліковано 25 чер 2024
- #alexeybychkov #figma #webdesign
Смотрим работы подписчиков
Карта канала - start.video
Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
UA-cam - / @alexeybychkov_
ТикТок - / alexeybychkov_
Rutube - rutube.ru/channel/24298564/
Дзен - zen.yandex.ru/alexeybychkov
Инстаграм - / alexeybychkov_
Телеграм - t.me/a1exeybychkov
Вконтакте - alexeybychkov
Обучение - alexeybychkov.study/
Мои цитаты - zapi.si/
Мои 404 - www.404.gallery/
Хелп по Фигме - figma.help/
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
0:00 - стоматологическая клиника
11:27 - дизайн сайта адвокатов
21:40 - аренда игровых приставок
31:34 - нет доступа
31:46 - сайт коворкинга
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Ребзя, спасибо всем за лайки, комменты и подписку! Обнял-приподнял!
Смотреть ролики на 2-3 месяца раньше - boosty.to/alexeybychkov
Карта канала - start.video
Когда своих работ еще нет, то эти разборы дают понимание, что учатся все и классные работы получаются только после практики и немалой. Работаю над первым макетом и понимаю, сколько еще пробелов в знаниях. Но есть этот канал и он помогает идти к цели! Спасибо!
рад, что полезно
а я смотрю, понимаю, что так много пробелов и становится страшно((
интересно смотреть, когда видно, как человеку по кайфу делать то, чем он занимается. Алексей, большой респект и куча благодарностей за контент:)
Круто)
Когда я наткнулась на обучение и разборы Алексея, зависла🤩 уже несколько месяцев смотрю только его разборы, а сейчас ради интереса посмотрела разбор другого дизайнера и ощутила разницу😅 Алексей, спасибо за такие разборы, которые не просто играют на фоне, а в которые надо вслушаваться, всматриваться, вникать, записывать в блокнот! Спасибо!
❤️ круто) пожалуйста!
Божечки, сколько тут полезной информации то, как всю эту красоту в головёшке то уместить)) Алексей, вы наш Гуру!👍
рад, что полезно) заметки можно писать, так запоминается лучше
"...вон, тетенка до тебя любит орать..."
Ору.
Спасибо за просмотр)
какой же вы лапочка-человек! спасибо вам за разборы мягонькие!
рад, что нравится!
Ты объясняешь понятнее и позитивнее, чем все, кого я слушал бы ранее. Не только в плане видео о Фигма а в целом. Спасибо Алексей
рад, что нравится!
Какой классный разбор! Смотришь и понимаешь, что большинство новичков совершают одни и те же ошибки. Как я рада, что есть возможность учиться на чужих ошибках. Ну хотя бы чуть-чуть!
Ну класс)
😆 «…и вперед! Я - троллейбус»
За инфу огромное спасибо. И полезно, и приятно 💪🏻
пожалуйста))
Обожаю смотреть разборы дизайна! Так и на других ошибках учусь.
Очень рад!
Фил хуг! Новая серия любимого сериала под кофеек) еще не смотрела, но уже знаю, что ждет впереди! У Алексея подача супер, пушка, огонь и что там еще говорят!!!)
Круто) рад, что нравится!
Ахпхахах😂 в конце бэкстейджи просто шикарны😂🔥
Спасибо за просмотр)
Обожать и любить такие разборы!! Море пользы и юмора как всегда!!
❤️
Ребята, которые присылают свои работы на разбор, вы такие молодцы, слушайте советы Алексея и у вас всё получится! Леша, спасибо за твое терпение и годный контент ❤
Инфа 💯
как же доходчиво и полезно
Гигантизм новичка ставится под угрозу после 1-2 сверстанного сайта. Начинаешь легонечко переосмыслять размеры отступов/типографики/элементов и т д. Ведь частая проблема дизайнера "у меня в макете смотрелось иначе".
Когда в новых проектах исправляешь ошибки, допущенные в старых - это лучший проф апгрейд. Это как в вождении - начинаешь чувствовать габариты машины.
Но вместе с тем есть же базовые правила дизайна (ВВ, 4/8/10-кратная система и т д), которые нарушать даже немного опасно. Как нарушение ПДД.
Я осознала, что гигантизм в моих макетах - это в первую очередь неуважение к пользователю, его времени и вниманию.
Достаточно захотеть начать делать такие макеты, в которых нам самим как пользователям было бы удобно, просто, понятно ориентироваться и приятно находиться.
Ну и конечно, когда у заказчика будет отдел маркетинга - он научит как кнопки рисовать и акцентировать внимание))
спасибо за развернутый коммент!
супер разбор, всё чётенько и по делу!
спасибо большое-уловила для себя ОЧЕНЬ много новых моментов!!!
очень рад, что полезно!
Обожаб эти разборы, каждый раз радуюсь появлению нового! Спасибо ❤
❤️ очень рад!
Как всегда крутое видео и полезно и посмеяться можно )))))Спасибо большое)))
Спасибо за просмотр)
Каждый раз радуюсь новому выпуску разбора работ😍 Спасибо, как всегда круто и полезно)
Круто) Очень рад!
Любимые ролики на ютубе! Спасибо!
❤️
Обожаю ваши разборы ❤😊спасибо🎉
❤️ Очень рад!
Очень нравится подача информации
🥳 супер
Спасибо большое! Всё очень доходчиво и понятно. Удачи! 👍🔥😊
спасибо!
Спасибо за продуктивно-позитивный вечер! Вперед, я троллейбус!
))
Спасибо за интересные разборы
пожалуйста!
Спасибо тебе большое за разборы! Я у тебя большему научилась, чем в институте 🤩
пожалуйста!
супер выпуск) полезно
Ну класс
Конечно же было полезно, спасибо за разбор работ, ребята молодцы))
Спасибо за просмотр)
Очередной полезный разбор, спасибо тебе! 👏
Супер) рад, что полезно
Обожаю твои разборы, несмотря ни на что, спасибо!
очень рад)
Спасибо! заметки себе сделала полезные))
Спасибо за просмотр)
Привет, Алексей🤗 Спасибо за разбор🔥🔥
Привет, пожалуйста!
Вот сколько бы я не пыталась смотреть другие разборы работ, вае так как-будто грубо делают разборы, а вот разборы Алексея совсем другое дело😊😊😊
😊 рад что нравятся мои разборы
Как всегда много полезного 🫶💻👨🎨
супер
Я не могу 😂😂😂 «и не надо так орать»)
Спасибо за разбор и - сейчас будет ор - ОГРОМНОЕ СПАСИБО ЗА обучающие ролики! Я еще только вливаюсь в обучение дизайну и такие лендинги мне еще и не снились, но я надеюсь, что и мне удастся освоить сферу качественного ui/ux 🤞🏻
пожалуйста! рад, что нравится!
Понравилась фраза про сайт адвокатов "сюда люди приходят уже 4 глаза и не в одном совести " 😂
Спасибо за просмотр)
классно что у ребят уже есть настоящие заказы) еще чуток научиться в компоненты и не включать сто иконок слоях - будет круто)
Да супер
Лучшие разборы!
❤️
Привет-привет! Ура любимая рубрика
привет)
Ты лучший 😂❤️🍀
спасибо!
Спасибо!!! Этого так не хватает, когда начинаешь работать 😭 как еще можно поддержать тебя? Готова нажать все лайки и написать все комментарии
пожалуйста) можно на бусти подписаться) там много полезного лежит и ролики в раннем доступе boosty.to/alexeybychkov
1. Компонентить одиночные тексты нельзя.
2. Тексты максимум 20 пкс
3. Карточки надо компоннетить
4. Два слайдера подряд делать нельзя
5. Внешние отступы делать одинаковыми
6. Контетнт ставить по сетке
7. Заголовки одного стиля и размера.
и т.д.
столько заметок можно накатать)))
огонь огненный))
Не делать абсолютный белый цвет на темном фоне -- взял-поднял
отличный план! 🥳
Ждем твое ликование по поводу кнопки переключения градиента, завезли в фигму наконец)
Ага, уже запостил)
Аааа, 🎉 ждем соточку!!! ❤100
Ждем))
Все новички страдают гигантизмом. И вот что мне кажется, дело в том, что экран у новичков маленький и всегда приходится отдалять, чтобы увидеть общую картину, а когда отдалил - кажется что "чета кнопка маловата и текст сылки не видно")) Вот и получаются текст в кнопках по 48 пикселей и ссылки по 36))
как вариант) теория гигантизма
И как быть?
@@redizainkg бить себя по рукам и не лепить такие большие кнопки)) а потом, когда нучишься и денег заработаешь, купить моник побольше)) это мой план во всяком случае))
За одну только пельмешку ❤
Спасибо за просмотр)
как пустыню пылесосить ))) я тролейбус))
😅
Про троллейбус 👍👍
😄
А как делать такую прозрачность ? Чтобы был виден скелет всего. Буду благодарен за ответ 😊 там где ты говорил что на второй год надо оставить человека
Шифт + O режим контуров
🔥🔥🔥
🥳
Супер! Очень полезно! Спасибо большое! Теперь внимание вопрос, как и куда можно отправить свою работу?🤗
в группе вконтакте собираем vk.com/board211454623
Привет, отличный разбор, а если 98 разбор вышел 4 дня назад, а я оставил заявку на него вчера 😂, есть ли у меня шанс попасть в следующий разбор?
Привет. Следи когда 99 появится)
ахаха)) три клика! три клика)))
)) ну!
Леш, спасибо за разбор адвокатов, было полезно на себе посмотреть недостатки, учту!
По поводу стрелок и пальцев честно говоря запутался. Да, я подразумевал по наведению, прикреплял верстальщику анимацию.
Про компоненты понял, что не докрутил некоторые элементы
Со стороны посмотрев на слайдеры тоже понял, что переборщил
Не показал текст на форме обратной связи т.к. в самом первом блоке где оставляем телефон уже был показан набирающийся текст. Мне показалось что это элементы одного порядка и достаточно один раз подобную вещь показать
Когда только начал делать проект (уже год прошел) не попал в сетку видимо потому что либо акцент делал на отступах между карточками то ли в начале сетку не ту поставил, а потом поменял и забыл что там наверху творилось. Честно не помню, но надо привести в соответствие
рад, что полезно! 🥳
Спасибо за ролик😊 как всегда очень познавательно)
Поделитесь, пожалуйста, названием плагина, который переносит предлоги🙏
Спасибо за просмотр) sbol typograph
Здравствуйте, Алексей. Вы, когда разбирали дизайн с геймпадами, на 28:00 рассказывали, что стрелки слайдера нужно под контент располагать а не наоборот. А если карточки слайдера, например, располагаются во всю ширину контентной части, то стрелки за сеткой и вне контента окажутся ведь? В таком случае, наверное, лучше выставить стрелки по ширине контентной зоны и между ними уже карточки слайдера?
привет. Так и пусть оказываются, на больших мониторах - помещаются. А на маленьких - это уже планшеты, а там достаточно только точки снизу показать или выступающую карточку с края экрана
Спасибо за ответ. Без лести, вы лучший дизайнер-блогер на ютубе 😊@@alexeybychkov_
спасибо)
24:05
Такой вариант стоит рассматривать или тоже по шапке получить можно ?
А если вместо того, чтобы делать блок с ховером и потом поверх дефолтной карточки его ставить, сделать в компонентах варианты со значениями Condition = hover, default и focus?
в ролике про режим контуров конкретно этот случай подробно разобрал. Лежит на бусти уже. Со временем и в ютубе появится. Компонентить нужно то, что повторяется 2+ раза. А Ховер верстальщику достаточно показать 1 раз. Оборачивать вариантами - это лишняя работа, лишние элементы. Можно и без этого
Алексей пожалуйста сделайте урок, как записывать видео своих макетов, анимаций в Figme, какую прогу лучше использовать? 🙏
Лучше та прога, в которую умеешь))
@@alexeybychkov_ Не умею, хочу научиться. Есть "захват экрана от QuickTime player" но что-то мне подсказывает что этот способ, вообще херня. Если вам не сложно Мастер, запишите пожалуйста микро видео или сторис)
Здравствуйте Алексей,какие навыки необходимы UI/UX дизайнеру в Photoshop,Illustrator and After Effect ?Так как во многих вакансиях видела необходимость данных программ.Спасибо за ответ.
Привет
чем больше знаешь и умеешь - тем больше вероятность раньше устроиться на работу. Дизайнеру и фотошоп не помешает, и иллюстратор и даже АЕ (но его можно в последнюю очередь)
Здравствуйте, спасибо за видео! Подскажите, пожалуйста, как за 3 клика перенести предлоги?
Привет. Плагин запустить sbol Typograph
❤🔥❤🔥❤🔥
Спасибо за просмотр)
А какой плагин 3 клика ? Так и называется?
Sbol Typograph называется
Можно использовать figma в коммерческих целях в бесплатном аккаунте? Например, продавать открытки, созданные в фигме?
конечно можно!
Алексей, как в такой контурный режим переходить?
режим контуров шифт + О
Если максимальная ширина текстового контейнера должна быть 850 пикселей, то как в это случае уместить текст по центру, чтоб он встал по сетке так, как это показано например здесь 38:10? Я чуть-чуть запуталась)
Не 850, а примерно 850. Ставишь по сетке и не паришься
Комбинацию каких клавиш нажать, чтобы проверить компоненты?
шифт + O режим контуров
Можно ли выучить веб-дизайн через ютуб? если да можете дать мне совет? буду рад увидеть ответ от автора 😁
Просто смотреть ролики - много толку не будет. Важно кнопки нажимать, а не просто смотреть
подскажите пожалуйста плагин для типографированного текста, заранее спасибо)
Sbol typograph
@@alexeybychkov_ спасибо)
И ты говоришь текстовки не шире 850 рх.. Я А я вот щас столкнулась с интернет-магазином, где в разделе статей не могу тупо узко сделать и дырку оставить, приходится на всю ширину задавать. 😥😥 Или с этим тоже есть какая-то хитрость?
ничего не понял( можно посмотреть примеры на разных реальных интернет-магазинах
@@alexeybychkov_ 😅🤣 я как всегда, перемудрила) прости🤗
Стрелки выносить за контентную область? А как же тогда будет в разрешении, где эти стрелки не влезут? что тогда? 🙄🙄
это называется - планшеты. А там совсем другое поведение. Пальцем свайпать в стороны нужно, а не целиться в стрелки
@@alexeybychkov_ на планшетах да, а на том же 1280? Если стрелки находятся за пределами этих 1280, то как они будут отображаться на таком расширении?
Так в итоге какой это плагин😂 три клика 100 раз услышала и никакой конкретики!
да уже мильён раз просто было) Sbol typograph называется
2 года тут не был, Алексею приветище! 🎉🎉🎉
С возвращением) а где пропадал?)
@@alexeybychkov_ работал)
ору с фонового звука
Так весна же
08:12 а такие отзывы реально еще работают? Мне кажется уже все давно к ним относятся как к наЕ....
И ощущение, что посетителя сайта держат за дурочка.