Тёмный

Design || Основы дизайна - базовые принципы, композиция, контраст, колористика, типографика 

Hillel IT School
Подписаться 81 тыс.
Просмотров 48 тыс.
50% 1

Юлия Чауш, UI/UX Designer в SoftDrive и Преподаватель курса "Основы веб-дизайна для школьников" в Днепре, рассказывает о базовых принципах и правилах типографики, композиции и колористики.
Курс "Основы веб-дизайна для школьников" в Днепре - dnipro.ithillel.ua/courses/we...
Курс "Основы дизайна" онлайн - online.ithillel.ua/courses/de...
00:00 - Знакомство
0:56 - Правило 90 секунд
2:05 - Теория цвета Йоханнеса Иттена
8:44 - Как использовать цветовой круг
20:14 - Свойства цвета
23:06 - Цветовая модель RGB
23:53 - Значение цвета
26:35 - Вопрос, который надо задавать перед выбором цвета для дизайна
28:28 - Об укреплении личности бренда
29:22 - Цветовой эмоциональный гайд
31:06 - Colors.co
31:42 - Композиция
32:53 - Принципы композиции
38:15 - Правило третей
40:15 - Масштаб
40:57 - Единство восприятия
41:55 - Визуальный контраст
43:26 - Акценты
45:07 - Визуальный ритм
47:05 - Оптический вес
49:45 - Цвета
50:34 - Контраст
51:20 - Фокус
53:07 - Правило якорных объектов
54:33 - Негативное пространство
55:42 - Правило силовых сторон
56:23 - Эффект визуального центра
58:08 - Гештальт
59:56 - Закон близости
1:01:07 - Правило внутреннего и внешнего
1:02:46 - Законы сходства
1:03:58 - Закон совершения образа
1:04:43 - Закон непрерывности
1:05:56 - Закон симметрии
1:07:24 - Типографика
1:07:59 - Font Family
1:08:45 - Размер шрифта
1:11:15 - Межстрочный интервал
1:12:30 - Кернинг
1:14:02 - Длина строки
1:15:00 - Насыщенность
1:16:18 - Удобочитаемость
1:17:33 - Выравнивание
1:18:33 - Начертания текста
1:19:51 - Как реально выглядит текст
1:21:24 - Визуальный контраст текста
1:22:35 - Типографическая иерархия
1:23:55 - Caps Lock в заголовках
1:24:43 - Акцидентный шрифт
1:25:42 - Настроение
1:27:17 - Вопросы и ответы
Компьютерная Школа Hillel
ithillel.ua
#Design #Дизайн #ДизайнКурсы #КурсыДизайн

Опубликовано:

 

