Вдовченко В.В., Божко Т.О., Сімонік А.С. та ін. Основи дизайну. Підручник для 10 класу загальноосвітніх навчальних закладів. Профільний рівень. Часть 1

Подождите немного. Документ загружается.

Design_OutPut-j_1-3.indd 1Design_OutPut-j_1-3.indd 1 12.12.2010 18:01:2412.12.2010 18:01:24

УДК 72.012(075.3)

ББК 30.18 я721

О-75

Рекомендовано Міністерством освіти і науки України

(лист від 7 липня 2010 р. № 1.4/18-2767)

Видано державним коштом. Продаж заборонено

Психолого-педагогічну експертизу підручника проводив Інститут педагогіки

Національної академії педагогічних наук України

Експертизу підручника здійснювали:

Довдер В. О., Херсонський міжшкільний навчально-виробничий комбінат,

вчитель, старший вчитель;

Кузьмич Т. В., Житомирська загальноосвітня школа №16, вчитель;

Унтілова Е. А., Одеський інститут удосконалення вчителів, в. о. доцента, канд. пед. наук;

Лихолат О. В., Слов’янський державний педагогічний університет Донецької обл., зав.

кафедри, канд. пед. наук, доцент

Основи дизайну : підручник для 10 кл. загальноосв. навч. закл. Профільн. рі-

вень / В.В.Вдовченко, Т.О.Божко, А.С.Сімонік та ін. ; [за ред. В.В. Вдовченка].– К. :

Педагогічна думка, 2010.– 304 с., іл.

ISBN 978-966-644-172-3

Під час засвоєння навчального матеріалу підручника «Основи дизайну» ви опануєте засо-

би виразності, створюючи дизайн-проекти, набудете навичок щодо творення образів. Під час

практичної діяльності за визначеними технічними умовами навчитеся передавати проектні за-

думи художньо-графічними засобами у формі дизайнерських проектів, розробка яких сприяти-

ме оволодінню основними компетенціями, визначеними навчальною програмою.

Виконання навчально-тренувальних проектних завдань, міжпредметних особистісно

зорієнтованих графічних і веб-проектів сприятиме широкій варіативності та диференціації на-

вчання з урахуванням уподобань, рівнів складності навчального матеріалу, індивідуальних осо-

бливостей.

УДК 72.012(075.3)

ББК 30.18 я721

ISBN 978-966-644-172-3

О-75

доваЮ.Б., Вдовченко З.В., Тименко В.П., 2010

Design_OutPut-j_1-3.indd 2Design_OutPut-j_1-3.indd 2 12.12.2010 18:01:2512.12.2010 18:01:25

Зміст

Юні дизайнери!. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

Розділ 1. ВСТУП . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

§ 1. Дизайн як вид проектної діяльності:

становлення, розвиток, перспективи. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10

Практична робота 1. Ознайомлення з дизайнерською діяльністю. . . . .24

§ 2. Особливості організації робочих місць дизайнерів-графіків

і веб-дизайнерів у виробничих та навчальних умовах . . . . . . . . . . . . . . . . . . . . . . .27

Практична робота 2. Організація робочих місць дизайнерів . . . . . . . . . .33

Світ професій. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .37

Рекомендована література . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44

Розділ 2. ЗАСОБИ ВИРАЗНОСТІ У ДИЗАЙН-ПРОЕКТАХ . . . . . . . . . . . . . . . . . . . . . . . .45

§ 3. Тестові завдання на візуалізацію. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46

Практична робота 3. Візуалізація власного спонтанного

емоційного стану, почуття, настрою. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46

§ 4. Графічне відображення української мови

як візуальний засіб виразності дизайну. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .52

Практична робота 4. Вправи з пошуку асоціативного образу

звуків української мови (за методикою А.С. Сімоніка) . . . . . . . . . . . . . . . . .53

§ 5. Основи композиції та кольорознавства . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .59

Практична робота 5. Виконання тематичної композиції

з абстрактно-геометричних фігур на задану тему:

«Плин часу» (мажор або мінор) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .90

§ 6. Аналіз тестових та художньо-графічних вправ

(виконаних за методикою А. С. Сімоніка) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .92

Практична робота 6 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .92

Світ професій. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .98

Словник-довідник . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105

Рекомендована література . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Розділ 3. ГРАФІЧНИЙ ДИЗАЙН . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107

§ 7. Знакові зображення та закономірності їх утворення. Види знаків . . . . . 108

Практична робота 7. Розробка декоративно-стилізованої

композиції (із використанням образних якостей об’єктів). . . . . . . . . . . 120

§ 8. Шрифт як складова образно-знакової системи. . . . . . . . . . . . . . . . . . . . . . . . 121

Практична робота 8. Аналіз ретроспективи розвитку суспільства

