Правила верстки статей

Статус
Закрыто для дальнейших ответов.

JaNat

inDesign
Администратор
Сообщения
16.874
Достижения
7.080
Награды
14.412
Одна из самых главных задач для каждого выпуска – собрать воедино иллюстрации и статью по определенной рубрике. Для начала, выделим несколько пунктов, которые вы четко должны представлять перед собой.

Тема статьи. Необходимо знать, о чем идет речь, кто выступает в роли главного героя, какого вида описание представлено. Обязательно прочитайте статью! Прочувствуйте тему, настроение статьи, исходя из этого и подбирайте оформление.

Продумайте цветовую гамму статьи. Фон надо подбирать такой, чтобы на нем хорошо читался текст, без мелких узоров. Цвет текста – максимально контрастный по отношению к фону.

Помимо фона и скриншотов, непосредственно иллюстрирующих статью, используйте различные элементы оформления, клипарты, скрап-наборы. Выбирайте элементы в соответствии с тематикой и идейным замыслом оформления статьи.

Итак, открываем документ polosa_maket.psd. Это шаблон будущей страницы.

Помните! Весь ваш текст и картинки должны находится строго в рамке из голубых направляющих, вплотную к ним! Если вы не видите направляющих нажмите Ctrl+Ж.

Колонтитул
У нас есть обязательный колонтитул, который находится вверху полосы.
Внимательно посмотрите на название нашего журнала в колонтитуле. Вторую его часть «ation», вы раскрашиваете под цвет рубрики. С левой стороны вы пишите название раздела, с правой – рубрику. Названия разделов и рубрик, которые нужно писать в колонтитуле можно посмотреть в этой теме.
Не забудьте про градиентную заливку, предназначенную для размещения номеров страниц. Её так же можно свободно перекрасить инструментом «кисть».
Номер страницы ставить не надо.

Помните! Перемещайте названия разделов и рубрик только по горизонтали. Переделывать колонтитул на свое усмотрение запрещено.

Расположение текста
Берем инструмент Текст, переходим на рабочее поле. Зажимаем левую кнопку мыши, тянем в право и вниз. Получается выделенная область. Теперь отпустите. У нас появилось окно, предназначенное специально для текста. С ним-то мы и будем работать на протяжении всей верстки. Скопируем наш текст в это окно. Теперь идем по такому пути: Окно – Символ, Окно – Абзац. Т.е. включаем две необходимых функции.

dab47469f7c6.png
c90d73f093f1.png


Основной текст – ВСЕГДА ТОЛЬКО ШРИФТОМ Myriad Pro размера 11.
На основном тексте не должно быть обводки, тени и прочих эффектов. Допускается только внешнее свечение с большим параметром размытия.


Автора статьи и оформителя подписываем шрифтом Myriad Pro размера 9.

Для выделения внутри основного текста вы можете изменять начертание шрифта на жирное и курсивное. Для этого НЕ ПОЛЬЗУЙТЕСЬ кнопками на панели "символ". Начертание шрифта переключается в окошке, следующем после его названия.

f5e760e2dbdb.png


ВАЖНО! Основной текст должен хорошо читаться!

Для заголовков вы можете использовать любые шрифты на ваш вкус, а также применять различные фильтры и эффекты (не перебарщивайте).

В тексте должны стоять абзацные отступы 10 пт. А также обязательно должны стоять ПЕРЕНОСЫ. Если ваш фотошоп не ставит переносы, убедитесь, что вы выбрали русский язык текста!

a5ea9e4911ce.jpg


Если выбор языка вам не помог, поставьте другую версию фотошопа. Выбирайте версии с приставкой СЕ.

Текст должен быть расположен на всю ширину колонки.

1d5e3d02f4e4.png


Помните! Текст вступления можно располагать на ширину двух колонок, а основной текст статьи обязательно делать в две колонки строго по направляющим.

При верстке текста недопустимы так называемые «висячие строки».
«Висячая» строка в типографской практике — концевая строка абзаца, расположенная в начале полосы или колонки, а также начальная строка абзаца, оказавшаяся в конце полосы колонки. То есть это строка, которая оторвана от своего абзаца и «висит» в одиночестве на предыдущей или последующей странице.

f7ca23879376.png


Иллюстрации
Прямоугольные или квадратные иллюстрации могут быть расположены либо на ширину одной колонки, либо двух, либо на всю ширину полосы. Чтобы ваша верстка не была скучной, рекомендуется разнообразить статью одной-двумя обтравками. Обтравка - это картинка, вырезанная с фона, еще их иногда называют рендерами.
Также для оформления полос можно использовать клипарты и скрап-наборы.

Внимание! Соблюдайте геометрию полосы! Верхние картинки – вровень с верхней строкой текста, нижние – вровень с нижней. И все это по верхним и нижним линиям разметки, а не где попало!

Удачной вам верстки!
 

Askanova

Проверенный
Сообщения
927
Достижения
570
Награды
1.374
1. Постарайтесь подобрать подходящие друг к другу цвета. Можно воспользоваться этим сервисом. Как вы можете заметить, там не встречается более четырёх различных цветов в рамках одной цветовой схемы.

2. Не забывайте перекрашивать «ATION» в колонтитулах.

3. Не меняйте шрифт ни во введении, ни в заключении, ни в основном тексте статьи. Только Myriad Pro.

4. Во введении и заключении можно использовать курсив, полужирный шрифт, немного увеличить его размер.
При этом шрифт остаётся Myriad Pro.

5. В заголовке вы можете использовать любой шрифт и применять различные эффекты. Изучайте уроки по работе с текстом, их очень много в интернете. Некоторые можно найти, например, здесь или здесь.

6. Обязательно включите переносы!

7. Не забывайте проверять правильность автоматических переносов: Photoshop не обладает безупречной грамотностью, и его частенько приходится поправлять.

8. Никогда не применяйте эффект тени и обводки под основным текстом статьи.

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

10. Следите за "висячими строками", не допускайте их появления.

11. Следите за расстояниями между словами в колонках. Иногда Photoshop автоматически растягивает на ширину колонки несколько слов, и между ними образуются большие пробелы. Чтобы избежать этого, допишите в конце строки начало следующей и вручную выставите знак переноса.

12. Следите за пропорциями картинок при масштабировании. Чтобы пропорции сохранялись, при применении масштабирования зажмите Shift и тяните за угол рамки.

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

14. Подписывайтесь всегда только так:
Текст: (ник автора)
Оформление: (ваш ник)

Размер шрифта в подписи – 9 пкс, шрифт – как и везде, MyriadPro.

15. Заглядывайте иногда в урок для верстальщиков, и тогда вы сможете избежать множества ошибок.

Удачной вёрстки!
:двавверх:
 
Статус
Закрыто для дальнейших ответов.
Верх