Design || Основы дизайна - базовые принципы, композиция, контраст, колористика, типографика
Юлия Чауш, 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
Хочу поблагодарить за море пользы в одном видео. Спасибо, Юлия!
Юлия привет! Спасибо тебе за базу веб дизайна) посмотрел от и до и буду пересматривать повторно, т.к. много фундаментальной информации
Основная композиция может и оформлена в хододные цвета (как на 8 минуте), однако доминантной областью является та, где кусочек тёплого) в этом вся фишка, управление взглядом зрителя, расстановка акцентов.
@kpanat
Жыл бұрын
Понятие тёплый холодный весьма условно. И это не является решающим фактором. А то, понравилось это или нет. Если бы было так просто, то и проблем бы не было. Тут много факторов. Сочетание цветов важно, а не тёплый холодный. Это намного больше... Но не только цвета...
Спасибо большое за качество, полноту и последовательность изложения материала!
@HillelITSchool
2 жыл бұрын
Раді, що вам було цікаво 💙
Спасибо большое за лекцию. Все очень понятно, структурированно и информативно.
@HillelITSchool
5 ай бұрын
Дякуємо, що дивитесь 💙
Благодарю! Информация супер полезная
Спасибо! Было очень познавательно!
Большое спасибо за урок! Было очень полезно 😊
@HillelITSchool
26 күн бұрын
будь ласка)
Большое спасибо за такую ценную информацию! Я очень благодарен.
@HillelITSchool
Жыл бұрын
Раді, що було корисно 💙
Спасибо большое, очень круто!!!🥰
@HillelITSchool
2 жыл бұрын
Дякуємо, що дивитесь 💙
Большое спасибо каналу за такое полезное видео!!!!! Это прям то что я искала:)
@HillelITSchool
Жыл бұрын
Дякуємо, що дивитесь 💙
Спасибо за систематизированную базу!)
@HillelITSchool
2 жыл бұрын
Раді, що були корисні 💪
Спасибо огромное за видео, очень полезно!!!
@HillelITSchool
2 ай бұрын
Дякуємо за перегляд та коментар!)
Спасибо, очень информативно
@HillelITSchool
2 жыл бұрын
Раді були стати в нагоді!
Дякую Вам за урок, це саме те, що я шукала !
@HillelITSchool
2 ай бұрын
круто, раді що сподобалось)
57:50 - померил, всё сказанное верно для заглавной буквы. У строчных же букв добаляется отступ сверху, из-за чего фактический отсутуп для этих букв получается больше
@vladimirww5152
Жыл бұрын
Это я про мелочи) А так мега информативно, благодарю!
Благодарю!!
@HillelITSchool
2 ай бұрын
Дякуємо за перегляд та коментар!)
Добрый день! Подскажите пожалуйста если я решила попробовать себя в веб-дизайне, то с какой программы лучше начать, может быть есть какие-то легкие, не англоязычные, спасибо!
@HillelITSchool
10 ай бұрын
Радимо звернути увагу на фігму - вона досить проста та популярна. Якщо надумаєте приходьте до нас на курс веб-дизайну: ithillel.ua/courses/web-design-basics, там всьому навчимо 💪
Привет Юля) Пересмотрел 10 раз и наделал скринов пока всё не изучил. Спасибо огромное!
@HillelITSchool
Жыл бұрын
Раді бути корисними 💪
@nadejdamalih7680
8 ай бұрын
Научи, а как ты сделал скрин.
@user-we7cu2zg9w
8 ай бұрын
@@nadejdamalih7680 Ctrl+V, Ctrl+C
Мне 29 лет. 4 года работаю менеджером по продажам - ненавижу свою работу, но только сейчас стал понимать свое предназначение. У меня вопрос - не поздно начать карьеру в ux/ui?
@HillelITSchool
10 ай бұрын
Ми вважаємо, що в сучасності змінювати професію ніколи не пізно. Зараз в індустрії багато світчерів, і це нікого не дивує. До того ж, освіта ніколи ще не була такою доступною: є курси, є відео, безліч статей та блогів на будь-яку тему. Якщо ви готові перейти в іншу професію, це можливо і не так страшно, як здається 😉
@Mrsmithshot
10 ай бұрын
@@HillelITSchool Спасибо вам за ваши старания и поддержку!) Привет из Беларуси!)
думал что Иоханнеса это вы))
Зачем придумывать про 90 секунд? До вас все изучено. Первые 10-15 секунд имеют значение, далее для сомневающихся +20 секунд.
но ведь на 14:35 неправильный пример аналоговой триады: этот градиент - оттенки одного цвета (как в видео сказали - оттенки это степень разбавления цвета белым). если бы оранжевый постепенно переходил в морковный (не шарю), потом в желтый - тогда да. во-первых пример неправильный, а во-вторых, видимо, существуют разные значения слова "оттенок".. пс посмотрела - да, у слова два понятия в плане цвета: 1. Разновидность какого-либо цвета, отличающаяся от других его разновидностей степенью яркости и густоты 2. Добавочный цвет, примешивающийся к основному и проявляющийся на его фоне
@HillelITSchool
2 ай бұрын
Аналогова комбінація передбачає сполучення від двох до чотирьох-п’ятьох суміжних кольорів, включаючи їх відтінки і тони. На прикладі наведено градієнт, який складається з троьох суміжних кольорів на колі Іттена.
Слушаю фоном. Пожалуйста найдите себе хороший микрофон. 70% информации идёт через уши. Тяжело слушать.
@crookst_fan
Жыл бұрын
согласен, мне кажется микрофон рублей за 100 лучше запишет чем это
@rapiraOYP
6 ай бұрын
Это нужно видеть
@Geforsan
4 ай бұрын
звук тоже важен@@rapiraOYP
90 секунд - это слишком много
@crookst_fan
Жыл бұрын
да, я сначала подумал что перепутали с милисекундами.
звук очень плохой, рваный какой-то и режет уши
Вобще-то не круг, а цилиндр...
"О настроении шрифтов так и не скинули"
@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/
Почему нельзя увеличить на весь экран презентацию, очень мелко, вы же учите дизайну 🤢🤢🤢🤮
@kate_vishnya
5 ай бұрын
Идите на платный курс и там возмущайтесь)
Ни о чём. По большей части, тупое перечисление средств композиции. Практической пользы совсем мало.
@HillelITSchool
5 ай бұрын
Це вебінар для початківців, на якому ми розповідали про базові принципи дизайну 🙌. Тож, можливо, для більш досвідчених фахівців спікерка не розповіла щось нове.
ресерч...! господи иисусе, это называется ИССЛЕДОВАНИЕ!! Такой кринж что просто мисменеджент.