у різні історічні епохи (за картками-завданнями) . . . . . . . . . . . . . . . . . . . 130

§ 9. Образно-асоціативні характеристики шрифтів . . . . . . . . . . . . . . . . . . . . . . . . 132

Практична робота 9. Образно-асоціативні шрифтові роботи . . . . . . . . 138

§ 10. Дизайн пакувань у системі візуальних комунікацій . . . . . . . . . . . . . . . . . . 140

Практична робота 10. Розробка дизайну пакувань

для системи візуальних комунікацій. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147

§ 11. Дизайн книги. Історія і сучасність . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148

Практична робота 11. Розробка дизайну поліграфічного видання . . . . . 159

§ 12. Друкована реклама та види сучасних друкованих засобів інформації . . . 161

Design_OutPut-j_1-3.indd 3Design_OutPut-j_1-3.indd 3 12.12.2010 18:01:2512.12.2010 18:01:25

Практична робота 12. Розробка сучасних друкованих

засобів інформації (за вибором). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

Світ професій. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170

Словник-довідник . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173

Рекомендована література . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175

Розділ 4. ВЕБ-ДИЗАЙН . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181

§ 13. Вступ до веб-дизайну. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

Практична робота 13. Розробка індивідуального портфоліо

для веб-дизайнерських робіт . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185

§ 14. Основи проектування інформаційного середовища – веб-сайта . . . . . 187

Практична робота 14. Розробка структури сайта . . . . . . . . . . . . . . . . . . . . 198

§ 15. Комп’ютерна графіка у веб-сайтах. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201

Практична робота 15. Оволодіння прийомами роботи

засобами комп’ютерної графіки . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211

§ 16. Розмітка гіпертексту HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214

Практична робота 16. Створення власної веб-сторінки. . . . . . . . . . . . . . 228

§ 17. Анімація. Flash-технології. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232

Практична робота 17.1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240

Практична робота 17.2. Оволодіння прийомами створення

кліпу анімації . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245

Практична робота 17.3. Оволодіння засобами малювання

у анімаційному редакторі . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247

Практична робота 17.4. Оволодіння прийомами

створення анімації руху . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252

Практична робота 17.5. Оволодіння прийомами створення

кліпів з використанням анімації форми . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255

§ 18. Технологія створення веб-сайтів в інформаційному

середовищі Інтернету . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257

Світ професій. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260

Словник-довідник . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 269

Рекомендована література . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276

Розділ 5. РЕЗЕРВ ЧАСУ (за вибором учителя) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277

§ 19. Прийоми роботи з графічним редактором Adobe Photoshop.

Інтерфейс програми Adobe Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 278

Практична робота 19.1. Оволодіння прийомами використання

шарів. Застосування умінь роботи з інструментами

виділення та трансформації . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 289

Практична робота 19.2. Оволодіння прийомами

використання фільтрів . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290

Практична робота 19.3. Оволодіння прийомами заливання

кольором та роботи с градієнтами . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291

Практична робота 19.4. Оволодіння прийомами роботи

з текстом, текстовими шарами, фільтрами та налаштуванням

зображення за допомогою пунктів меню. Зображення (IMAGE) . . . . . 294

§ 20. Психологічні основи дизайн-діяльності.

Професійна спрямованість особистості . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 295

Design_OutPut-j_1-3.indd 4Design_OutPut-j_1-3.indd 4 12.12.2010 18:01:2512.12.2010 18:01:25

Юні дизайнери!

Запрошуємо вас до набуття знань, умінь і навичок з основ дизайну. У процесі

вивчення навчального матеріалу ви ознайомитеся з художньо-проектною діяль-

ністю в різних сферах життєдіяльності, видами дизайну (табл. 1). У 10−11-х класах

навчальний предмет «Основи дизайну» розкриває основні види дизайну за прин-

ципом– від загальних закономірностей художнього проектування до поетапного

виконання навчального творчого проекту (табл. 2). Оволодівати основами дизайну

ви будете в процесі теоретичного вивчення розділів «Засоби виразності у дизай-

нерських проектах», «Графічний дизайн» і «WEB-дизайн» (табл. 3) та практичної ді-

яльності з виконання вправ із композиції на площині, у просторі під час художньо-

го проектування за власним задумом у зазначених вище видах дизайну. Практичні

завдання зорієнтовані на відомі вам п’ять сфер життєдіяльності людини, поступове

ускладнення робіт, пов’язані з особистісним задоволенням на профільному рівні

професійних уподобань.

Таблиця 1

Взаємозалежність сфер життєдіяльності та видів дизайну

Сфери життєдіяльності Види дизайну

Людина − природа Ландшафтний дизайн

Людина– художній образ Дизайн середовища

Людина– сфера обслуговування Дизайн костюма

Людина– техніка Промисловий дизайн

