Search this site
Embedded Files
Вебтехнології
  • ЗМІСТ
  • Тема 1
    • Урок 1
    • Урок 2
    • Урок 3
    • Урок 4
    • Урок 5
    • Урок 6
    • Урок 7
  • Тема 2
    • Урок 8, 9
    • Урок 10
    • Урок 11
    • Урок 12
    • Урок 13
    • Урок 14
    • Урок 15
    • Урок 16
    • Урок 17
    • Урок 18
  • Тема 3
    • Урок 19
    • Урок 20
    • Урок 21
    • Урок 22
    • Урок 23
    • Урок 24
    • Урок 25
  • Тема 4
    • Урок 26
    • Урок 27
    • Урок 28
    • Урок 29
    • Урок 30
    • Урок 31
    • Урок 32
    • Урок 33
  • Тема 5
    • Урок 34
    • Урок 35
    • Урок 36
    • Урок 37-38
    • Урок 39
    • Урок 40-41
    • Урок 42-45
Вебтехнології
  • ЗМІСТ
  • Тема 1
    • Урок 1
    • Урок 2
    • Урок 3
    • Урок 4
    • Урок 5
    • Урок 6
    • Урок 7
  • Тема 2
    • Урок 8, 9
    • Урок 10
    • Урок 11
    • Урок 12
    • Урок 13
    • Урок 14
    • Урок 15
    • Урок 16
    • Урок 17
    • Урок 18
  • Тема 3
    • Урок 19
    • Урок 20
    • Урок 21
    • Урок 22
    • Урок 23
    • Урок 24
    • Урок 25
  • Тема 4
    • Урок 26
    • Урок 27
    • Урок 28
    • Урок 29
    • Урок 30
    • Урок 31
    • Урок 32
    • Урок 33
  • Тема 5
    • Урок 34
    • Урок 35
    • Урок 36
    • Урок 37-38
    • Урок 39
    • Урок 40-41
    • Урок 42-45
  • More
    • ЗМІСТ
    • Тема 1
      • Урок 1
      • Урок 2
      • Урок 3
      • Урок 4
      • Урок 5
      • Урок 6
      • Урок 7
    • Тема 2
      • Урок 8, 9
      • Урок 10
      • Урок 11
      • Урок 12
      • Урок 13
      • Урок 14
      • Урок 15
      • Урок 16
      • Урок 17
      • Урок 18
    • Тема 3
      • Урок 19
      • Урок 20
      • Урок 21
      • Урок 22
      • Урок 23
      • Урок 24
      • Урок 25
    • Тема 4
      • Урок 26
      • Урок 27
      • Урок 28
      • Урок 29
      • Урок 30
      • Урок 31
      • Урок 32
      • Урок 33
    • Тема 5
      • Урок 34
      • Урок 35
      • Урок 36
      • Урок 37-38
      • Урок 39
      • Урок 40-41
      • Урок 42-45
  1. Повторення онлайн. Інтерактивний опитувальник

  2. Скласти глосарій до веб конспекту

  3. Виконати інтерактивну вправу

  4. Виконати практичне завдання

Повторення онлайн. Інтерактивний опитувальник

Тренди веб дизайну . Перевір себе

Скласти глосарій до веб конспекту

6.3.pdf

Основні образотворчі засоби дизайну: 

#1 Точка, линія  і форма

Це основні будівельні блоки будь-якого дизайну. З їх допомогою ви можете створити все що завгодно, від простих значків до дуже складних ілюстрацій, комбінуючи ці прості елементи.

#2 Кольори

#3 Типографіка

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

# 4 Баланс, ритм і контраст

Налаштування візуальної ваги слів для створення ритму і контрасту

# 5 Простір

Налаштування негативного простору між буквами (він же кернинг)
Вам слід розглянути кожен елемент / літеру і їх співвідношення з іншими елементами, дати їм в точно стільки простору для подиху, скільки потрібно. Зазвичай це називають негативним простором (позитивний простір - це самі букви).Якщо буде занадто багато простору, ваш дизайн буде виглядати незавершеним, а якщо буде занадто мало простору, ваш дизайн буде здаватися занадто завантаженим.

#6 Масштаб

Масштаб не тільки допомагає створити ритм, контраст і баланс, але ще і ієрархію. В цілому? в повному обсязі елементи вашого дизайну повинні мати однакове значення, і один з кращих способів передати це - розмір.
Навіщо заголовки роблять короткими? Так ви можете швидко пробігтися очима і зрозуміти, чи є на сторінці, то, що вас цікавить. На сторінці також є підзаголовки, які дають більш детальну інформацію про статті, у них шрифт трохи менше, і, нарешті, є сама стаття з найменшим розміром шрифту, самий зручним для читання великого фрагмента тексту.

# 7 Сітка і вирівнювання

Створення деякою взаємозв'язку між елементами, щоб вони виглядали більш збалансовано і приємно
Незалежно від того, для чого ви створюєте дизайн, дотримання сітки структурує ваш дизайн і робить його більш приємним і легким для сприйняття.

#8 Фрейминг

Рефреймінг композиції, щоб додати інтерес і додатковий елемент
Намагайтеся спрямувати погляд на те, що важливо, змінюйте розмір / Кадрування зображення, щоб ваш об'єкт виділявся або посилював ваше повідомлення. Сенс в тому, щоб розповідати правильну історію і добре її розповідати.

# 9 Текстура і патерни

Сьогодні текстури не користуються популярністю, як колись, але з ними ви можете додати ще один вимір дизайну, зробивши його більш тривимірним і відчутним.

# 10 Візуальна концепція

Це те, що відрізняє чудовий дизайн від того, що ви можете завантажити з інтернету.
Створюйте дизайн зі змістом, метою і ідеєю, яка все об'єднує. Ретельно підберіть шрифти для цієї мети, думаючи про те, як кожна крихітна частина вашого дизайну слід цієї базової концепції. Узгодженість - це все.

Повторюємо. Виконати практичне завдання 

заготівки для практичного завдання

підказка для практичного завдання

Всього на курс - 45 годин

Зауваження, поради, коментарі та побажання надсилайте за адресою svetalena6811@gmail.com

Викладачка інформатики Дмитренко Олена Борисівна

Google Sites
Report abuse
Page details
Page updated
Google Sites
Report abuse