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

Тема в разделе "Журнал сайта «Simsation»", создана пользователем JaNat, 1 сен 2012.

  1. JaNat
    JaNat

    InDesign




    Администратор
    Сообщения:
    11.849
    Дата: 1 сен 2012 | Сообщение #1
    Одна из самых главных задач для каждого выпуска – собрать воедино иллюстрации и статью по определенной рубрике. Для начала, выделим несколько пунктов, которые вы четко должны представлять перед собой.

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

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

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

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

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

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

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

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

    [​IMG] [​IMG]


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


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

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

    [​IMG]


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

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

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

    [​IMG]


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

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

    [​IMG]


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

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

    [​IMG]


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

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

    Удачной вам верстки!
     
    Re-L, sovenochenka, GuruSam и ещё 1-му нравится это.
  2. Askanova
    Askanova

    Проверенный
    Сообщения:
    911
    Дата: 9 сен 2014 | Сообщение #2
    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. Заглядывайте иногда в урок для верстальщиков, и тогда вы сможете избежать множества ошибок.

    Удачной вёрстки!
    :двавверх:
     
    Re-L, sovenochenka, Фиалин и 2 другим нравится это.