Людина– знаки інформації Графічний дизайн, веб-дизайн

Таблиця 2

Загальна структура для вивчення «Основ дизайну» у 10−11-х класах

10-й клас 11-й клас

Смислові блоки Основні розділи

Художня, графічна,

проектна підготовка

Засоби виразності у

дизайн-проектах

Художньо-графічна культура в дизайн-проектах

Проектно-художня культура

Види дизайну

Графічний дизайн Промисловий (індустріальний) дизайн

Веб-дизайн Дизайн середовища

Практичні роботи

Творчий проект

Захист творчого проекту. Презентація

Таблиця 3

Сфера життєдіяльності та види дизайну, що вивчаються у 10-му класі

Сфера

життєдіяльності

Види дизайну (розділи)

та їх розгалуження (підрозділи, подані в окремих параграфах)

Людина– знаки ін-

формації

Графічний дизайн Веб-дизайн

Дизайн книги

Дизайн пакувань

Дизайн реклами

Комп’ютерний дизайн

Дизайн мультимедійних технологій

Дизайн телекомунікаційних мереж

Педагогічний дизайн

Design_OutPut-j_1-3.indd 5Design_OutPut-j_1-3.indd 5 12.12.2010 18:01:2512.12.2010 18:01:25

Розроблені дизайнерські концепції ви зможете втілити художньо-графічними за-

собами у формі дизайнерських проектів. Ваша практична дизайнерська діяльність

під час вивчення кожного з розділів цього підручника базуватиметься на навчально-

му творчому дизайнерському проектуванні суспільно значущих об’єктів. Оформлен-

ня навчального творчого дизайнерського проекту сприятиме оволодінню основни-

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

Вагомим результатом вивчення «Основ дизайну» буде також оволодіння прак-

тичною професійною інформацією про особливості кваліфікації дизайнера за на-

прямами «Графічний дизайн», «Веб-дизайн» (табл. 4).

Таблиця 4

Основні спеціалізації для оволодіння кваліфікацією дизайнера

у вищих навчальних закладах

Спеціалізація у вищій

школі за видом дизайну

Професії

«Графічний дизайн»

Дизайнер-графік. Ілюстратор книги. Художник-плакатист.

Художник-декоратор. Дизайнер-викладач

«Веб-дизайн»

WEB-дизайнер. Контент-менеджер. Менеджер інтернет-

проектів. Редактор сайту. Комп’ютерний дизайнер. Викладач

Під час літньої навчальної практики у 10-му класі ви побуваєте на екскурсіях

у проектних організаціях та спеціалізованих дизайнерських фірмах, відвідаєте

виставкові центри, пройдете виробничу практику в умовах реальної проектної

організації, фірми. При цьому ви виконуватиме пошуково-дослідницьку роботу

дизайнера-дослідника, індивідуально та в межах колективу реалізуєте творчі ди-

зайнерські проекти тощо.

Ви також ознайомитеся з різними сферами життєдіяльності людини, особли-

вості яких відображені в таблицях та більш широко висвітлені в додатках, розмі-

щених наприкінці розділу. З додатків ви також отримаєте ґрунтовну професійну

інформацію про специфіку роботи дизайнерів, можливості оволодіння дизайнер-

ськими професіями, перспективи кваліфікованих працівників з обраної дизайнер-

ської професії.

На початку параграфів вміщені запитання на актуалізацію опорних знань, на-

бутих вами на уроках трудового навчання, основ дизайну, образотворчого мисте-

цтва, художньої культури, інших навчальних предметів в основній школі. Зазначені

в підручнику та підготовлені вчителем усні запитання спонукатимуть вас до твор-

чого мислення. Наприкінці параграфів виписано перелік основних понять та тер-

мінів, які ви маєте запам’ятати після опанування навчального матеріалу параграфа,

а також пропонуються контрольні запитання для перевірки навчальних досягнень

та творчі завдання для закріплення навчального матеріалу.

Окремими блоками наприкінці розділу розміщені такі додатки:



«Світ професій» (профінформація про кваліфікаційні вимоги до блоків про-

фесій, зазначених у параграфах; основні відомості про видатних фахівців

означеного професійного напряму; профорієнтаційна інформація);



«Словник-довідник» (основні поняття, терміни та цікава довідкова інформа-

ція для більш глибшого розкриття змістового наповнення параграфів);

Design_OutPut-j_1-3.indd 6Design_OutPut-j_1-3.indd 6 12.12.2010 18:01:2512.12.2010 18:01:25



«Перелік рекомендованої літератури» для поглибленого вивчення навчаль-

ного матеріалу з «Основ дизайну» в 10-му класі.

Змістова частина підручника містить також:



зразки оформлення проектно-пошукових робіт (творчих проектів) за тема-

тикою розділів 1−4 (у розділі 5);



