Сторінка шкільного підручника як зразок дизайну


Приклади розташування об’єктів на слайді

1. Користувачу програми PowerPoint слід знати роздільну здатність дисплея ноутбука, за допомогою якого буде демонструватися презентація на екрані. Це допомагає зорієнтуватися у розмірі фотографій або репродукцій, що розшукуються на просторах Інтернету. Наприклад, існує багато дисплеїв,  у яких роздільна здатність 1280х800 пікселів. Популярне співвідношення сторін такого комп’ютерного екрану 16 : 10 або 16 : 9. Важлива цифра – це 800 пікселів, бо саме такий максимальний розмір буде мати висота порожнього слайду.

Розмір сторін репродукції має бути наближений до цієї цифри. Таким чином була знайдена репродукція портрету О.С. Пушкіна, розмір якої 776х906 пікселів. Добре, коли розмір репродукції більший, ніж 800, бо тоді можливо розмістити її без втрати різкості.

 

2. Лівий верхній кут – інформація важлива, але «початкова», бо зір від неї відштовхується та рухається далі. Правий верхній кут – найважливіша інформація, бо в нашій культурі традиція читати зліва направо. 

 

3. Сторони порожнього слайду – це рамка, або зовнішній прямокутник. Намагаємося розташувати репродукцію та текст до неї так, щоб вони утворили внутрішній прямокутник. Цьому допомагає програма PowerPoint, яка має опцію «Сетки и направляющие» (на панелі інструментів є меню «Вид»). Треба розуміти, що свідомість людини продовжує сторони портрету. І тому текст розміщуємо на уявному продовженні або нижньої, або верхньої сторони портрету. Вирівнювання тексту робимо ліворуч або праворуч. Слідкуємо, щоб рамка, яка утворилась між зовнішнім та внутрішнім прямокутниками була симетричною хоча б з протилежних боків.

 

4. Текст розміщуємо там, куди направлений погляд намальованої чи сфотографованої людини або поворот обличчя чи тулуба людини.

5. Якщо прізвище складне для запам’ятовування, його розташовуємо праворуч від портрету, бо в правому куті інформація сприймається як фундаментальна та значуща. 

6. Розмір шрифту підбираємо подібний до розміру заголовків. Пам’ятаємо, що людина спочатку бачить фотографії, потім зір знаходить заголовки, а основний текст людина читає тільки після того, якщо його зацікавить зміст заголовка. Тому фото розташовують зверху або ліворуч, нижче (або праворуч) заголовки і тільки потім текст. 

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

7. Якщо на слайді заплановано розташувати декілька репродукцій, уважно визначаємо місце кожного об’єкту. Гештальт - принцип спільної зони вимагає знову використати варіант «прямокутник, вписаний в прямокутник». Портрет Пушкіна ліворуч, щоб погляд його був направлений туди, де розмістяться портрети ліцейських товаришів. Сітка допомагає вирівняти зображення. Портрети Дельвіга, Пущина та Кюхельбекера розташуємо за діагоналлю і так, щоб портрети трохи перекривали один одного. Таке розташування полегшить сприйняття того, що зображені чоловіки – друзі між собою (приклад використання гештальт - принципу наближеності). Слова «Ліцейські друзі» пояснюють задум слайду, заповнюють порожне місце під портретом Пушкіна і одночасно лежать на умовній ліній уявного внутрішнього прямокутника. Колонка прізвищ добудовує в уяві цей прямокутник, заповнює порожній правий верхній кут і, головне, відтворює діагональну послідовність зведених портретів друзів поета. Загальна орієнтованість всіх зображень по вертикалі обумовила вибір шрифту Calibri, ознакою якого є звужені літери. 

 

Той самий слайд, але без сітки.

Джерела використаних портретів

 

1. Портрет О.С. Пушкіна

http://img0.liveinternet.ru/images/attach/c/3/75/29/75029024_20245735.jpg

 

2. Портрети Е. Хемінгуея

2.1. http://img.beta.rian.ru/images/74503/11/745031124.jpg 

2.2. http://img0.liveinternet.ru/images/attach/c/5/86/509/86509174_Ernest_ Hemingway_Writing_at_Campsite_in_Kenya__NARA__192655.jpg

2.3. http://znanijamira.ru/publ/nobel_laureat/1057/42-1-0-1057

 

3. Портрет А. Дельвіга

http://www.azlib.ru/d/delxwig_a_a/.photo1.jpg

 

4. Портрет І. Пущина

http://maentel.ru/rpg/WebPict/fullpic/0059-088.jpg

 

5. Портрет В.  Кюхельбекера

http://litcult.ru/u/dd/_biografii/1421/foto.jpg