1 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 58   
@raymarc7077
@raymarc7077 2 года назад
Хочу поблагодарить за море пользы в одном видео. Спасибо, Юлия!
@lyolkinsk1875
@lyolkinsk1875 2 года назад
Основная композиция может и оформлена в хододные цвета (как на 8 минуте), однако доминантной областью является та, где кусочек тёплого) в этом вся фишка, управление взглядом зрителя, расстановка акцентов.
@kpanat
@kpanat Год назад
Понятие тёплый холодный весьма условно. И это не является решающим фактором. А то, понравилось это или нет. Если бы было так просто, то и проблем бы не было. Тут много факторов. Сочетание цветов важно, а не тёплый холодный. Это намного больше... Но не только цвета...
@fedorevseev8867
@fedorevseev8867 2 года назад
Юлия привет! Спасибо тебе за базу веб дизайна) посмотрел от и до и буду пересматривать повторно, т.к. много фундаментальной информации
@maryshv
@maryshv 5 месяцев назад
Спасибо большое за лекцию. Все очень понятно, структурированно и информативно.
@HillelITSchool
@HillelITSchool 5 месяцев назад
Дякуємо, що дивитесь 💙
@Kanfir
@Kanfir 2 года назад
Спасибо большое за качество, полноту и последовательность изложения материала!
@HillelITSchool
@HillelITSchool 2 года назад
Раді, що вам було цікаво 💙
@anastasiak8047
@anastasiak8047 Год назад
Благодарю! Информация супер полезная
@Moimirykami
@Moimirykami 26 дней назад
Большое спасибо за урок! Было очень полезно 😊
@HillelITSchool
@HillelITSchool 25 дней назад
будь ласка)
@artyrkarpov7463
@artyrkarpov7463 Год назад
Спасибо! Было очень познавательно!
@tigrangraphicdesign
@tigrangraphicdesign Год назад
Большое спасибо за такую ценную информацию! Я очень благодарен.
@HillelITSchool
@HillelITSchool Год назад
Раді, що було корисно 💙
@jasminmettualy5415
@jasminmettualy5415 Год назад
Большое спасибо каналу за такое полезное видео!!!!! Это прям то что я искала:)
@HillelITSchool
@HillelITSchool Год назад
Дякуємо, що дивитесь 💙
@_g0sp1
@_g0sp1 2 года назад
Спасибо за систематизированную базу!)
@HillelITSchool
@HillelITSchool 2 года назад
Раді, що були корисні 💪
@HokageNaruto111
@HokageNaruto111 2 года назад
Спасибо большое, очень круто!!!🥰
@HillelITSchool
@HillelITSchool 2 года назад
Дякуємо, що дивитесь 💙
@greencactus1545
@greencactus1545 2 года назад
Спасибо, очень информативно
@HillelITSchool
@HillelITSchool 2 года назад
Раді були стати в нагоді!
@AtamanVagari
@AtamanVagari 3 месяца назад
Спасибо огромное за видео, очень полезно!!!
@HillelITSchool
@HillelITSchool 2 месяца назад
Дякуємо за перегляд та коментар!)
@Vika33338
@Vika33338 Год назад
Дякую Вам за урок, це саме те, що я шукала !
@HillelITSchool
@HillelITSchool 2 месяца назад
круто, раді що сподобалось)
@vladimirww5152
@vladimirww5152 Год назад
57:50 - померил, всё сказанное верно для заглавной буквы. У строчных же букв добаляется отступ сверху, из-за чего фактический отсутуп для этих букв получается больше
@vladimirww5152
@vladimirww5152 Год назад
Это я про мелочи) А так мега информативно, благодарю!
@Mr.greedyfox
@Mr.greedyfox 4 месяца назад
Благодарю!!
@HillelITSchool
@HillelITSchool 2 месяца назад
Дякуємо за перегляд та коментар!)
@user-we7cu2zg9w
@user-we7cu2zg9w Год назад
Привет Юля) Пересмотрел 10 раз и наделал скринов пока всё не изучил. Спасибо огромное!
@HillelITSchool
@HillelITSchool Год назад
Раді бути корисними 💪
@nadejdamalih7680
@nadejdamalih7680 8 месяцев назад
Научи, а как ты сделал скрин.
@user-we7cu2zg9w
@user-we7cu2zg9w 8 месяцев назад
@@nadejdamalih7680 Ctrl+V, Ctrl+C
@user-je1ty2ni7p
@user-je1ty2ni7p 10 месяцев назад
Добрый день! Подскажите пожалуйста если я решила попробовать себя в веб-дизайне, то с какой программы лучше начать, может быть есть какие-то легкие, не англоязычные, спасибо!
@HillelITSchool
@HillelITSchool 10 месяцев назад
Радимо звернути увагу на фігму - вона досить проста та популярна. Якщо надумаєте приходьте до нас на курс веб-дизайну: ithillel.ua/courses/web-design-basics, там всьому навчимо 💪
@Mrsmithshot
@Mrsmithshot 10 месяцев назад
Мне 29 лет. 4 года работаю менеджером по продажам - ненавижу свою работу, но только сейчас стал понимать свое предназначение. У меня вопрос - не поздно начать карьеру в ux/ui?
@HillelITSchool
@HillelITSchool 10 месяцев назад
Ми вважаємо, що в сучасності змінювати професію ніколи не пізно. Зараз в індустрії багато світчерів, і це нікого не дивує. До того ж, освіта ніколи ще не була такою доступною: є курси, є відео, безліч статей та блогів на будь-яку тему. Якщо ви готові перейти в іншу професію, це можливо і не так страшно, як здається 😉
@Mrsmithshot
@Mrsmithshot 10 месяцев назад
@@HillelITSchool Спасибо вам за ваши старания и поддержку!) Привет из Беларуси!)
@user-bx6ze2de7c
@user-bx6ze2de7c 5 месяцев назад
думал что Иоханнеса это вы))
@user-ij1us5ei2h
@user-ij1us5ei2h 2 года назад
Зачем придумывать про 90 секунд? До вас все изучено. Первые 10-15 секунд имеют значение, далее для сомневающихся +20 секунд.
@sapornura
@sapornura 3 месяца назад
но ведь на 14:35 неправильный пример аналоговой триады: этот градиент - оттенки одного цвета (как в видео сказали - оттенки это степень разбавления цвета белым). если бы оранжевый постепенно переходил в морковный (не шарю), потом в желтый - тогда да. во-первых пример неправильный, а во-вторых, видимо, существуют разные значения слова "оттенок".. пс посмотрела - да, у слова два понятия в плане цвета: 1. Разновидность какого-либо цвета, отличающаяся от других его разновидностей степенью яркости и густоты 2. Добавочный цвет, примешивающийся к основному и проявляющийся на его фоне
@HillelITSchool
@HillelITSchool 2 месяца назад
Аналогова комбінація передбачає сполучення від двох до чотирьох-п’ятьох суміжних кольорів, включаючи їх відтінки і тони. На прикладі наведено градієнт, який складається з троьох суміжних кольорів на колі Іттена.
@d_bypass
@d_bypass 2 года назад
Слушаю фоном. Пожалуйста найдите себе хороший микрофон. 70% информации идёт через уши. Тяжело слушать.
@crookst_fan
@crookst_fan Год назад
согласен, мне кажется микрофон рублей за 100 лучше запишет чем это
@rapiraOYP
@rapiraOYP 6 месяцев назад
Это нужно видеть
@Geforsan
@Geforsan 4 месяца назад
звук тоже важен@@rapiraOYP
@veronikamakukh9752
@veronikamakukh9752 2 года назад
90 секунд - это слишком много
@crookst_fan
@crookst_fan Год назад
да, я сначала подумал что перепутали с милисекундами.
@qwertyntarantino1937
@qwertyntarantino1937 2 года назад
звук очень плохой, рваный какой-то и режет уши
@kpanat
@kpanat Год назад
Вобще-то не круг, а цилиндр...
@Lexansan
@Lexansan 2 месяца назад
"О настроении шрифтов так и не скинули"
@HillelITSchool
@HillelITSchool 2 месяца назад
Дякую, що згадали в коментарях. Ось корисні матеріали про те, як обрати краще шрифт, враховуючи в тому числі психологію та настрій: newmedia.ua/thematic-compilation-uk/psykholohiya-spryynyattya-shryftiv-ta-yak-neyu-keruvaty/ shakuro.com/blog/font-psychology-tricks-to-enhance-your-ux www.hostinger.com/tutorials/best-html-web-fonts dou.ua/forums/topic/43688/
@design8710
@design8710 Год назад
Почему нельзя увеличить на весь экран презентацию, очень мелко, вы же учите дизайну 🤢🤢🤢🤮
@kate_vishnya
@kate_vishnya 5 месяцев назад
Идите на платный курс и там возмущайтесь)
@architect_lxnn
@architect_lxnn 6 месяцев назад
Ни о чём. По большей части, тупое перечисление средств композиции. Практической пользы совсем мало.
@HillelITSchool
@HillelITSchool 5 месяцев назад
Це вебінар для початківців, на якому ми розповідали про базові принципи дизайну 🙌. Тож, можливо, для більш досвідчених фахівців спікерка не розповіла щось нове.
@IamAWildMan
@IamAWildMan Год назад
ресерч...! господи иисусе, это называется ИССЛЕДОВАНИЕ!! Такой кринж что просто мисменеджент.
Далее
САМЫЕ ТУПЫЕ МАЖОРЫ С ПАТРИКОВ
33:19