практичні поради щодо підготовки до презентації і захисту творчих проектів

та їх проведення (у розділі 6).

Проектно-пошукові роботи виконуватимуться на основі проектного та техно-

логічного підходів за методом художніх проектів, з використанням наведеної у

розділі 5 орієнтовної структури, взірців оформлення учнівських творчих проектів,

рекомендацій щодо їх виконання. Об’єктом дизайнерської розробки має бути осо-

бистісно привабливий учнівський дизайнерський проект майбутнього суспільно

значущого виробу.

Під час виконання практичних робіт дотримуйтесь таких рекомендацій:

1. Усі завдання виконуйте творчо. Прагніть знайти у кожному з них найважливіші

особливості, основні навчальні завдання та ефективні методи їх розв’язання.

2. Будьте уважними та старанними.

3. Особливу увагу приділяйте дотриманню правил безпеки праці. Від цього зале-

жать не тільки результати вашої діяльності, а й стан вашого здоров’я.

Незалежно від того, яку професію ви опановуватиме після закінчення навчаль-

ного закладу, в якому зараз навчаєтеся, знання, уміння, навички, компетентності,

якими ви оволодієте під час вивчення навчального предмета «Основи дизайну»,

знадобляться вам у повсякденному житті.

Бажаємо успіхів.

Автори

Design_OutPut-j_1-3.indd 7Design_OutPut-j_1-3.indd 7 12.12.2010 18:01:2512.12.2010 18:01:25

Умовні позначення

Запитання на актуалізацію опорних знань

набутих на уроках з трудового навчання,

основ дизайну, образотворчого мистецтва,

художньої культури, навчальних предметів

Перелік основних понять та термінів, які ви

повинні запам’ятати після опанування на-

вчального матеріалу

Контрольні запитання для перевірки на-

вчальних досягнень

Творчі завдання для закріплення навчаль-

ного матеріалу

Перелік професій, про які наведена інфор-

мація

Перелік прізвищ видатних митців у сфері

дизайну

Рекомендована література

Практична робота

Design_OutPut-j_1-3.indd 8Design_OutPut-j_1-3.indd 8 12.12.2010 18:01:2512.12.2010 18:01:25

Design_OutPut-j_1-3.indd 9Design_OutPut-j_1-3.indd 9 12.12.2010 18:01:2512.12.2010 18:01:25

ÂÑÒÓÏ

§ 1. Дизайн як вид проектної діяльності: становлення,

розвиток, перспективи

Мікеланджело

Буонаротті

(1475–1564)

А. Дюрер

(1471–1528)

Леонардо да Вінчі

(1452-1519)

О. Архипенко

(1887–1964)

О. Антонов

(1906–1984)

Творці дизайнерського типу

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

культури, яку можна назвати дизайнерською діяльністю. Обґрунтуйте свої

твердження характеристикою обраних вами об’єктів проектування.

2. Назвіть характерні відмінності художніх, дизайнерських, функціональних

об’єктів проектування.

3. Чому, незважаючи на явно дизайнерський характер багатьох відомих вам з іс-

торії об’єктів проектування, раніше їх не називали дизайнерськими, а розроб-

ників− дизайнерами?

4. Кого з відомих творців, розробників, проектувальників в історії вашого регіону

можна з впевненістю нині назвати дизайнером? Обґрунтуйте свої твердження.

5. Чи є відмінність між функціональним і красивим виробом декоративно-

ужиткового мистецтва і дизайнерським об’єктом проектування? Обґрунтуй-

те свої висновки.

Дизайн як вид проектної діяльності у процесі його зародження, становлення,

розвитку сприяє перспективній розбудові проектно-художньої культури в Україні.

Зазначимо основні поняття та терміни, які часто будуть застосовуватися в процесі

вивчення «Основ дизайну» в 10−11-му класі: дизайн (проектування, вигляд), дизай-

нерська діяльність, дизайнер (фахівець), дизайнерське мислення та ін. Розкриємо

зміст деяких визначень.

Дизайн (від англ. «проектувати, креслити, задумати», а також «проект, план, ма-

люнок») − вид художньо-проектної та конструкторської діяльності, спрямованої

на створення нових видів і типів виробів, які б відповідали вимогам суспільства (ко-

рисності, зручності в експлуатації, краси, економічності, ергономічності тощо).

Метою цієї діяльності є формування гармонійного з людиною та природою штуч-

ного навколишнього середовища, яке задовольняє різноманітні потреби людини і

суспільства.

З’являються новостворені вироби в результаті дизайнерської діяльності,

яка спрямована на пошук нової сутності об’єкта творення та сприяє становлен-

Design_OutPut-j_1-3.indd 10Design_OutPut-j_1-3.indd 10 12.12.2010 18:01:2512.12.2010 18:01:25