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

  Рет қаралды 47,974

Hillel IT School

Hillel IT School

Күн бұрын

Юлия Чауш, 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 #Дизайн #ДизайнКурсы #КурсыДизайн

Пікірлер: 58
@raymarc7077
@raymarc7077 2 жыл бұрын
Хочу поблагодарить за море пользы в одном видео. Спасибо, Юлия!
@lyolkinsk1875
@lyolkinsk1875 2 жыл бұрын
Основная композиция может и оформлена в хододные цвета (как на 8 минуте), однако доминантной областью является та, где кусочек тёплого) в этом вся фишка, управление взглядом зрителя, расстановка акцентов.
@kpanat
@kpanat Жыл бұрын
Понятие тёплый холодный весьма условно. И это не является решающим фактором. А то, понравилось это или нет. Если бы было так просто, то и проблем бы не было. Тут много факторов. Сочетание цветов важно, а не тёплый холодный. Это намного больше... Но не только цвета...
@fedorevseev8867
@fedorevseev8867 2 жыл бұрын
Юлия привет! Спасибо тебе за базу веб дизайна) посмотрел от и до и буду пересматривать повторно, т.к. много фундаментальной информации
@anastasiak8047
@anastasiak8047 Жыл бұрын
Благодарю! Информация супер полезная
@maryshv
@maryshv 5 ай бұрын
Спасибо большое за лекцию. Все очень понятно, структурированно и информативно.
@HillelITSchool
@HillelITSchool 5 ай бұрын
Дякуємо, що дивитесь 💙
@artyrkarpov7463
@artyrkarpov7463 Жыл бұрын
Спасибо! Было очень познавательно!
@Kanfir
@Kanfir 2 жыл бұрын
Спасибо большое за качество, полноту и последовательность изложения материала!
@HillelITSchool
@HillelITSchool 2 жыл бұрын
Раді, що вам було цікаво 💙
@Moimirykami
@Moimirykami 23 күн бұрын
Большое спасибо за урок! Было очень полезно 😊
@HillelITSchool
@HillelITSchool 22 күн бұрын
будь ласка)
@tigrangraphicdesign
@tigrangraphicdesign 11 ай бұрын
Большое спасибо за такую ценную информацию! Я очень благодарен.
@HillelITSchool
@HillelITSchool 11 ай бұрын
Раді, що було корисно 💙
@HokageNaruto111
@HokageNaruto111 2 жыл бұрын
Спасибо большое, очень круто!!!🥰
@HillelITSchool
@HillelITSchool 2 жыл бұрын
Дякуємо, що дивитесь 💙
@greencactus1545
@greencactus1545 2 жыл бұрын
Спасибо, очень информативно
@HillelITSchool
@HillelITSchool 2 жыл бұрын
Раді були стати в нагоді!
@jasminmettualy5415
@jasminmettualy5415 Жыл бұрын
Большое спасибо каналу за такое полезное видео!!!!! Это прям то что я искала:)
@HillelITSchool
@HillelITSchool Жыл бұрын
Дякуємо, що дивитесь 💙
@_g0sp1
@_g0sp1 2 жыл бұрын
Спасибо за систематизированную базу!)
@HillelITSchool
@HillelITSchool 2 жыл бұрын
Раді, що були корисні 💪
@AtamanVagari
@AtamanVagari 3 ай бұрын
Спасибо огромное за видео, очень полезно!!!
@HillelITSchool
@HillelITSchool 2 ай бұрын
Дякуємо за перегляд та коментар!)
@Vika33338
@Vika33338 Жыл бұрын
Дякую Вам за урок, це саме те, що я шукала !
@HillelITSchool
@HillelITSchool Ай бұрын
круто, раді що сподобалось)
@Mr.greedyfox
@Mr.greedyfox 4 ай бұрын
Благодарю!!
@HillelITSchool
@HillelITSchool 2 ай бұрын
Дякуємо за перегляд та коментар!)
@vladimirww5152
@vladimirww5152 Жыл бұрын
57:50 - померил, всё сказанное верно для заглавной буквы. У строчных же букв добаляется отступ сверху, из-за чего фактический отсутуп для этих букв получается больше
@vladimirww5152
@vladimirww5152 Жыл бұрын
Это я про мелочи) А так мега информативно, благодарю!
@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 2 ай бұрын
но ведь на 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 Ай бұрын
Дякую, що згадали в коментарях. Ось корисні матеріали про те, як обрати краще шрифт, враховуючи в тому числі психологію та настрій: 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 5 ай бұрын
Ни о чём. По большей части, тупое перечисление средств композиции. Практической пользы совсем мало.
@HillelITSchool
@HillelITSchool 5 ай бұрын
Це вебінар для початківців, на якому ми розповідали про базові принципи дизайну 🙌. Тож, можливо, для більш досвідчених фахівців спікерка не розповіла щось нове.
@IamAWildMan
@IamAWildMan Жыл бұрын
ресерч...! господи иисусе, это называется ИССЛЕДОВАНИЕ!! Такой кринж что просто мисменеджент.
The most impenetrable game in the world🐶?
00:13
LOL
Рет қаралды 23 МЛН
FOOTBALL WITH PLAY BUTTONS ▶️ #roadto100m
00:29
Celine Dept
Рет қаралды 72 МЛН
Практикум Эффективный старт в инфобизе. 13.10.23
1:10:30
Юлия Макарова, методолог-наставник
Рет қаралды 36
Основы композиции
38:25
CG Fish
Рет қаралды 1,3 МЛН
ЦВЕТОВЫЕ СХЕМЫ: КАК СОЧЕТАТЬ ЦВЕТА
15:25
Sofya Filippova
Рет қаралды 21 М.
Основы типографики и вёрстки
26:39
Кафедра Градостроительства СФУ ИАиД
Рет қаралды 94 М.