- Видео 268
- Просмотров 3 268 224
Ян Агеенко - курсы графического и веб-дизайна
Россия
Добавлен 13 окт 2011
Канал с полезными уроками по графическому и веб-дизайну, UX/UI дизайну. Бесплатные курсы дизайна для новичков с нуля.
Эффект мечтательной дымки в Adobe Photoshop
Вступай в наш телеграм-чат: t.me/AgeenkoDesign
Подписывайся на наш инстаграм: ageenko_design
Читай мою книгу: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya/?lfrom=193283667&ref_key=1d63fe82f71f878692bab90c83bafdba89f1c63f292810caf8bfb59b409950ef&ref_offer=1
Слушай мою книгу в аудиоформате: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya-67005644/?lfrom=193283667&ref_key=1d63fe82f71f878692bab90c83bafdba89f1c63f292810caf8bfb59b409950ef&ref_offer=1
Приходи ко мне на курсы: yan.ageenko.pro/school.html?
На случай, если ссылка не открывается, информация продублирована здесь: docs.google.com/document/d/1ovP3Gg0WCMPSJIYg1F4HWtw7r1OWeIFkL0rhDxrsvI4/view#heading=h.s0znw5tycv...
Подписывайся на наш инстаграм: ageenko_design
Читай мою книгу: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya/?lfrom=193283667&ref_key=1d63fe82f71f878692bab90c83bafdba89f1c63f292810caf8bfb59b409950ef&ref_offer=1
Слушай мою книгу в аудиоформате: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya-67005644/?lfrom=193283667&ref_key=1d63fe82f71f878692bab90c83bafdba89f1c63f292810caf8bfb59b409950ef&ref_offer=1
Приходи ко мне на курсы: yan.ageenko.pro/school.html?
На случай, если ссылка не открывается, информация продублирована здесь: docs.google.com/document/d/1ovP3Gg0WCMPSJIYg1F4HWtw7r1OWeIFkL0rhDxrsvI4/view#heading=h.s0znw5tycv...
Просмотров: 418
Видео
Дизайн в стиле Мемфис в Adobe Illustrator
Просмотров 8028 месяцев назад
Вступай в наш телеграм-чат: t.me/AgeenkoDesign Подписывайся на наш инстаграм: ageenko_design Читай мою книгу: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya/?lfrom=193283667&ref_key=1d63fe82f71f878692bab90c83bafdba89f1c63f292810caf8bfb59b409950ef&ref_offer=1 Слушай мою книгу в аудиоформате: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya-67005644/?lfrom=193283667&ref...
Создание фигур с помощью горячих клавиш в Adobe Illustrator
Просмотров 4778 месяцев назад
Вступай в наш телеграм-чат: t.me/AgeenkoDesign Подписывайся на наш инстаграм: ageenko_design Читай мою книгу: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya/?lfrom=193283667&ref_key=1d63fe82f71f878692bab90c83bafdba89f1c63f292810caf8bfb59b409950ef&ref_offer=1 Слушай мою книгу в аудиоформате: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya-67005644/?lfrom=193283667&ref...
Как вставлять интерактивные элементы на страницы в Figma
Просмотров 1,4 тыс.8 месяцев назад
Вступай в наш телеграм-чат: t.me/AgeenkoDesign Подписывайся на наш инстаграм: ageenko_design Читай мою книгу: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya/?lfrom=193283667&ref_key=1d63fe82f71f878692bab90c83bafdba89f1c63f292810caf8bfb59b409950ef&ref_offer=1 Слушай мою книгу в аудиоформате: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya-67005644/?lfrom=193283667&ref...
Эффект ксерокса в Adobe Photoshop
Просмотров 7289 месяцев назад
Вступай в наш телеграм-чат: t.me/AgeenkoDesign Подписывайся на мой инстаграм: yan.ageenko Читай мою книгу: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya/?lfrom=193283667&ref_key=1d63fe82f71f878692bab90c83bafdba89f1c63f292810caf8bfb59b409950ef&ref_offer=1 Слушай мою книгу в аудиоформате: www.litres.ru/yan-ageenko/kak-stat-dizaynerom-s-nulya-67005644/?lfrom=193283667&ref_ke...
Постер в стиле Hope в Adobe Photoshop
Просмотров 61710 месяцев назад
Постер в стиле Hope в Adobe Photoshop
Эффект света кино в Adobe Photoshop
Просмотров 44010 месяцев назад
Эффект света кино в Adobe Photoshop
Чешуйчатый паттерн в Adobe Illustrator
Просмотров 54411 месяцев назад
Чешуйчатый паттерн в Adobe Illustrator
Эффект текстуры доллара в Adobe Photoshop
Просмотров 78811 месяцев назад
Эффект текстуры доллара в Adobe Photoshop
Рисование изометрии в Adobe Illustrator
Просмотров 64411 месяцев назад
Рисование изометрии в Adobe Illustrator
Эффект ребристого стекла (как сделать в Photoshop, Photopea, Figma)
Просмотров 5 тыс.Год назад
Эффект ребристого стекла (как сделать в Photoshop, Photopea, Figma)
Профессия дизайнер в 2023 году: проблемы и возможности
Просмотров 2,4 тыс.Год назад
Профессия дизайнер в 2023 году: проблемы и возможности
Как вести сторис для себя и своего дела (Андрей Громов)
Просмотров 816Год назад
Как вести сторис для себя и своего дела (Андрей Громов)
Сколько работ должно быть в портфолио у дизайнера. Стоит ли выкладывать слабые работы для количества
Просмотров 1,9 тыс.Год назад
Сколько работ должно быть в портфолио у дизайнера. Стоит ли выкладывать слабые работы для количества
3D и веб: cобственный опыт (Артем Черепанов, Lead UX/UI Designer, компания DWYNN Development)
Просмотров 732Год назад
3D и веб: cобственный опыт (Артем Черепанов, Lead UX/UI Designer, компания DWYNN Development)
Дизайн без правил, или как убить в себе перфекциониста
Просмотров 1,7 тыс.Год назад
Дизайн без правил, или как убить в себе перфекциониста
Дизайн как подработка: Как совмещать дизайн и создание сайтов с основной работой в офисе
Просмотров 1,1 тыс.Год назад
Дизайн как подработка: Как совмещать дизайн и создание сайтов с основной работой в офисе
Веб-дизайн и фриланс: Как работать с клиентами и не выгорать на проектах
Просмотров 751Год назад
Веб-дизайн и фриланс: Как работать с клиентами и не выгорать на проектах
Как добавить CSS класс элементу и модифицировать его с помощью стилей в Tilda
Просмотров 5 тыс.Год назад
Как добавить CSS класс элементу и модифицировать его с помощью стилей в Tilda
Как автоматически перенести дизайн из Figma в Tilda
Просмотров 6 тыс.Год назад
Как автоматически перенести дизайн из Figma в Tilda
Лучшая схема оплаты (предоплаты) для фрилансеров
Просмотров 2,7 тыс.Год назад
Лучшая схема оплаты (предоплаты) для фрилансеров
Как UX/UI дизайнеру развиваться на фрилансе
Просмотров 1,4 тыс.Год назад
Как UX/UI дизайнеру развиваться на фрилансе
Adobe купит Figma. Стоит ли переживать?
Просмотров 4,1 тыс.Год назад
Adobe купит Figma. Стоит ли переживать?
Как сделать заказчика постоянным клиентом (Грекова Ольга, дизайнер сайтов на Тильда)
Просмотров 564Год назад
Как сделать заказчика постоянным клиентом (Грекова Ольга, дизайнер сайтов на Тильда)
Перспективы профессии дизайнер (выступление на митапе 18 августа 2022)
Просмотров 926Год назад
Перспективы профессии дизайнер (выступление на митапе 18 августа 2022)
Бесплатный курс веб дизайна. Урок 4: оформление проекта для портфолио на Behance
Просмотров 13 тыс.Год назад
Бесплатный курс веб дизайна. Урок 4: оформление проекта для портфолио на Behance
Кради как художник Остин Клеон
1:50 Блоки, шрифты, цветовая схема, стили блоков Научитесь не только +Копирование по памяти, но и совмещать несколько хороших идей в одной работе * Блоки в макете: В графическом дизайне "блоками" могут называть отдельные элементы макета, например, текстовые блоки, изображения, логотипы. Каждый блок имеет свои размеры, позиционирование, стили. * Блочная композиция: Это принцип композиции, где изображение разбивается на отдельные блоки, которые могут быть разных размеров и форм. Блоки могут быть соединены вместе или разделены пустым пространством, что создает определенное настроение и привлекает внимание к важным элементам.
В графическом дизайне стили блоков определяют их визуальный вид, создавая гармонию и акценты в композиции. Вот некоторые популярные стили: По форме: * Прямоугольные: Классические и универсальные. Подходят для текстовых блоков, кнопок, элементов интерфейса. * Квадратные: Создают ощущение стабильности и порядка. Идеальны для фото-коллажей, галерей. * Круглые: Добавляют мягкости и динамики. Используются для логотипов, иконок, акцентных элементов. * Овальные: Сглаженные формы, подчеркивают гармонию и изящество. * Нестандартные: Свободные формы, подчеркивают креативность и оригинальность. По цвету: * Однотонные: Блоки одного цвета, создают простой и элегантный вид. * Градиентные: Переход от одного цвета к другому, добавляет глубины и динамики. * Многоцветные: Использование нескольких цветов, создает яркий и привлекательный вид. * Текстурированные: Использование фактур и узоров, добавляет объема и интереса. По оформлению: * Плоские: Простые блоки без тени и объема, создают минималистичный вид. * С тенью: Добавляет объема и глубины. * С рамкой: Выделяет блок и придает ему определенный стиль. * С тиснением: Создает эффект рельефа, подчеркивает важность блока. * С анимацией: Добавляет динамики и привлекательности. По содержанию: * Текстовые блоки: Содержат текстовую информацию. * Изображения: Содержат фотографии, иллюстрации. * Видео: Содержат видеоролики. * Интерактивные блоки: Содержат интерактивные элементы, например, кнопки, слайдеры. Дополнительные стили: * Скевоморфизм: Стиль блоков, имитирующий реальные объекты (кнопки, тени, текстуры). * Флэт: Стиль блоков с плоской графикой, без тени и рельефа. * Материал дизайн: Стиль блоков с характерными для Android элементами (тень, плавные переходы). Выбор стиля блоков зависит от целей дизайна, характера проекта, и целевой аудитории. Важно создать гармоничный и привлекательный дизайн, используя стили блоков в сочетании с другими дизайнерскими принципами.
Копируй Отспуы шрифты цвета на другие визуальные элементы понять почему именно так Рассмотрите все детали, запомните их и воспроизводите, по окончанию сравните работу с исходной Сделай свою работу в чужом стиле В своём стиле предварительно посмотрев чужие работы
полное гавно ваше видео, где в слоях ваш прямоугольник, такой отстой
Да множество случаев, когда что-то из макета не реализуемо, потому что сама фича работает не так как думает дизайнер. Или потому что дизайнер не понимает как работают различные вещи на операционных системах (android/ios), на работу которых разработчик не может влиять. Ну и не говоря о том, что макет то может и реализуем, но такими неоправданными усилиями, что легче дизайн скорректировать.
Очень полезное видео, все получилось с 1 раза. Благодарю!
БОЛЬШОЕ СПАСИБО, вам! Очень хорошее объяснение!
Есть шрифты с граффити начертанием?
блин как сумочку нарисовать в верхнем правом углу((
Спасибо огромное! Наконец-то понятное видео!
Подскажите, пожалуйста, как выровнять текст относительно дуги? Например, слева дуга, справа текст - список Нашла только про то, как вписать текст ПО дуге плагинами, но мне не это нужно...
1:37 Видимость статуса системы 2:32 Схожесть системы с реальным миром 4:18 контроль и свобода действий 5:22 единообразие и стандарты 6:17 предотвращение ошибок 7:43 на виду, а не в памяти 8:40 гибкость и эффективность 9:46 эстетика и минимализм 11:20 понимание и исправление ошибок 12:29 помощь и документация
Это не проблема фигмы, а неправильная построение компонента. Атом должен иметь слелущие модификации для проперти: Type: Selected, Deselcted State: Default, Hover, Pressed, Focused, Disabled (Если нужно) В случае, например, если мы рассматриваем навигационный бар сайта, то компонент будет всегда иметь 1 атом с типом Selected, остальные Deselected. При этом всем, есть возможность создать разные стилистические решения State(состояний) для каждого из типов атома
А если моя иконка будет позожа на иконку другого автора, то это нарушение авторских прав? Например, я нарисовала домик, другой аатор точно такой же домик. 😂😂Не могу понять
всё будет ок, не переживайте :) похожие иконки - это частое явление
смотрю спустя 4 года выхода этого видео очень благодарен просмотрел 2 часа и после ролика сделай 1 небольшую страничку сайта . Очень информативное и полезное видео спасибо вам только с вашего ролика понял как все делать.
Ян,спасибо большое!! Вы очень понятно объясняете
Можно ссылку на дизайн пожалуйста, надо для пет-проекта
Обычно не пишу коменты, но этот урок просто пушка! Все очень просто и все по делу! Ян, у тебя талант!) Спасибо за видео!
у меня почему то не растрирует ((
Скажите, пжлст, актуален ли этот курс в 2024 году? Спс!!
Да, но лучше пройти этот: ruclips.net/p/PLci-3iDpy3rttTWWQIpZZC_sM_NWEXifT
@@YanAgeenko спасибо!!
43:21 вижу арки - вспоминаю сразу сериал "Санта Барбара") Вот там действительно на заставке полно арок 😁
😂👌👍
После фразы и это действительно так... можно не смотреть дальше, дизлайк жирнейший...
Темы
Здравствуйте! Высылаю файлик с темами для проектов: docs.google.com/document/d/1QshrXaIuBGuptK-vLxtBeIOY-CDQ2rl5zhMD1BSUoKY/ Выбрать конкретную тему можно с помощью генератора случайных чисел: randstuff.ru/number/ Советую также подписаться на наш канал в телеграме, чтобы получать больше полезностей: t.me/ageenko_school
Книга🎉
Здравствуйте! Вот ссылка на книгу «Как стать дизайнером с нуля»: Электронная версия (PDF, TXT, FB2, EPUB): drive.google.com/file/d/1aG9wmByt_zDb83VqcfaQv6gghBhx_H1E/view?usp=sharing Аудиокнига (MP3): drive.google.com/file/d/1MnAonMhFVpJyV26xmsNmlt7YzKDgSqqH/view?usp=sharing
Ян, большое спасибо за этот урок!!! Все очень понятно! Спасибо!
ничего не вышло. Почему то нет таких параметров интерекшн как у вас
скажите как поменять значение, у меня всё в милиметрах
Привет) Спасибо за урок! А как ты так быстро поменял цвета кружков навигации внизу?
Как скачать фотошоп?
Как это внедрить в общий сайт ?) тот же вопрос )
Как жаль вроде полезное занятие для начинающих! НО! ЧАТИК, ВОПРОСИКИ (мутный хрен )
Спасибо!
Классно! Спасибо вам большое!
Книга 😊
Здравствуйте! Вот ссылка на книгу «Как стать дизайнером с нуля»: Электронная версия (PDF, TXT, FB2, EPUB): drive.google.com/file/d/1aG9wmByt_zDb83VqcfaQv6gghBhx_H1E/view?usp=sharing Аудиокнига (MP3): drive.google.com/file/d/1MnAonMhFVpJyV26xmsNmlt7YzKDgSqqH/view?usp=sharing
Ссылку, pls
Коммент в поддержку
Книга
Здравствуйте! Вот ссылка на книгу «Как стать дизайнером с нуля»: Электронная версия (PDF, TXT, FB2, EPUB): drive.google.com/file/d/1aG9wmByt_zDb83VqcfaQv6gghBhx_H1E/view?usp=sharing Аудиокнига (MP3): drive.google.com/file/d/1MnAonMhFVpJyV26xmsNmlt7YzKDgSqqH/view?usp=sharing
Это бесценно - снова смотреть свои любимые фильмы в оригинале - словно впервые, спасибо!
Яна Гейенко
СПАСИБО!!! Вы лучший!!!
Не, нормально. Еще все так красиво оформлено. 😂 Просто как бы думаю про себя и про челов из фирмы с их uikit'ами так что,да это красиво и аккуратно
А можно в хоть компонент,у примару в тот же слайдер добавить кнопку- на не можно сделать отдельно анимацию?очень интересно как сделать лендинг полностью анимированный
можно :)
@@YanAgeenko спасибо большое за ответ😊
Супер. Ян, а можно при создании карточки использовать фрейм, а не прямоугольник?
Можно
Супер!!! Ян скажите пожалуйста, а как сделать, чтобы фотки менялись предвигаясь, ну как будто их скролят
Как сделать карусель в Figma ruclips.net/video/bk2IyZKagFo/видео.html
здравствуйте,а как в телефоне сделать ? как то неудобно или обязательно нужно в ноутбуке?
На телефоне к сожалению Figma не работает
Книга.
Здравствуйте! Вот ссылка на книгу «Как стать дизайнером с нуля»: Электронная версия (PDF, TXT, FB2, EPUB): drive.google.com/file/d/1aG9wmByt_zDb83VqcfaQv6gghBhx_H1E/view?usp=sharing Аудиокнига (MP3): drive.google.com/file/d/1MnAonMhFVpJyV26xmsNmlt7YzKDgSqqH/view?usp=sharing
Минимализм
Здравствуйте! Высылаю ссылку на бесплатный курс «Веб-дизайн в стиле минимализм»: ruclips.net/p/PLci-3iDpy3rttTWWQIpZZC_sM_NWEXifT Получившийся в итоге макет можете скинуть на разбор в чат нашей школы в телеграме: t.me/ageenko_school (чтобы писать в него сообщения нужно пройти проверку от антиспам-бота OrgRobot). Будут вопросы - спрашивайте :)