Верстка статьи
Верстка статьи с одним фото (портрет)
Верстка статьи с одним фото (портрет)
Верстка статьи с одним фото (портрет)
Верстка статьи с одним горизонтальным фото
Верстка статьи с одним горизонтальным фото
Верстка статьи с двумя и более фото
Верстка статьи с двумя и более фото
Еще несколько советов
Вспомогательные элементы
Использование воздуха для выделения материала
Использование линеек
Неудачное использование линеек и рамок
Врезки
Резюме
Колонтитуты
Верстка с “шахтой”
Основные принципы использования цвета
Цветовой круг
Цветовая гармония
Хорошо выглядят в цвете
Иногда хорошо выглядят в цвете
Плохо выглядят в цвете
Различные варианты использования одного дополнительного цвета
Еще несколько советов
Примеры оформления современных газет
Спасибо за внимание!
11.02M
Category: informaticsinformatics

Верстка статьи

1. Верстка статьи

Основные принципы
• Какой бы ни была форма текста, модуль
всегда должен быть прямоугольным
• Чем длиннее текст, тем более ему
необходимо быть горизонтальным
• Всегда необходимо учитывать порядок
восприятия информации читателем: фотокомментарий-заголовок-текст
• Нельзя отрывать заголовок от начала текста

2. Верстка статьи с одним фото (портрет)

Хорошо
Плохо

3. Верстка статьи с одним фото (портрет)

4. Верстка статьи с одним фото (портрет)

Хорошо
Можно, если
позволяет ширина
колонки

5. Верстка статьи с одним горизонтальным фото

Хорошо
Плохо

6. Верстка статьи с одним горизонтальным фото

Возможно
Хорошо

7. Верстка статьи с двумя и более фото

• Необходимо выбрать ведущее фото
• Основное правило: ведущее фото
ставится над второстепенным
• Правила оформления текста и
заголовка сохраняются

8. Верстка статьи с двумя и более фото

9. Еще несколько советов

• Если на странице нет фото, объединяйте
материалы в подборки, используйте рамки
• Можно использовать различные приемы
оформления заголовков
• На странице с иллюстрациями выделяйте
ведущее фото
• Избегайте слияния заголовков

10. Вспомогательные элементы

“Воздух”

11. Использование воздуха для выделения материала

12. Использование линеек

13. Неудачное использование линеек и рамок

14. Врезки

15. Резюме

16. Колонтитуты

17. Верстка с “шахтой”

18. Основные принципы использования цвета

• Цвет - не украшение, а средство выделения,
управления вниманием
• Выделить все - значит не выделить ничего
• Цвет не должен отвлекать внимание
читателя от материалов
• Нельзя постоянно менять цвет логотипа
других значимых элементов газеты
и

19. Цветовой круг

20. Цветовая гармония

Комплиментарные цвета
Смежные (близкие) цвета

21.

Триадные цвета
(вершины
равностороннего
треугольника)
Близкие
и комплиментарный
цвета

22.

Две пары комплиментарных
цветов (углы вписанного в
круг прямоугольника)
Монохроматические цвета

23. Хорошо выглядят в цвете

• Иллюстрации
• Полноцветные фотографии
• Инфографика
• Логотипы
• Реклама
• Линии, рубрики

24. Иногда хорошо выглядят в цвете

• Броские заголовки крупных материалов
• Заметки на легкой цветной подложке
• Врезки, буквицы
• Подзаголовки в рамках крупных
материалов
• Указатели (анонсы, индексы и т.п.)
• Обрамление вокруг фото

25. Плохо выглядят в цвете

• Фото, тонированные одной краской
• Заголовки большинства материалов
• Текст статьи или комментарий к фото
• Информационные материалы в рамках

26. Различные варианты использования одного дополнительного цвета

27. Еще несколько советов

• Распоряжайтесь страницей как своей
собственной комнатой
• Не опережайте развитие
полиграфических технологий
• Не превращайте вашу страницу
гавайскую рубашку
в

28. Примеры оформления современных газет

29.

30.

31.

32.

33.

34.

35.

36.

37. Спасибо за внимание!

English     Русский Rules