Спасибо огромное за Вашу работу!))) Лучший формат урока по дизайну, благодаря которому начала осваивать фигму) Жду с нетерпением начала следующего интенсива) У многих подача материала скучная и много воды, тут же все четко и по делу. Особенно хорошо такому новичку в фигме как я. Когда все получается и все понятно, хочется развиваться дальше)
Спасибо, вам огромное за вашу работу. Хочу попросить таких же примеров, от не сложного, к сложному... ведь именно практика с заданиями, действительно помогает лучше ориентироваться в программе, особенно таким новичками как я. Спасибо.
Круто, Благодарю за видео. 💫Особенно понравилось, что проговаривал отступы и есть доступный материал. Быстро, понятно, набить руки самое то👍 Смогла все повторить.
Переименовать грамотно все слои, разложить четко по папкам, где надо объединить в фреймы. Рядом вывести все цвета, цветовые схемы, всю раскладку по шрифтам и типографике, все состояния кнопок и других элементов, виды форм и полей ввода и пр., замечания по анимации и верстке, возможно с примерами, а также сделать адаптивные версии всех страниц сайта под нужные разрешения (обычно десктоп, планшет, мобильные). Отдельно можно архив со всеми изображениями с сайта в хорошем качестве и разрешении, а также все подобные мелочи, иконки и прочее. И сам файл фигмы. Ну и конечно могут быть другие, свои или еще какие-то требования, тут уж зависит от того, с кем работаете и что они просят.
@@ДарьяЛарина-в6р Это вроде итак по-русски, несложно🤷♀️ Если слова незнакомы - читайте про них, гуглите, это довольно базовое все, всегда пригодится и будет полезно.
Чтобы на сайте была кликабельная кнопка, нужно чтобы сайт был свёрстан или собран на Тильде. Если нужно просто в Фигме сделать ссылку, выделяй текст кнопки, нажимай Ctrl+K и вставляй ссылку.
спасибо большое за доступную информацию! очень все понятно и без лишних слов)) а подскажите, когда сайт делаешь заказчику, что ему надо скидывать? как это должно выглядеть? в каком формате сохранять? как сделать, чтобы сайт начал работать и все кнопки работали?
то, что показывает автор - дело дизайнера, а чтобы сам сайт начал работать, то тут не все так просто и нужно привлекать программиста. Либо начинать разбираться в программировании самому)
Привет! Ответь пожалуйста, текст который используется в макете он должен быть выдан заказчиком или это уже сугубо фантазия дизайнера создание текстовки и нахождения картинок? Если допускаться 2 варианта, тогда заказчик мне должен доплатить за это или это уже не входит в доплату и считаеться частью дизайна?
Всё может быть по-разному. Лучше не расчитывать на то, что заказчик сделает так, как вам будет удобно, а определить для себя удобный формат, работать в нём и объяснять о нём заказчикам
Дизайн - только начало создания сайта. Потом макет берет верстальщик и воспроизводит его посредствам html, css, js. Это нужно, чтобы сайт был не просто картинкой, а функциональной страницей, которая откроется в браузере. После этого его загружают на хостинг, покупают доменное имя (например study-kvo.ru), соединяют их, затем сайт открывается у всех по этому имени (домену) в интернете.
Почему я делаю все точно также но размер шрифта на 18 отличаться у меня и какой у него. У меня он мелкий что прочитать трудно а у него крупный. Это как программы одни и теже
Для того, на котором вы умеете работать :) Можно собрать на Тильде, можно на Рэдимаге. Достаточно подстроиться под их сетки. Можно отдать верстальщику, он сверстает макет.
Найти верстальщика и передать ему макет. Он воспроизведет сайт через HTML, CSS, JS и закинет на хостинг. Следующий этап - работа другого специалиста. Дизайнер может, но не обязан уметь верстать. + Можно иметь ввиду тильду и собирать сайты там)
Саша, привет! такой вопрос. Ты перекрасил иконки соцсетей просто сменой параметра fill. Я когда меняю - меняется цвет только текстового блока. Иконки остаются белыми. Нашел такой способ - дублирую слой с иконками, делаю из двух слоёв маску, затем уже меняю цвет маски. Подскажи, почему не срабатывает твой способ. Заранее спасибо за ответ! :)
Значит у вас непорядок на панели слоев. Иконка никак не должна быть связана с текстовым слоем. Это два разных слоя на панели слоев. Проверьте все ли ок там. Заливать через маску векторную иконку в Фигме - это хардкорно)
Спасибо за уроки. Они легкие и понятные, но почему все делается на глаз? За "допустим, кегль будет 22, а отступ 36" мне верстальщик набьет морду. Потому что все значения разные, а некоторые элементы вообще сетку слали нахрен)
учитывая, что в навигации есть другие страницы, то это одна из них - главная. Одностраничный сайт не подразумевает перехода в какие-то другие разделы. Там он единственный.
Этот канал как луч света в царстве тьмы,спасибо большое.
😁🙌
Как же классно ты объясняешь! Хоть и быстро, однако этого не замечаешь в процессе, и главное что ничего лишнего, просто чудо))
Я верстальщик и разраб, каким то хером начал изучать фигму. Одно из лучших явлений за последнее время)
Буду смотреть! :3
ну, это выгоднее чем платить людям
Спасибо огромное за Вашу работу!))) Лучший формат урока по дизайну, благодаря которому начала осваивать фигму) Жду с нетерпением начала следующего интенсива) У многих подача материала скучная и много воды, тут же все четко и по делу. Особенно хорошо такому новичку в фигме как я. Когда все получается и все понятно, хочется развиваться дальше)
Спасибо 🙏🙌
Долго искал как увеличить фрейм не потянув за собой контент, оказалось все просто на контрл, спасибо автору
Спасибо! Вдохновили на портфолио наконец-то )) работа аккуратная получилась. Хочу еще ваших примеров :)
Простой и приятный макет, спасибо за уроки! Пришло время осваивать фигму )
Спасибо тебе ты потрясающе учишь! двоих учителей прошла, много воды, а тут все понятно если изучил базовое пользование интерфейса программы.
Спасибо большое, за такое подробное объяснение. Блин, это первый человек, который все объяснил как надо. Спасибо)
🙌 Спасибо
Спасибо, вам огромное за вашу работу. Хочу попросить таких же примеров, от не сложного, к сложному... ведь именно практика с заданиями, действительно помогает лучше ориентироваться в программе, особенно таким новичками как я. Спасибо.
Круто, Благодарю за видео. 💫Особенно понравилось, что проговаривал отступы и есть доступный материал. Быстро, понятно, набить руки самое то👍
Смогла все повторить.
Кайф ❤️ Залетай на ближайший марафон, будем делать новую работу: t.me/study_kvo/596
✅Скачать материалы из урока: vk.cc/amgJEt
📹Первая часть: ua-cam.com/video/LisjTbEZW6g/v-deo.html
✔️Ближайший марафон по веб-дизайну: t.me/study_kvo
Скажите пожалуйста, где берёте картинки, иконки и.т.д...???
Огонь! Спасибо за уроки. Все стало понятно и главное ясно как делать всякие мелкие штуки быстро. Работа с группами вообще супер!
🙌🙌
Вау! Вау! Вау! Очень классно, увидела все своим ошибки, поняла почему на паре получила по шее, переделала лонгрид) Спасииибо Вам
Огонь 🔥🔥
Хотелось бы узнать как оформлять и передавать это все заказчику)
Переименовать грамотно все слои, разложить четко по папкам, где надо объединить в фреймы. Рядом вывести все цвета, цветовые схемы, всю раскладку по шрифтам и типографике, все состояния кнопок и других элементов, виды форм и полей ввода и пр., замечания по анимации и верстке, возможно с примерами, а также сделать адаптивные версии всех страниц сайта под нужные разрешения (обычно десктоп, планшет, мобильные). Отдельно можно архив со всеми изображениями с сайта в хорошем качестве и разрешении, а также все подобные мелочи, иконки и прочее. И сам файл фигмы. Ну и конечно могут быть другие, свои или еще какие-то требования, тут уж зависит от того, с кем работаете и что они просят.
а можно по-русски😳
@@ДарьяЛарина-в6р Это вроде итак по-русски, несложно🤷♀️ Если слова незнакомы - читайте про них, гуглите, это довольно базовое все, всегда пригодится и будет полезно.
@@SummerRina спасибо
@@SummerRina всё понятно , кроме двух. что значит выводить цвета и цветовые схемы? Здесь какой-то плагин нужен? Что это вообще значит?
Спасибо большое, все просто и доступно обьясняешь. Отличная практика!
🙌🙌
Огромное спасибо за эти видео-уроки!
❤️❤️
Легко, непринуждённо, доходчиво! Отличный сайт получился 👍
🙌🙏
Я твой фанат братан. продолжай в том же духе
🤝🤝
Повторил все по видео, получилось! Спасибо
спасибо большое, получилось сделать точь в точь такой же сайт
Спасибо, у меня получилось все сделать.Уроки просто супер!!!
🙌🙌
Опля, пошёл доделывать дальше))) вторую часть)))
спасибо тебе большое за твой труд!! очень полезно, быстро и доходчиво, все получилось:)
Кайф 🙌
Фигма все еще актуальна?
чувак ты афигенный!
Ой и не говори))
Благодарю за уроки)
Большое спасибо! Очень доходчиво, без воды и с необходимыми подсказками.
спасибо. мой первый полноценный сайт в фигме
🔥🔥
Спасибо за урок! Вас очень приятно слушать
Спасибо 🙏
Спасибо!!!
Очень круто и интересно получилось!
Спасибо большое, отлично объясняете 😍👏🏻👏🏻👏🏻
❤️❤️
крутой!!!) вы очень крутой!) наконец сделала, спасибо))
Бро ты лучший твои видео смотреть про кайф спасибо огромное.
Спасибо 🙌🙌
все клево получилось) ждем еще уроков)
Спасибо, расскажите пожалуйста про адаптацию под мобильники
Спасибо за урок, хорошая информация.
Красава, все четко и понятно объясняешь.
Спасибо за отличный урок!
Спасибо огромное! Работа просто шикарная получилась!
Прикольно. Легко смотрится
Спасибо большое за полезные уроки! Создаю уже 3ю работу по твоим урокам 💥
Жду майский марафон, очень хочу попасть 🙏
Кайф! Майский будет по приложениям 🙌🙌 буду ждать: t.me/study_kvo
Спасибо, сделал всё уроку. Для начала неплохо
Супер! Спасибо за урок)) очень понравился!!))
Спасибо большое! Все понятно и ясно 😊👍🏼
спасибо за видео, а можете рассказать как это все передавать заказчику? или как это сделать настоящим сайтом?
Вышло очень круто!!!
Друг а подскажи как сделать кнопку с пкрехожом на сайт или чтраницу гугла
Чтобы на сайте была кликабельная кнопка, нужно чтобы сайт был свёрстан или собран на Тильде. Если нужно просто в Фигме сделать ссылку, выделяй текст кнопки, нажимай Ctrl+K и вставляй ссылку.
спасибо большое за доступную информацию! очень все понятно и без лишних слов)) а подскажите, когда сайт делаешь заказчику, что ему надо скидывать? как это должно выглядеть? в каком формате сохранять? как сделать, чтобы сайт начал работать и все кнопки работали?
то, что показывает автор - дело дизайнера, а чтобы сам сайт начал работать, то тут не все так просто и нужно привлекать программиста. Либо начинать разбираться в программировании самому)
очень круто , спасибо !
Исходников 2 части нет:(
Спасибо! Вы талант!
Спасибо большое за видео :)
классно, спасибо) когда следующее видео?
Клево сделал - красава
Спасибо, у меня прикольно получилось!)
Спасибо большое!
Хороший урок
12 часов работы коту под хвост,спасибо за толковое объяснение!
Скажите основные сайты которые используете для поиска картинок, спасибо!
Pexels, Unsplash, Pixabay и Freepik. Ну, и Midjourney)
❤ой спасибо, ой спасибо
❤️
Спасибо бро)
Здравствуйте, а как вот эти столбцы убирать и возвращать розоватые?)
Уже нашел , ещё раз посмотрел начало первой части ,спасибо за вашу работу )))
❤️❤️❤️
Спасибо)
Привет, посоветуй видео уроки (курсы авторов)с нуля от а до я пошагово по Figma? будь добр :) творческих успехов тебе!
Привет, приходи ко мне на бесплатный интенсивн по Фигме и вебдизайну: vk.com/pskvo_marafon
Как раз скоро стартует в июне.
Привет! Ответь пожалуйста, текст который используется в макете он должен быть выдан заказчиком или это уже сугубо фантазия дизайнера создание текстовки и нахождения картинок? Если допускаться 2 варианта, тогда заказчик мне должен доплатить за это или это уже не входит в доплату и считаеться частью дизайна?
Всё может быть по-разному. Лучше не расчитывать на то, что заказчик сделает так, как вам будет удобно, а определить для себя удобный формат, работать в нём и объяснять о нём заказчикам
Здравствуйте, подскажите почему не могу вставить текст на фото (прячется за фото) ?
Проверьте панель слоев слева. Текстовый слой должен быть выше, чем слой фото.
А как этот сайт откроется через телефон ? Или нужно еще один макет под телефон делать ?
Всё так! Для смартфона нужен отдельная версия - мобильная, для планшета - планшетная 😊
А каким образом сдать готовый дизайн сайта заказчику? В формате пдф?
Я думаю, что в формате SVG. Для дальнейшей работы других людей с этим файлом.
Вообще то это файл фигмы, сдаём как файл фигмы.
Смотрю через 2 года после выхода, но зато помогло. У меня есть такой вопрос: а как это будет использоваться потом, при создании сайта?
Дизайн - только начало создания сайта. Потом макет берет верстальщик и воспроизводит его посредствам html, css, js. Это нужно, чтобы сайт был не просто картинкой, а функциональной страницей, которая откроется в браузере. После этого его загружают на хостинг, покупают доменное имя (например study-kvo.ru), соединяют их, затем сайт открывается у всех по этому имени (домену) в интернете.
@@study_kvo Спасибо!
Как вы смотрите сколько расстояние между теми же ректенгалами?
выбираешь объект, зажимаешь alt и наводишь на объект, расстояние до которого ты хочешь увидеть
Почему я делаю все точно также но размер шрифта на 18 отличаться у меня и какой у него. У меня он мелкий что прочитать трудно а у него крупный. Это как программы одни и теже
Изначальный размер фрейма случайно не гигантский? Если с ним все ок, попробуй в веб-версии Фигмы
@@study_kvo все также как и в видео проверял
@@study_kvo версия figma последняяя ставил шрифт чуть больше
Супер! Быстро и по сути. Отличный урок! Только материалы не получается скачать. Уже устарела ссылка?
Ссылка актуальна, только что проверил все ок.
Спасибо!
Здравствуйте, а как отключить элементы, чтобы посмотреть готовый проект?
Нажмите Ctrl + \
А для какого конструктора подойдёт сделанный в фигме?
Для того, на котором вы умеете работать :) Можно собрать на Тильде, можно на Рэдимаге. Достаточно подстроиться под их сетки.
Можно отдать верстальщику, он сверстает макет.
Мне не пришло материалы или нужно время чтобы пришел
Всё отлично. Понятно и быстро. Но вот жаль, что нет продолжения, как из Фигмы готовый дизайн вытащить :(.
Этим уже занимаются frontend-разработчики или по-простому, верстальщики. Это уже не дизайн)
@@study_kvo Да, я понимаю, но хотелось бы и это знать ))
зачем Елену Иванову опустил? :)
Что потом этим макетом? Как его потом выгрузить на хостинг и что бы все это работало
Найти верстальщика и передать ему макет. Он воспроизведет сайт через HTML, CSS, JS и закинет на хостинг. Следующий этап - работа другого специалиста. Дизайнер может, но не обязан уметь верстать. + Можно иметь ввиду тильду и собирать сайты там)
спасибо, то что нужно! сделала с вами макет - все понятно) вопрос: как включить просмотр без UI элементов фигмы?))
Ctrl + \ 😉
Саша, привет! такой вопрос. Ты перекрасил иконки соцсетей просто сменой параметра fill. Я когда меняю - меняется цвет только текстового блока. Иконки остаются белыми. Нашел такой способ - дублирую слой с иконками, делаю из двух слоёв маску, затем уже меняю цвет маски. Подскажи, почему не срабатывает твой способ. Заранее спасибо за ответ! :)
Значит у вас непорядок на панели слоев. Иконка никак не должна быть связана с текстовым слоем. Это два разных слоя на панели слоев. Проверьте все ли ок там.
Заливать через маску векторную иконку в Фигме - это хардкорно)
Значит что-то не так с иконками. Все слои должны быть отдельно. Иконки, чтобы меняли цвет, должны быть в svg.
Подскажите пожалуйста,как открыть svg файл?
Их не надо открывать, их надо перетащить в Фигму, как в видео. Когда открываете, не видно белое на белом :)
ДА КАК НА САЙТ ПЕРЕНЕСТИ ВЕСЬ ИНТЕРНЕТ ПЕРЕРЫЛ НЕТ ИНФЫ
Обратитесь к верстальщику. Этим занимаются они, используя html, css и js. Это уже не дизайн. Либо можете собрать сайт самостоятельно на Тильде.
Отличные уроки! Есть телеграм канал? Хочу на марафон в январе.
Марафон проходит через вк, присоединяйтесь: vk.com/pskvo_marafon
@@study_kvo , спасибо, буду 👍🏻
Зачем зажимать ctr при настройке размера фрейма?
Чтобы элементы, у которых не задана привязка к верхнему левому углу, не растянулись и не уехали вслед за фреймом.
Спасибо за уроки. Они легкие и понятные, но почему все делается на глаз? За "допустим, кегль будет 22, а отступ 36" мне верстальщик набьет морду. Потому что все значения разные, а некоторые элементы вообще сетку слали нахрен)
Если делать наобум - может :) Если отдавать себе отчёт в каждом действии - все хорошо.
он создал картинку и что дальше?
Как убрать колонки на заднем фоне?
Нажмите Shift+G
а ты покажешь как его перенести в сайт что бы им можно было пользоваться в браузере ???
Ты говоришь про вёрстку сайта. Этим уже занимается верстальщик, а не дизайнер. Поэтому, увы, нет, не покажу 😁
👍👍👍
Это мы сделали одностраничный сайт, верно?
учитывая, что в навигации есть другие страницы, то это одна из них - главная.
Одностраничный сайт не подразумевает перехода в какие-то другие разделы. Там он единственный.
как вы вставили текст(. помогите пожалуйста(
Скопировать: Ctrl+C, вставить:Ctrl+V
спасибо огромное!
Угу, угу, угу, угу))))
«Угу» много не бывает 😎
Спасибо за урок, дай пожалуйста твой инстаграм, я отмечаю
Залетай: sanya_kvo
Неплохо, но стилями пользоваться надо, чтобы не бегать по фреймам.
Копирайт в подвале обязательно должен быть.
bulvar depo на месте хахаха
Спасибо большое🤗
Спасибо:)