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

  • @raymarc7077
    @raymarc70772 жыл бұрын

    Хочу поблагодарить за море пользы в одном видео. Спасибо, Юлия!

  • @fedorevseev8867
    @fedorevseev88672 жыл бұрын

    Юлия привет! Спасибо тебе за базу веб дизайна) посмотрел от и до и буду пересматривать повторно, т.к. много фундаментальной информации

  • @lyolkinsk1875
    @lyolkinsk18752 жыл бұрын

    Основная композиция может и оформлена в хододные цвета (как на 8 минуте), однако доминантной областью является та, где кусочек тёплого) в этом вся фишка, управление взглядом зрителя, расстановка акцентов.

  • @kpanat

    @kpanat

    Жыл бұрын

    Понятие тёплый холодный весьма условно. И это не является решающим фактором. А то, понравилось это или нет. Если бы было так просто, то и проблем бы не было. Тут много факторов. Сочетание цветов важно, а не тёплый холодный. Это намного больше... Но не только цвета...

  • @Kanfir
    @Kanfir2 жыл бұрын

    Спасибо большое за качество, полноту и последовательность изложения материала!

  • @HillelITSchool

    @HillelITSchool

    2 жыл бұрын

    Раді, що вам було цікаво 💙

  • @maryshv
    @maryshv5 ай бұрын

    Спасибо большое за лекцию. Все очень понятно, структурированно и информативно.

  • @HillelITSchool

    @HillelITSchool

    5 ай бұрын

    Дякуємо, що дивитесь 💙

  • @anastasiak8047
    @anastasiak8047 Жыл бұрын

    Благодарю! Информация супер полезная

  • @artyrkarpov7463
    @artyrkarpov7463 Жыл бұрын

    Спасибо! Было очень познавательно!

  • @Moimirykami
    @Moimirykami27 күн бұрын

    Большое спасибо за урок! Было очень полезно 😊

  • @HillelITSchool

    @HillelITSchool

    26 күн бұрын

    будь ласка)

  • @tigrangraphicdesign
    @tigrangraphicdesign Жыл бұрын

    Большое спасибо за такую ценную информацию! Я очень благодарен.

  • @HillelITSchool

    @HillelITSchool

    Жыл бұрын

    Раді, що було корисно 💙

  • @HokageNaruto111
    @HokageNaruto1112 жыл бұрын

    Спасибо большое, очень круто!!!🥰

  • @HillelITSchool

    @HillelITSchool

    2 жыл бұрын

    Дякуємо, що дивитесь 💙

  • @jasminmettualy5415
    @jasminmettualy5415 Жыл бұрын

    Большое спасибо каналу за такое полезное видео!!!!! Это прям то что я искала:)

  • @HillelITSchool

    @HillelITSchool

    Жыл бұрын

    Дякуємо, що дивитесь 💙

  • @_g0sp1
    @_g0sp12 жыл бұрын

    Спасибо за систематизированную базу!)

  • @HillelITSchool

    @HillelITSchool

    2 жыл бұрын

    Раді, що були корисні 💪

  • @AtamanVagari
    @AtamanVagari3 ай бұрын

    Спасибо огромное за видео, очень полезно!!!

  • @HillelITSchool

    @HillelITSchool

    2 ай бұрын

    Дякуємо за перегляд та коментар!)

  • @greencactus1545
    @greencactus15452 жыл бұрын

    Спасибо, очень информативно

  • @HillelITSchool

    @HillelITSchool

    2 жыл бұрын

    Раді були стати в нагоді!

  • @Vika33338
    @Vika33338 Жыл бұрын

    Дякую Вам за урок, це саме те, що я шукала !

  • @HillelITSchool

    @HillelITSchool

    2 ай бұрын

    круто, раді що сподобалось)

  • @vladimirww5152
    @vladimirww5152 Жыл бұрын

    57:50 - померил, всё сказанное верно для заглавной буквы. У строчных же букв добаляется отступ сверху, из-за чего фактический отсутуп для этих букв получается больше

  • @vladimirww5152

    @vladimirww5152

    Жыл бұрын

    Это я про мелочи) А так мега информативно, благодарю!

  • @Mr.greedyfox
    @Mr.greedyfox4 ай бұрын

    Благодарю!!

  • @HillelITSchool

    @HillelITSchool

    2 ай бұрын

    Дякуємо за перегляд та коментар!)

  • @user-je1ty2ni7p
    @user-je1ty2ni7p10 ай бұрын

    Добрый день! Подскажите пожалуйста если я решила попробовать себя в веб-дизайне, то с какой программы лучше начать, может быть есть какие-то легкие, не англоязычные, спасибо!

  • @HillelITSchool

    @HillelITSchool

    10 ай бұрын

    Радимо звернути увагу на фігму - вона досить проста та популярна. Якщо надумаєте приходьте до нас на курс веб-дизайну: ithillel.ua/courses/web-design-basics, там всьому навчимо 💪

  • @user-we7cu2zg9w
    @user-we7cu2zg9w Жыл бұрын

    Привет Юля) Пересмотрел 10 раз и наделал скринов пока всё не изучил. Спасибо огромное!

  • @HillelITSchool

    @HillelITSchool

    Жыл бұрын

    Раді бути корисними 💪

  • @nadejdamalih7680

    @nadejdamalih7680

    8 ай бұрын

    Научи, а как ты сделал скрин.

  • @user-we7cu2zg9w

    @user-we7cu2zg9w

    8 ай бұрын

    @@nadejdamalih7680 Ctrl+V, Ctrl+C

  • @Mrsmithshot
    @Mrsmithshot10 ай бұрын

    Мне 29 лет. 4 года работаю менеджером по продажам - ненавижу свою работу, но только сейчас стал понимать свое предназначение. У меня вопрос - не поздно начать карьеру в ux/ui?

  • @HillelITSchool

    @HillelITSchool

    10 ай бұрын

    Ми вважаємо, що в сучасності змінювати професію ніколи не пізно. Зараз в індустрії багато світчерів, і це нікого не дивує. До того ж, освіта ніколи ще не була такою доступною: є курси, є відео, безліч статей та блогів на будь-яку тему. Якщо ви готові перейти в іншу професію, це можливо і не так страшно, як здається 😉

  • @Mrsmithshot

    @Mrsmithshot

    10 ай бұрын

    @@HillelITSchool Спасибо вам за ваши старания и поддержку!) Привет из Беларуси!)

  • @user-bx6ze2de7c
    @user-bx6ze2de7c5 ай бұрын

    думал что Иоханнеса это вы))

  • @user-ij1us5ei2h
    @user-ij1us5ei2h2 жыл бұрын

    Зачем придумывать про 90 секунд? До вас все изучено. Первые 10-15 секунд имеют значение, далее для сомневающихся +20 секунд.

  • @sapornura
    @sapornura3 ай бұрын

    но ведь на 14:35 неправильный пример аналоговой триады: этот градиент - оттенки одного цвета (как в видео сказали - оттенки это степень разбавления цвета белым). если бы оранжевый постепенно переходил в морковный (не шарю), потом в желтый - тогда да. во-первых пример неправильный, а во-вторых, видимо, существуют разные значения слова "оттенок".. пс посмотрела - да, у слова два понятия в плане цвета: 1. Разновидность какого-либо цвета, отличающаяся от других его разновидностей степенью яркости и густоты 2. Добавочный цвет, примешивающийся к основному и проявляющийся на его фоне

  • @HillelITSchool

    @HillelITSchool

    2 ай бұрын

    Аналогова комбінація передбачає сполучення від двох до чотирьох-п’ятьох суміжних кольорів, включаючи їх відтінки і тони. На прикладі наведено градієнт, який складається з троьох суміжних кольорів на колі Іттена.

  • @d_bypass
    @d_bypass2 жыл бұрын

    Слушаю фоном. Пожалуйста найдите себе хороший микрофон. 70% информации идёт через уши. Тяжело слушать.

  • @crookst_fan

    @crookst_fan

    Жыл бұрын

    согласен, мне кажется микрофон рублей за 100 лучше запишет чем это

  • @rapiraOYP

    @rapiraOYP

    6 ай бұрын

    Это нужно видеть

  • @Geforsan

    @Geforsan

    4 ай бұрын

    звук тоже важен@@rapiraOYP

  • @veronikamakukh9752
    @veronikamakukh97522 жыл бұрын

    90 секунд - это слишком много

  • @crookst_fan

    @crookst_fan

    Жыл бұрын

    да, я сначала подумал что перепутали с милисекундами.

  • @qwertyntarantino1937
    @qwertyntarantino19372 жыл бұрын

    звук очень плохой, рваный какой-то и режет уши

  • @kpanat
    @kpanat Жыл бұрын

    Вобще-то не круг, а цилиндр...

  • @Lexansan
    @Lexansan2 ай бұрын

    "О настроении шрифтов так и не скинули"

  • @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_lxnn6 ай бұрын

    Ни о чём. По большей части, тупое перечисление средств композиции. Практической пользы совсем мало.

  • @HillelITSchool

    @HillelITSchool

    5 ай бұрын

    Це вебінар для початківців, на якому ми розповідали про базові принципи дизайну 🙌. Тож, можливо, для більш досвідчених фахівців спікерка не розповіла щось нове.

  • @IamAWildMan
    @IamAWildMan Жыл бұрын

    ресерч...! господи иисусе, это называется ИССЛЕДОВАНИЕ!! Такой кринж что просто мисменеджент.

Келесі