Правила оформления текстов на сайтах. Название статьи любезно позаимствовано с сайта http://www.artlebedev.ru/kovodstvo/business-lynch/2007/08/29/
Искусство создания (написания) букв шлифовалось на протяжении многотысячелетней истории человечества. Специалисты досконально изучили эту тему и написали горы книжек о том, как правильно складывать буквы в слова, слова в строчки, строчки в абзацы, абзацы в параграфы, в общем, как надо верстать текст, чтоб он выглядел красиво, а значит и читабельно.
Так почему же личности, с грехом пополам помнящие правила правописания, диктуют дизайнерам как правильно верстать, а иногда и писать тексты. То, что людям дают компьютеры, совсем не освобождает их от обязанности знать правила русского языка. И легкость, с какой теперь можно набрать текст в текстовом редакторе, не дает права безобразно верстать тексты.
Вёрстка
Текст в строке можно выравнивать:
|
по левому краю строки, когда неровным оказывается правый край (выключка влево); |
|
по правому краю строки, когда неровным становится левый край (выключка вправо); |
|
по центру, когда оба края становятся не ровными, |
|
и по всей ширине страницы также выравнивается текст, когда строки выровнены как по левому краю, так и по правому (полная выключка). |
В книгах текст размещают по всей ширине строки. Таким образом, страница с текстом выглядит очень элегантно: и справа и слева — ровные поля. Чтобы достичь таких впечатляющих результатов, верстальщикам приходится скурпулезно «вылизывать» каждую строчку:
- чтоб, не дай Бог, перенос не стоял в двух строках подряд,
- чтоб предлоги сиротливо не болтались в конце строки
- и пр., и др.
В этом им помогают специальные программы верстки, но, несмотря на это, многие моменты нужно доводить до ума вручную.
В отличие от книг, окна браузера не имеют фиксированной ширины. У каждого пользователя свой любимый размер монитора и окна браузера, поэтому бесполезно выуживать предлоги и выставлять переносы. К тому же, браузеры — не чета программам верстки и не умеют переносить слова, а тексты выравнивают по ширине строки, нещадно плюя на все выпестованные веками правила межбуквенных расстояний и пробелов между словами. Это совсем не делает текст привлекательным и тем более не повышает его читабельности.
Наиболее безболезненный выход из этой ситуации — выравнивание текста по левому краю. Мы читаем слева направо, значит, нам проще найти начало новой строки, а одинаковые расстояния между словами не «царапают» наш взгляд и не отвлекают от чтения.
Вывод: если вы не знаете что такое «кернинг» и «трекинг» то не говорите дизайнерам о выравнивании текста по всей ширине страницы.
Русский язык курит
К сожалению, я не знаю кто русифицировал компьютерные клавиатуры и поставил вместо кавычек-«ёлочек» кавычки-“лапки”, и теперь сотни таких же безграмотных пользователей используют их в своих текстах, заодно расставляя дефисы вместо тире и минусов.
Мне повезло в жизни работать с редактором, получившим классическое образование в лучшем смысле этого слова. Когда я верстала газетку, он меня буквально изводил этими «лапками». Теперь я понимаю историческое значение этих уроков и умоляю вас: используйте, пожалуйста, типографы при размещении текстов на сайтах. В противном случае (в очень противном), русскому языку придет конец, и нам придется вернуться на дерево.
Никто не любит читать
Видимо, разгадка кроется в человеческой анатомии — никто не любит читать. Особенно, очень длинные тексты в очень толстых книжках (кстати, кто написал «Анну Каренину»?) С экрана такие тексты читать хочется еще меньше. То, что страницы на сайтах могут быть бесконечно длинными, не означает, что на них есть раздолье графоманам.
Никто не запрещает вам разместить исчерпывающую информацию о своей компании, но надо усвоить несколько простых правил написания текстов для Интернета.
Разбивайте текст на абзацы. Визуально текст будет казаться легче, а значит и прочитается быстрее.
Абзацы объединяйте подзаголовками. Читатель пробежится взглядом по заголовкам и поймет, стоит ли ему это читать, и узнает что ему надо.
Давайте текстам заголовки, объясняющие суть текста. Пусть они будут слегка длинноваты, но зато дадут читателю ясное представление о чем именно текст. Заголовок статьи о фенах должен называться «О фенах» а не «Как уложить женщину». Нажав на ссылку и томясь в ожидании загрузки страницы, пользователь горько разочаруется, получив ненужную информацию, навлекая, тем самым, проклятия и порчу кармы вам и вашим потомкам.
Если вы будете выравнивать текст по левому краю, писать грамотные тексты и снабжать их вменяемыми заголовками — никто и никогда не скажет про ваш сайт, что его верстал мудак.
Метки: верстка, грамматика, дизайн, новости, сайты, слоган, создание сайтов, тексты, типографика, юзабилити
на клавиатуре нет кавычек-лапок. есть только дюймы — "
Классный сайт много всего тут интересного и позновательного.
Да,вот так вот по мелочам и забывается русский язык.Грустно всё это :(
Gonobobel,
[cite]Классный сайт много всего тут интересного и позновательного.[/cite]
опять боты?
русский язык сымый богатый
Уважаемы Автор, у меня есть к вам просьба, что вы посоветуете прочитать из обучающей литературы по верстке текста?
я двоечник!!! по этим категориям.
[cite]что вы посоветуете прочитать по верстке текста?[/cite]
Прочитайте хотя бы "Настольную книгу газетного дизайнера" Тима Харроуэра — быстро и сердито http://www.mirknig.com/2006/02/19/tim_kharroujer_nastolnaja_kniga_gazetnogo_dizajjnera.html
Да, спасибо создателю.Все написано довольно кратко, но вполне понятно.
dmp,
[cite]опять боты?[/cite]
Да, это боты. Странно, что вы не удалили эти комментарии. На всякий случай, здесь есть постоянно пополняемый список сайтов, которые рекламируются спамом в блогах (уже почти 6000 доменов): http://parasite-eliminator.ru/updates/update.txt
Да уж.. говорить о культуре русского языка в статье с заголоком "Так верстают только [u]мудаки[/u]".. это нечто!
Дмитрий,
Это цитата http://lurkmore.ru/%D0%A2%D0%B0%D0%BA_%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%B0%D1%8E%D1%82_%D1%82%D0%BE%D0%BB%D1%8C%D0%BA%D0%BE_%D0%BC%D1%83%D0%B4%D0%B0%D0%BA%D0%B8
Подскажите, пожалуйста, ка называть людей, которые с трудом закончили 3 класса церковно-приходской школы, не умеют писать грамотные тексты, не знают элементарных правил вёрстки и типографики и заставляют нас смотреть на свои ужасные сайты? Это преступление против человечества.
Egor,
[cite]на клавиатуре нет кавычек-лапок. есть только дюймы — "[/cite]
даже не так: есть только двойные программистские кавычки.
легко проверить: в крупном кегле не имеют ничего общего.
Спасибо за статью — в ней прописные истины, которые должен знать каждый верстальщик :)
И [i]отдельное[/i] спасибо за отлично набранный текст: и межстрочное расстояние, и расстояние между абзацами, и заголовки — просто прелесть. Получила удовольствие от чтения.
Egor,
На сайте http://ilyabirman.ru/ есть раскладка с кавычками-«ёлочками»!
Подскажите пожалуйста, применимы ли правила верстки для Интернета для электронных книг (pdf) которые чаще читаются на мониторе ПК?
Или в них лучше применять правила верстки для печатных книг (перебирать каждый абзац, выравнивать по ширине)?
Пожалуйста! Лучше всего выравнивать тексты по левому краю (мы читаем слева -направо), а не по всей ширине страницы.