Лучшие шрифты для заголовков: 12 лучших шрифтов для заголовков и названий

Как получить список всех заголовков в документе word с помощью VBA?

Мне интересно, как я могу изменить шрифт (+ цвет и некоторый стиль шрифта) для всего документа word (исключая заголовки страниц, если это возможно) с помощью C# ? Если вы знаете какие-либо…

Я пытаюсь перенести схему в Microsoft Word 2010 в электронную таблицу в Microsoft Excel 2010 . Я использую DocumentFormat.OpenXml.Packing и Documentformat.OpenXml.Wordprocessing Я получаю тело…

Мне нужно внести некоторые изменения в форматирование документа word. Для чего мне нужно выбрать все изображения в документе. Может ли кто-нибудь предоставить мне макрос/опцию просто для выбора всех…

Мне нужно написать макрос VBA Word, который будет выполнять поиск и замену, чтобы изменить все вхождения текста в одном шрифте на другой шрифт. Код, который у меня есть (перечислен ниже), делает…

У меня есть скрипт, в котором я заменяю закладку в документе word текстом из xml. Я жестко закодировал несколько слов в документ word с помощью свойств закладки. Я пытаюсь превратить шрифт строк,…

Я пытаюсь выяснить, существует ли в документе word что-либо, имеющее шрифт 2. Однако я не смог этого сделать. Для начала я попытался прочитать шрифт каждого слова в образце документа word, который…

Я пытаюсь сделать макрос MS-word для увеличения всех чисел в документе word, которые находятся в скобках, например, исходные числа [1] [2] [3] [4] , после увеличения всех чисел на 10 вышеуказанные…

Я работаю над слайдом Powerpoint, где перечислены несколько текстов. Я должен искать эти тексты в документе Word, который имеет много заголовков и текстов. После того как я найду текст заголовка,…

Я пытаюсь удалить границу всех таблиц в моем документе word. Я мог бы подумать о возможном коде ниже, кажется, правильно. Но это не работает. Есть идеи, почему? foreach (Word.Table wordTable in…

Основы оформления газеты

Николай Дубина [email protected]

Шрифтовое оформление заголовков

Прописные и строчные шрифты

Выбор шрифтовых гарнитур

Сложные приемы оформления заголовков

Цвет в заголовке

Некоторые ошибки в оформлении заголовков

Процесс оформления заголовка

Иллюстрации в газете

Виды иллюстраций

Форма и размер иллюстраций

Особенности иллюстрирования газет разных типов

Газетные заголовки. Их виды и оформление

Шрифтовое оформление заголовков

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

Чем важнее статья или заметка, тем более крупный шрифт используют для набора заголовка. Между объемом газетных материалов и кеглем шрифтов заголовков существует прямая зависимость: чем больше объем статьи, тем крупнее заголовок. Верстальщику приходится учитывать и то, как разверстана статья: чем больше текстовых колонок она занимает, тем крупнее должен кегль шрифта быть для ее заголовка.

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

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

Шапку над полосой оформляют шрифтами размером 28, 32, 36, 42 и даже 48 пт. Иногда при публикации особо важных сообщений в газетах большого формата для набора «шапок» используют еще более крупные шрифты — 60 и 72 пт. В малоформатных газетах титульные шрифты больше 48 пт обычно не применяются.

Если шапка над полосой состоит не из одной, а из нескольких строк, то для ее оформления можно применить шрифт одной гарнитуры, но разных кеглей. Например, важнейшую по значению строку набирают шрифтом 48 пт, а остальные — более мелким — 36 пт.

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

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

При оформлении заголовков различных уровней на полосе важно выдержать правильное соотношение между их шрифтами. Подзаголовки набирают более мелкими шрифтами, чем основные заголовки. Тематический подзаголовок, стоящий под основным заголовком, обычно оформляют шрифтом на две ступени меньше шрифта заголовка. Так, если заголовок набран шрифтом 28 пт, то для подзаголовка берут шрифт 20 пт. Эта рекомендация относится и к оформлению подшапок, стоящих над подборками или на целой полосе. Такая контрастность в размерах шрифтов заголовка и подзаголовка препятствует их смысловому объединению при чтении — взгляд читателя направлен прежде всего на основной заголовок.

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

Для рубрик применяют мелкие шрифты — кеглей 10, 12, а на полосе большого формата, над важным разделом газеты или над крупной статьей — 16 и даже 20 пт. Рубрику над тематической подборкой, иногда играющую роль своеобразной шапки, набирают и более крупным шрифтом.

Оформляя заголовки, следует учитывать и начертания шрифтов — различия между ними по насыщенности, ширине и наклону. Заголовки главных материалов газетной страницы почти всегда набирают «черными» (жирными и полужирными) начертаниями шрифтов. Однако если мы наберем подобным образом все заголовки на странице, это приведет к ослаблению их воздействия на глаз читателя — выделить какой­либо из них будет весьма затруднительно. Еще хуже будет результат, если все заголовки оформить светлыми шрифтами: полоса будет смотреться однотонно серой и на ней вообще трудно будет заметить какой­либо заголовок. Поэтому целесообразно чередовать заголовки, набранные шрифтами различных начертаний. Если, например, заголовок какой­либо статьи набран полужирным шрифтом, то заголовки соседних заметок целесообразно оформить шрифтами светлого начертания; если шапка над полосой набрана курсивным полужирным шрифтом, то заголовок стоящей под нею статьи лучше набрать прямым светлым.

Таким же образом подбирают шрифты для заголовков, подзаголовков и рубрик: полужирное начертание противопоставляют светлому, прямое — курсивному, нормальное — узкому. Если заголовок набран прямым полужирным шрифтом, то для подзаголовка нередко выбирают светлое начертание — прямое или курсивное. Рубрика над таким заголовком будет восприниматься легче, если ее также наберут шрифтом контрастного начертания, например светлым курсивом, и подчеркнут тонкой линейкой.

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

Прописные и строчные шрифты

Контрастность соседних заголовков можно в некоторой степени усилить и за счет использования прописных и строчных шрифтов: например, набрать заголовок полужирным прописным, а подзаголовок — светлым строчным.

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

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

Пример:

Неправильно: ПАВЕЛ КОЛОБКОВ: ЕСТЬ ПЕРВОЕ РУССКОЕ ЗОЛОТО ЛЕЙПЦИГА

Правильно: Павел Колобков: есть первое русское золото Лейпцига

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

Выбор шрифтовых гарнитур

Шрифтовое оформление заголовка начинается с выбора шрифтовой гарнитуры. Она определяет степень выделения заголовка на газетной полосе, гармоничность сочетания его с другими заголовками и иные качества.

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

Самые общие рекомендации в этой области все­таки дать можно. Для человека, который имеет дело с полиграфической продукцией (верстает ли он газету или журнал или лишь читает их), каждый шрифт отличается не только большей или меньшей удобочитаемостью, он имеет также свое лицо, оказывает определенное психологическое воздействие. Недаром о шрифтах говорят: «тяжелый», «мрачный», «легкий», «веселый», «жизнерадостный» и т.п., употребляя эмоциональные характеристики. Восприятие шрифта зависит от его начертания (большей или меньшей насыщенности, ширины и т.д.) и от его рисунка.

Как же добиться гармонии шрифтов и сколько шрифтовых гарнитур для этого использовать? Можно выделить нескольких основных стилей оформления заголовков в современной периодической печати. Эти стили различаются в основном количеством шрифтовых гарнитур, применяемых для набора заголовков.

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

Распространение многогарнитурного стиля оформления заголовков имеет несколько причин. С одной стороны, оно связано с национальными традициями оформления русских газет; с другой — обусловлено некоторыми особенностями их содержания. Дело в том, что для российской периодической прессы всегда были характерны относительно большие материалы — статьи, обзоры, очерки
и т.д. Средний объем публикуемых в отечественных газетах материалов намного превышает объем заметок и сообщений, помещаемых в зарубежных периодических изданиях. В таких условиях использование для оформления газетных заголовков различных шрифтовых гарнитур становится дополнительным средством, помогающим избежать однообразия в подаче крупных текстовых блоков. Однако во всем должно присутствовать чувство меры. В некоторых газетах, особенно в местных, количество шрифтовых гарнитур зачастую равно количеству набранных в ней заголовков, и тогда газетная страница превращается в своеобразную витрину шрифтов, имеющихся в запасе у верстальщика. Пестрота заголовочных шрифтов не только не способствует, а скорее препятствует выделению основных заголовков.

В последние годы в наших газетах отмечается тенденция к сокращению количества шрифтовых гарнитур, применяемых для оформления заголовков, до двух­трех. Тот же процесс наблюдается и в зарубежной прессе. Это вовсе не ведет к обеднению, однообразию заголовков. Даже с помощью двух гарнитур, за счет использования различных начертаний шрифтов, варьирования их кеглей, а также сочетания набора прописными и строчными литерами, иногда удается достичь разнообразного, но простого, ясного и гармоничного оформления заголовков.

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

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

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

Сложные приемы оформления заголовков

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

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

Пример:

БАНДИТСКИЙ БЕЛГОРОД.

Врагам губернатора отрубают руки

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

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

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

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

Цвет в заголовке

Цвет — сильное средство выделения заголовка газетного материала. Поскольку цветные заголовки обладают, по сравнению с черными, гораздо большей выделительной силой, применение их в газете требует чувства меры и хорошего вкуса. Ошибку совершают те верстальщики, которые, получив в свое распоряжение дополнительный цвет, стремятся применить его для печатания чуть ли не всех заголовков. Это приводит не только к пестроте полос, но и к тому, что основные материалы не получают достаточного выделения и теряются на полосе.

Для газетных заголовков можно взять любую дополнительную краску. Предпочтение следует отдать прежде всего красному, затем зеленому цвету, а также  светлым оттенкам синего цвета. Вряд ли целесообразно применять темные цвета, мало отличающиеся от черного. Так, заголовки, напечатанные темно­синим цветом, почти не выделяются среди обычных черных заголовков.

Для успешного оформления цветных заголовков немалое значение имеет подбор титульных шрифтов. Опыт показывает, что такие заголовки лучше набирать прописными литерами полужирного или жирного начертания. Это обеспечит более яркий, интенсивный цветовой тон.

Некоторые ошибки в оформлении заголовков

Несмотря на различия между газетами, при выборе и оформлении их заголовков часто допускаются одни и те же типичные ошибки. Одна из них — повторы в заголовках. Нередко в одном и том же номере, не говоря уже о нескольких номерах одной газеты, встречаются заголовки, повторяющиеся почти дословно. Еще чаще на полосах появляются заголовки с повтором одного или нескольких слов.

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

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

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

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

Двусмысленные сочетания могут возникать и в результате слияния заголовка, подзаголовка или рубрики и заголовка стоящего под ним материала, которые иногда также читаются как одно предложение. Не меньшего внимания требует и постановка заголовка рядом с иллюстрацией — фотоснимком, карикатурой и др., поскольку может возникнуть их неудачное сочетание.

Процесс оформления заголовка

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

Иллюстрационное оформление газеты

Иллюстрации в газете

Иллюстрация выполняет в газете  различные функции. Часто она лишь сопровождает, иллюстрирует текстовой материал — корреспонденцию, статью, хронику (отсюда ведет свое происхождение и сам термин: лат. illustrarе — прояснять) — и неразрывно связана с текстом.

Все большее значение, однако, получает самостоятельная иллюстрация, представляющая особый вид газетного материала, который сообщает о событии так же, как и полноценный текстовой материал. Благодаря своей наглядности такая иллюстрация обладает особой силой воздействия на читателей. Вместе с тем иллюстрация украшает газетную страницу.

Особенностями воздействия газетной иллюстрации на читателей объясняется тот факт, что постепенно она занимает все более важное место в номере. Растет количество иллюстраций на полосах, становится все более разнообразной их форма, все более ответственны задачи, которые они выполняют.

Это не значит, разумеется, что газета может постепенно превратиться в подобие иллюстрированного журнала. Текстовые материалы, несущие главную нагрузку, являются основой любой газеты, каждого ее номера. Из этого следует исходить, определяя оптимальную площадь, занимаемую иллюстрациями в газетном номере. Естественно, эта площадь может при необходимости изменяться от номера к номеру и зависит от объема газеты (ее формата, количества полос) и от ее типа. В развлекательных газетах иллюстрации должны занимать большую площадь, чем в информационных изданиях, что определяется возрастными и психологическими особенностями читателей.

Исходя из опыта оформления, накопленного советской и современной зарубежной прессой, в четырехполосной газете иллюстрации должны занимать примерно 15­20% всей площади номера. В специальных номерах (праздничных, юбилейных или тематических) занимаемая иллюстрациями площадь может быть больше.

Виды иллюстраций

Все газетные иллюстрации в зависимости от характера их оригиналов разделяются на две группы: фотографические и нефотографические.

Фотографии — это репортажные снимки, фотопортреты, фотомонтажи и фотоплакаты, фотоочерки, фотоэтюды и пейзажи, репродукции и т.д. Рассмотрим требования к различным видам фотографических иллюстираций.

Репортажный снимок должен выглядеть естественным. Плохая «инсценировка» приводит к фальши: читатель сейчас же почувствует неестественность и неправдивость показанного.

Фотопортрет может быть индивидуальным или групповым. Важно, чтобы фотопортрет не был мелким и не искажал внешность изображенных на нем людей. Иногда в газете применяются смонтированные групповые портреты: из нескольких индивидуальных портретов составляют групповой портрет, помещая его на каком­либо фоне. Сложность такого монтажного группового портрета заключается  прежде всего в том, что имеющиеся в редакции индивидуальные портреты надо привести к одному масштабу. При создании группового портрета средствами монтажа, нужно иметь в виду одинаковое освещение:  тени должны падать в одну сторону.

Фотомонтаж в наиболее сложном виде при мастерском его выполнении может стать произведением подлинного искусства: он дает художественный образ, получает символическое звучание или становится средством сатиры, раскрывает значение важных политических событий, смысл серьезных общественных явлений.

Монтаж нескольких фотоснимков может стать основой фотоплаката, который обычно помещают в специальных номерах газеты — праздничных, новогодних и т.п. Иногда в плакате совмещают фотографии и рисунок.

Одним из сложнейших видов газетной иллюстрации является фотоочерк, представляющий собой несколько посвященных одной теме фотоснимков, иногда объединенных с текстом. Он дает широкие возможности для раскрытия темы, для освещения какого­либо факта или события с разных сторон. Сегодня в печати используются разные виды фотоочерка, от простой тематической фотоподборки (нескольких снимков, скомпонованных под соответствующей рубрикой в одном месте газетного номера) до сложного, так называемого сквозного, фотоочерка, когда фотоснимки разбросаны по разным страницам номера и как бы проходят через него.

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

Этюд и пейзаж являются хорошим средством освещения различных знаменательных событий. В качестве иллюстраций можно использовать и фоторе­продукции — с картин отечественных и зарубежных художников, с документов, плакатов и т.д.

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

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

Популярнейший вид рисованной иллюстрации — карикатура. Карикатура — острое и действенное средство. Как тут не вспомнить художников Алексея Меринова («Московский комсомолец») или Андрея Бильжо («Коммерсант­Daily»), карикатуры которых настолько узнаваемы, что их можно выделить в самостоятельный жанр.

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

Хотя шарж внешне имеет много общего с карикатурой (при его выполнении также пользуются методом гиперболизации какой­либо черты изображаемого лица), но принципиально отличается от нее. Карикатура — оружие сатиры, направленное против отрицательных явлений действительности; шарж же относится к области юмора, его задача — показать положительных героев, людей, пользующихся общественным признанием и уважением. Не случайно шарж называется дружеским: он должен вызвать доброжелательную улыбку. Поэтому в шарже не допускаются грубые искажения внешних данных героя, должно сохраняться портретное сходство с ним.

Диаграмма часто сопровождает газетный текст — статьи, обозрения на экономические темы, сообщения о планах развития и т.п., облегчая понимание важнейших цифровых данных.

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

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

Обозначения тех или иных деталей механизма могут быть даны в двух вариантах: либо в виде цифр, которые расшифровываются в наборной подписи под чертежом, либо в виде надписей названий деталей на самом чертеже. Если чертеж несложный, не имеет много надписей, то названия деталей лучше давать на самом чертеже; если же обозначений много, то лучше применять цифровые надписи.

Форма и размер иллюстраций

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

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

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

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

Особенности иллюстрирования газет разных типов

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

Большое значение для иллюстрирования газеты имеет ее объем — число полос и, в частности, формат. При малом формате газеты неизбежно уменьшение количества публикуемых в ней иллюстраций. Да и размер этих иллюстраций меньше, чем в крупноформатных изданиях. Малый формат полосы заставляет ограничивать публикацию фотоочерков, монтажей, то есть тех иллюстраций, для которых требуется значительная площадь.

КомпьюАрт 2’2006

Веб-шрифты — Изучение веб-разработки | MDN

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

Как мы рассматривали в Фундаментальной стилизации текста и шрифта, шрифты применённые к вашему HTML могут контролироваться при помощи свойства font-family. Оно принимает одно и более имён семейств шрифтов и браузер следует по списку пока не найдёт тот шрифт, который является доступным в системе, под управлением которой он работает:

p {
  font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
}

Эта система работает хорошо, но традиционно выбор шрифтов веб-разработчиков была ограниченной. Существует только горсть шрифтов которые вы можете гарантировать, что они являются доступными во всех распространённых системах — так называемые Безопасные веб-шрифты. Вы можете использовать стек шрифта для указания предпочтительных шрифтов, за которыми следует веб-безопасные альтернативы, за которыми следует системный шрифт по умолчанию, но это добавляет дополнительной работы с точки зрения тестирования, чтобы убедиться, что ваш дизайн выглядит хорошо с каждым из шрифтов и т. д.

Но есть альтернатива, которая работает очень хорошо начиная с 6-ой версии IE. Веб-шрифты — это функция CSS позволяющая вам указывать файлы шрифтов, загружаемые вместе с вашим веб-сайтом по мере доступа к нему, это означает, что любой браузер, поддерживающий веб-шрифты, может иметь в своём распоряжении именно те шрифты, которые вы укажете. Замечательно! Требуемый синтаксис выглядит примерно так:

Во-первых, у вас есть блок @font-face в начале CSS, который указывает файл(-ы) шрифтов для загрузки:

@font-face {
  font-family: "myFont";
  src: url("myFont.woff");
}

Ниже вы можете использовать имя семейства шрифтов, указанное внутри @font-face, чтобы применить свой собственный шрифт ко всему, что вам нравится, как обычно:

html {
  font-family: "myFont", "Bitstream Vera Serif", serif;
}

Синтаксис становится немного сложнее, чем этот; мы вдадимся в подробности ниже.

Есть две важные вещи, которые нужно иметь в виду о веб-шрифтах:

1. Браузеры поддерживают разные форматы шрифтов, поэтому вам будут нужны несколько форматов шрифтов для приличной кросс-браузерной поддержки. Например, большинство современных браузеров поддерживают WOFF/WOFF2 (Web Open Font Format versions 1 and 2), наиболее эффективный формат, но старые версии IE поддерживают только шрифты EOT (Embedded Open Type) и вам возможно понадобиться включать версию SVG шрифта для поддержки старых версий браузеров iPhone и Android. Ниже мы покажем вам как генерировать требуемый код.
2. В основном шрифты не бесплатны для использования. Вы должны платить за них и/или соблюдать другие условия лицензии такие как указание создателя шрифта в коде (или на вашем сайте). Вы не должны красть шрифты и использовать их без должного указания авторства.

Обратите внимание: Веб-шрифты как технология поддерживается в Internet Explorer начиная с 4 версии!

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

Вы должны использовать файлы web-font-start.html и web-font-start.css как отправную точку добавляя в них ваш код (см. живой пример). Сейчас сделайте копию этих файлов в новой директории на вашем компьютере. В файле web-font-start.css вы найдёте некоторый минимальный CSS для работы с базовым макетом и вёрсткой примера.

Поиск шрифтов

В этом примере мы будем использовать два веб-шрифта, один для заголовков, и другой для основного текста. Для того чтобы начать нам необходимо найти файлы шрифтов, которые содержат эти шрифты. Шрифты созданы шрифтовыми «цехами» и хранятся в разных форматах фалов. Как правило существует три типа сайтов, где вы можете получить шрифты:

• Бесплатный дистрибьютер шрифтов: это сайт, который предоставляет бесплатные шрифты для скачивания (могут существовать некоторые условия лицензии, например, указание создателя шрифта). Примеры включают Font Squirrel, dafont, и Everything Fonts.
• Платный дистрибьютер шрифтов: это сайт, который предоставляет шрифты за плату, например fonts.com или myfonts.com. Также вы можете купить шрифты напрямую у производителя шрифтов, например Linotype, Monotype, или Exljbris.
• Сервис онлайн шрифтов: это сайт, который предоставляет вам шрифты, делая весь процесс проще. Смотрите раздел Использование онлайн-сервиса шрифтов для более подробной информации.

Давайте найдём какие-нибудь шрифты! Отправляйтесь на Font Squirrel и выберите два шрифта — симпатичный интересный шрифт для заголовков (может быть симпатично выглядящий или шрифт с засечками) и немного менее кричащий и более читабельный шрифт для параграфов. Когда вы найдёте каждый шрифт, нажмите на кнопку загрузки и сохраните файлы в той же директории, где ранее вы сохранили файлы HTML и CSS. Не имеет значения являются ли они TTF (True Type Fonts) или OTF (Open Type Fonts).

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

Обратите внимание: В разделе «Find fonts» в колонке справа, вы можете кликать по различным тегам и классификациям чтобы отфильтровать отображаемые варианты для выбора.

Генерация требуемого кода

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

1. Убедитесь, что вы выполнили все лицензионные требования если вы собираетесь использовать это в коммерческих и/или веб проектах.
2. Перейдите на Fontsquirrel Webfont Generator.
3. Выгрузите два ваших файла шрифтов используя кнопку Upload Fonts.
4. Поставьте галочку отмеченную «Yes, the fonts I’m uploading are legally eligible for web embedding».
5. Кликните по Download your kit.

После того как генератор закончит обработку, вы должны получить ZIP файл к загрузке — сохраните его в той же директории что и ваши HTML и CSS.

Реализация кода в вашем демо

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

• несколько версий каждого шрифта (например .ttf, .woff, .woff2 и т.д.; предоставленные шрифты будут обновляться со временем по мере изменения требований поддержки браузера). Как упомянуто выше, несколько шрифтов нужны для кросс-браузерной поддержки — это метод Fontsquirrel быть уверенными что вы получили всё что вам надо.
• Демо файл HTML для каждого шрифта — загрузите их в ваш браузер чтобы посмотреть, как будет выглядеть шрифт в разных контекстах использования.
• Файл stylesheet.css, который содержит сгенерированный @font-face код который вам нужен.

Для внедрения их в ваше демо следуйте следующим шагам:

1. Переименуйте распакованную папку на что-нибудь лёгкое и простое, например fonts.
2. Откройте файл stylesheet.css и скопируйте содержимое обоих @font-face блоков в ваш файл web-font-start.css — вам надо вставить их в самый верх, до любого вашего CSS, так как шрифты должны быть импортированы до того, как вы сможете использовать их на вашем сайте.
3. Каждый из функций url() указывает на файл шрифта который мы хотим импортировать в наш CSS — мы должны убедиться в том, что пути к файлам верные, поэтому добавьте fonts/ в начало каждого пути (настройте так как необходимо).
4. Теперь вы можете использовать эти шрифты в ваших стеках шрифтов, как и любой веб-безопасный или по умолчанию системный шрифт. Например:

font-family: 'zantrokeregular', serif;

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

Онлайн-сервисы шрифтов обычно хранят и обслуживают шрифты для вас, поэтому вам не надо переживать о написании @font-face кода и обычно необходимо просто вставить строчку или две простого кода в ваш сайт для того чтобы все работало. Примеры включают Adobe Fonts и Cloud.typography. Большинство из этих услуг на основе подписки, за исключением Google Fonts, полезный бесплатный сервис, особенно для быстрого тестирования работы и написания демо.

Большинство из этих сервисов легки в использовании, поэтому мы не будем освещать их в деталях. Давайте кратко рассмотрим Google fonts, чтобы вы понимали идею. И снова, используйте копии web-font-start.html и web-font-start.css в качестве отправной точки.

1. Отправляйтесь на Google Fonts.
2. Используйте фильтры с правой стороны чтобы отобразить типы шрифтов, которые вы хотите выбрать и выберите пару шрифтов, которые вам понравятся.
3. Для выбора семейства шрифтов нажмите на кнопку ⊕ рядом с ним.
4. Когда вы выбрали семейства шрифтов, нажмите на панель [Number] Families Selected в низу страницы.
5. На полученном экране, сначала вам надо скопировать строку показанного HTML кода и вставить её в head вашего HTML файла. Вставьте его выше существующего <link> элемента для того, чтоб шрифт импортировался до того, как вы начнёте пользоваться им в вашем CSS.
6. Далее вам надо скопировать CSS-объявления, перечисленные в вашем CSS, чтобы применить пользовательские шрифты к вашему HTML.

Обратите внимание: вы можете найти законченные версии google-font.html и google-font.css, если вам необходимо сверить вашу работу с нашей (см. live).

Давайте исследуем тот @font-face синтаксис, который fontsquirrel сгенерировал для вас. Это то, как выглядит один из этих блоков:

@font-face {
  font-family: 'ciclefina';
  src: url('fonts/cicle_fina-webfont.eot');
  src: url('fonts/cicle_fina-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cicle_fina-webfont.woff2') format('woff2'),
         url('fonts/cicle_fina-webfont.woff') format('woff'),
         url('fonts/cicle_fina-webfont.ttf') format('truetype'),
         url('fonts/cicle_fina-webfont.svg#ciclefina') format('svg');
  font-weight: normal;
  font-style: normal;
}

Это называется «пуленепробиваемым @font-face синтаксисом», после публикации Пола Айриша (Paul Irish), с самого начала, когда @font-face начал получать популярность (Bulletproof @font-face Syntax). Давайте пройдёмся по нему, чтобы посмотреть, что он делает:

• font-family: В этой строке указывается имя, которое вы хотите использовать для обозначения шрифта. Вы можете указать его как угодно, если вы используете его последовательно в вашем CSS.
• src: В этой строке указывается путь к файлам шрифтов которые будут импортированы в ваш CSS (url путь) и формат каждого файла шрифта (format часть). Последняя часть в каждом случае опциональна, но полезно объявлять его, потому что это позволяет браузерам быстрее находить шрифт, который они могут использовать. Могут быть перечислены несколько объявлений, разделённых запятыми — браузер будет искать среди них и использовать первый который найдёт и тот который он понимает — поэтому лучше всего ставить новые, лучшие форматы такие как WOFF2 в начало, а старые, не такие хорошие форматы как TTF в конец. Единственное исключение это EOT шрифты — они размещены первыми чтобы исправить пару багов в старых версиях IE который постарается использовать первую вещь, которую найдёт, даже если он не умеет использовать этот шрифт.
• font-weight/font-style: В этих строках указывается какую толщину имеет шрифт и является ли он курсивом или нет. Если вы импортируете несколько значений толщины одного и того же шрифта вы можете указать какая у них толщина/стиль и затем использовать разные значения font-weight/font-style для выбора между ними, вместо того, чтобы называть всех разных членов семейства шрифтов разными именами. @font-face совет: установите font-weight и font-style так чтобы ваш CSS был простым от Роджера Джонсона (Roger Johansson) покажет, что делать более детально.

Обратите внимание: вы также можете указать определённые значения font-variant (en-US) и font-stretch (en-US) для ваших веб-шрифтов. В новых браузерах вы также можете указать значение unicode-range (en-US), который является конкретным диапазоном символов, которые вы хотите использовать из веб-шрифта — в поддерживающих браузерах, будут загружены только указанные символы, сохраняя от ненужной загрузки. Creating Custom Font Stacks with Unicode-Range от Drew McLellan предоставляет некоторые полезные идеи того как это использовать

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

Вы достигли конца этой статьи и уже испытали некоторые навыки в наших разделах активного изучения, но сможете ли вы вспомнить самую важную информацию продвигаясь дальше? Вы можете найти задание для проверки того что вы усвоили информацию к конце модуля — см. Задание: стилизация школьного сайта.

Теперь, когда вы ознакомились с нашими статьями об основах стилизации текста, пришло время проверить ваше понимание нашей оценкой модуля «Задание: стилизация школьного сайта».

Памятка по созданию презентации | Мурманская академия экономики и управления

Электронная презентация –  электронный документ, представляющий набор слайдов, предназначенный для демонстрации проделанной работы. Целью любой презентации является визуальное представление замысла автора, максимально удобное для восприятия.

Задачи презентации:

• привлечение внимания аудитории;
• предоставление необходимой информации, достаточной для восприятия результатов проделанной работы без пояснений;
• предоставление информации в максимально комфортном виде;
• акцентирование внимания на наиболее существенных информационных разделах.

Требования к оформлению слайдов

Титульный слайд

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

Необходимо учесть, что наиболее контрастный текст – черный на желтом.

Общие требования

Средний расчет времени, необходимого на презентацию ведется исходя из количества слайдов. Обычно на один слайд необходимо не более одной-двух минут.

Необходимо использовать максимальное пространство экрана (слайда) – например, растянув рисунки. По возможности используйте верхние 3/4 площади экрана (слайда), т.к. с последних рядов нижняя часть экрана обычно не видна.

Дизайн должен быть простым и лаконичным.

Каждый слайд должен иметь заголовок.

Слайды могут быть пронумерованы с указанием общего количества слайдов в презентации.

Завершать презентацию следует кратким резюме, содержащим ее основные положения, важные данные, прозвучавшие в докладе, и т.д.

Оформление заголовков

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

Все заголовки должны быть выполнены в едином стиле (цвет, шрифт, размер, начертание).

Текст слайда для заголовков должен быть размером 24–36 пунктов.

Точку в конце заголовков не ставить. А между предложениями ставить.

Не писать длинные заголовки.

Выбор шрифтов

Для оформления презентации следует использовать стандартные, широко распространенные пропорциональные шрифты, такие как Arial, Tahoma, Verdana, Times New Roman, Georgia.

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

В одной презентации допускается использовать не более 2-3 различных шрифтов, хотя в большинстве случаев вполне достаточно и одного. Размер шрифта для информационного текста 18-22 пункта. Шрифт менее 16 пунктов плохо читается при проекции на экран. При создании слайда необходимо помнить о том, что резкость изображения на большом экране может быть ниже, чем на мониторе. Чрезмерно крупный размер шрифта затрудняет процесс беглого чтения. Прописные буквы воспринимаются тяжелее, чем строчные. Жирный шрифт, курсив и CAPS LOCK используйте только для выделения.

!!!Не стоит увлекаться созданием надписей с помощью объектов WordArt, что позволяют делать многие приложения пакета Microsoft Office, в том числе и PowerPoint. Такие надписи, подкупающие разработчика презентации причудливой формой, возможностью использовать разнообразные тени и объем, как правило, лишь ухудшают восприятие слайдов.

Цифры лучше воспринимаются, если они образованны прямыми линиями.

Цветовая гамма и фон

Для презентации изначально необходимо подобрать цветовую гамму: обычно это три – пять цветов, среди которых могут быть как теплые, так и холодные. Любой из этих цветов должен хорошо читаться на выбранном ранее фоне.

В выборе цветовой палитры должны быть учтены эргономические требования: значения цветов должны быть постоянны и соответствовать устойчивым ассоциациям.

Психологические моменты: основное свойство «теплых» цветов – вызывать возбуждение, они стимулируют интерес человека к внешнему миру, общению и деятельности. «Холодные» цвета вызывают торможение. Это успокаивающие и снимающие возбуждение цвета, они вносят в поведение человека рассудочность, рациональность.

При совмещении активных и пассивных цветов нужно учитывать, что активные цвета всегда воспринимаются ярче и лучше запоминаются, поэтому для достижения равновесия они должны подаваться в меньших пропорциях.

Цвета сине-голубой части хроматического круга считаются наиболее тяжелыми для восприятия. Желтый цвет выглядит, наоборот, наиболее легким и воздушным.

Назначив каждому из текстовых элементов свой цвет, например: крупным заголовкам – красный, мелким заголовкам – зеленый, подрисуночным подписям – оранжевый и т.п., нужно следовать такой схеме на всех слайдах.

 !!!«Раскрашивание» текста только из эстетических соображений, как и неудачный выбор шрифтов, могут привести к отвлечению внимания слушателей и их раздражению. Основной текст рекомендуется набирать нейтральным цветом – черным, белым или серым различных оттенков, в зависимости от яркости фона. Следует избегать использования текста, графики и фона одного цвета, со сходной насыщенностью цвета и одинаковой яркости. 

Поддерживайте высокий контраст.

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

!!!Картинки на заднем плане, полоски, клеточки – это лишняя нагрузка для глаза. Чем сложнее объект, тем больше времени требуется, чтобы его рассмотреть и понять.

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

Стиль изложения

Следует использовать минимум текста. Текст не является визуальным средством. Правда, использование текста не избежать, когда нужны поясняющие подписи к рисункам или предъявление перечня чего-либо.

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

Рекомендуется помещать на слайд только один тезис. Распространенная ошибка – это представление на слайде более чем одной мысли.

Старайтесь не использовать текст на слайде как часть вашей речи; лучше поместите туда важные тезисы и лишь один-два раза обернитесь к ним, посвятив остальное время непосредственной коммуникации с вашими слушателями.

Не переписывайте в презентацию свой доклад.

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

Текст на слайдах форматируется по ширине. Для лучшей компоновки текста на слайде целесообразно использовать функции, предлагаемые в среде Microsoft PowerPoint: интервалы, линейка и др.

Размер и цвет шрифта подбираются так, чтобы текст был хорошо виден. Подчеркивание НЕ используется, т.к. оно в документе указывает на гиперссылку. Элементы списка отделяются точкой с запятой. В конце обязательно ставится точка.

Пример:

Каталоги:

– уровень 1;

– уровень 2;

– уровень 3.

Обратите внимание, что после двоеточия все элементы списка пишутся с маленькой буквы! Если список начинается сразу, то первый элемент записывается с прописной (большой) буквы, далее – строчными (маленькими).

На схемах текст лучше форматировать по центру.

В таблицах – по усмотрению автора.

Обычный текст пишется без использования маркеров списка. Выделяйте главное в тексте другим цветом (желательно все в едином стиле).

Следует избегать эффектов анимации текста и графики, за исключением самых простых, например медленного исчезновения или возникновения полосами, хотя и они должны применяться в меру.

Использование образов и метафор, добавление рисунка, наглядно демонстрирующего основную мысль, сделает материал запоминающимся.

Рекомендуется использовать пустой слайд, чтобы сконцентрировать внимание аудитории на том, что вы говорите. Если на слайде будет какое-либо изображение, внимание будет отдано этому изображению, а не вашим словам. Поэтому пустые слайды можно вставлять перед слайдом с изображением, чтобы, сначала аудитория выслушала Вас, а потом увидела нужное изображение.

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

Использование формул

Можно оставить общую форму записи и/или результат, а отображать всю цепочку решения не надо. Большое количество формул на слайде не читается.

На слайд выносятся только самые главные формулы, графики, величины, значения.

Оформление иллюстраций

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

Изображению всегда следует придавать как можно больший размер; если это возможно, иллюстрации стоит распределить по нескольким слайдам, нежели размещать их на одном, но в уменьшенном виде. Изображение должно занимать не более 60% размера слайда. Иллюстрации должны быть подписаны. Подписи вполне допустимо располагать не над и не под изображением, а сбоку, если оно, например, имеет вертикальную ориентацию. Используйте горизонтальное направление текста. Размер шрифта для надписей – обозначений на рисунке на объектах не ниже 12 пунктов.

Требования к оформлению диаграмм

• У диаграммы должно быть название или таким названием может служить заголовок слайда
• Диаграмма должна занимать все место на слайде.
• Линии и подписи должны быть хорошо видны.

Требования к оформлению таблиц

• Название таблицы.
• Цельность восприятия.

Каким шрифтом печатают книги? — блог книжной типографии Printleto

Задача дизайнера книжной типографии состоит в том, чтобы подобрать идеальный шрифт для вашей книги. Главное правило того, что вы прогадали со стилем шрифта, — это удобство чтения. Когда вы читаете книгу, вы погружаетесь в историю, наполняетесь эмоциями автора, познаете новую информацию, и последнее, что вы должны замечать — как выглядит шрифт.

Если вы решили самостоятельно заняться оформлением рукописи, прочтите несколько важных советов по лучшим шрифтам для книги от типографии “Принтлето”.

Какой размер шрифта используется в книгах?

Шрифт также делят на 2 группы: наборный и рисованный. Наборный шрифт используется для самого текста издания. Рисованный шрифт применяется для визуального оформления, дизайна книги, в частности, на обложке, переплете и титульном листе. Рисованный шрифт создает уникальный стиль книжного произведения. 

При выборе шрифта учитывайте 3 особенности: гарнитуру, начертание и кегль.

Чтобы вашу книгу смог прочитать каждый без лишнего напряжения и «вглядывания» в буквы, важно подобрать шрифтовой кегль. Размер кегля исчисляется в пунктах (1 пункт = 0,376мм).   
Для каждого кегля есть свое персональное название: кегль 6 пунктов — бриллиант; кегль 4 пункта — диамант; кегль 6 пунктов — нонпарель; кегль 7 пунктов — миньон; кегль 8 пунктов — петит; кегль 9 пунктов — боргес; кегль 10 пунктов — корпус; кегль 12 пунктов — цицеро; кегль 14 пунктов  — миттель.  

Для каждого типа книжного издания определен наиболее читаемый размер кегля. Так, для художественной литературы подходит 10-12-ый кегль. Для остальной печатной продукции оптимальным считается 9-14-ый кегль.  

Не забывайте и о том, что размер наборной строки тоже играет свою роль в удобочитаемости. Рекомендуем использовать не более 50-55 знаков в одной строке. 

На выпуск книжных изданий существует ГОСТ, по которому определяется кегль и стиль шрифта. В большинстве печатных изданий используют Times New Roman, Garamond, Bodoni, Academy, Georgia.

Роль шрифта в оформлении книги

Ненавязчивость. Подбирайте шрифты без сложных буквенных форм. «Кричащие» о своей уникальности шрифты отвлекают читателя и не дают сосредоточиться на  мысли, которую преподносит автор в тексте. 

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

Как выбрать шрифт для детской книги?

СОВРЕМЕННЫЙ ДИЗАЙН ГАЗЕТ. Мишель А. Картер

СОВРЕМЕННЫЙ ДИЗАЙН ГАЗЕТ

оригинал веб-версии на русском языке находится на сайте www.internews.ru

Посвящается Лори

Эта книга посвящается Лоренсу Р. Картеру, моему мужу, погибшему в результате несчастного случая в Калифорнии в июле 1995 г., когда я работала в Москве. В свое время он настоятельно советовал мне принять предложение Информационного Агентства США о работе с редакторами российских газет несмотря на то, что это означало бы первую разлуку в нашем 28-летнем супружестве. Я вернулась в Москву в сентябре, чтобы закончить эту книгу и тем самым отдать дань любви и уважения моему мужу.

М.А.К

СОДЕРЖАНИЕ

Об авторе

Введение

Шрифты

Заголовки

Колонки текста

Внутренняя архитектура

Фотографии

Инфографика

Белое пространство

Словарь

Об авторе

Мишель А. Картер - специалист от Информационного Агентства США, работавшая в 1995 г. в Российско-Американском Информационном Пресс-Центре в Москве, закончила факультет журналистики в Университете Миссури, где находится старейшая школа журналистики в мире. До приезда в Москву Мишель А. Картер была главным редактором газеты The San Mateo Times в городе Сан Матео, расположенном в Калифорнии. Мишель А. Картер начала приезжать еще в бывший Советский Союз с 1988 г. Она является соавтором опубликованной в 1993 г. книги «Дети Чернобыля: возрождение надежды из пепла», в которой рассказывается о детях, чьи жизни и здоровье были подвергнуты серьезной опасности в результате аварии на Чернобыльской АЭС в 1986 г.

В течение 1995 г. Мишель Картер ездила по России, проводя семинары по газетному дизайну для редакторов региональных газет, которые и попросили издать данное руководство по дизайну газет.

Эта книга издается при содействии Информационного Агентства США. Она написана Мишель А. Картер в 1995 г. В течение этого года Мишель Картер работала от Информационного Агентства США в Российско-Американском Информационном Пресс-Центре в Москве. Перевод книги сделан Татьяной Патиной под редакцией Андрея Касьяненко, координатора Информационных Служб и библиотекаря Российско-Американского Информационного Пресс-Центра. Николас Пилюгин, координатор Информационного Центра ЮСИА по содействию СМИ, обеспечил техническую базу издания.

Почему следует задуматься о хорошем дизайне газет?

С тех пор, как существуют газеты в России, «слово» было властелином. Сильные и прочно установившиеся литературные традиции помогли создать газеты, которые люди хотели читать, даже в самые мрачные дни надзора за прессой. Однако в российской жизни происходят значительные изменения, и газеты не могут устоять перед ними. Для того, чтобы пресса смогла выжить при новых рыночных отношениях, она должна не только информировать, но и привлекать. Сегодня редакторам следует обратить внимание на то, как газета выглядит, на внешний вид, представляемый читателям, на ее дизайн.

Редакторы начинают понимать необходимость хорошего дизайна, но, кажется, не существует единого мнения по вопросу, что же это такое. Марио Гарсиа, один из наиболее известных в мире дизайнеров газет, в третьем издании своей книги Contemporary Newspaper Design /Современный дизайн газет/ пишет, что высокое качество в газетном оформлении - это аккуратное и умышленное соединение текста с визуальными элементами: шрифтом, фотографией, цветными иллюстрациями, информационной графикой и «белыми пятнами». И если это соединение выполнено должным образом, тогда смесь элементов привлечет читателей и передаст информацию наиболее эффективно.

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

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

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

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

Шаблонов типографского дизайна и передовой опыт — Smashing Magazine

Об авторе

Майкл Мартин пишет о веб-дизайне, WordPress и кодировании в Pro Blog Design. Вы можете подписаться на него, чтобы получить совет о том, как максимально использовать возможности своего блога… Больше о Майкл ↬

Даже с относительно ограниченным набором параметров в CSS, типографика может сильно различаться с использованием чистого синтаксиса CSS. С засечками или без засечек? Крупный или мелкий шрифт? Высота строки, интервал, размер шрифта и отступы… Список можно продолжать и продолжать.[Ссылки проверены 9 февраля 2017 г.]

Чтобы найти шаблоны типографского дизайна, которые распространены в современном веб-дизайне, и решить некоторые общие типографские проблемы, мы провели обширное исследование 50 популярных веб-сайтов, на которых типографика имеет большее значение, чем обычно (или, по крайней мере, должно иметь большее значение, чем обычно). Мы выбрали популярные газеты, журналы и блоги, а также различные веб-сайты, связанные с типографикой.

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

В конечном итоге мы определили 13 общих типографских проблем и проблем, связанных с типографским дизайном, и попытались найти на них ответы с помощью нашего исследования:

1. Насколько популярны шрифты с засечками и без засечек в основном тексте и заголовках?
2. Какие шрифты используются чаще всего?
3. Какой средний размер шрифта?
4. Каково среднее соотношение между размером шрифта заголовков и основного текста?
5. Какова средняя высота строки основного текста?
6. Каково среднее соотношение между высотой строки и размером шрифта в основном тексте?
7. Каково среднее соотношение между высотой строки и длиной строки в основном тексте?
8. Каков средний интервал между абзацами?
9. Каково среднее отношение интервала между абзацами к высоте строки в основном тексте?
10. Как оформляются ссылки?
11. Сколько символов в строке является общим для основного текста?
12. Как часто ссылки подчеркиваются?
13. Как часто производится замена шрифтов (sIFR и др.) использовал?

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

1. Сравнение шрифтов с засечками и без засечек

Следует ли дизайнерам использовать шрифты с засечками или без засечек для основного текста — один из наиболее обсуждаемых и нерешенных вопросов о наборе в Интернете. Некоторые дизайнеры предпочитают использовать в заголовках заголовки с засечками (которые представляют собой короткие декоративные линии в конце букв), чтобы придать им большую привлекательность.Основная причина выбора шрифта с засечками для заголовков заключается в том, что при большом размере шрифты с засечками легко читаются и отлично выглядят. Также может быть интересен контраст между шрифтом с засечками для заголовков и шрифтом без засечек для основного текста.

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

Согласно нашему исследованию, шрифты без засечек по-прежнему более популярны, чем шрифты с засечками для заголовков, хотя в последние годы их популярность, похоже, упала.

• 60% веб-сайтов используют шрифты без засечек для заголовков, в основном Arial, Verdana, Lucida Grande и Helvetica. Среди них: CNN, ArsTechnica, Slate, BBC и NewScientist.
• Только 34% веб-сайтов используют шрифт с засечками для основного текста. Среди них: New York Times, Typographica, Time, AIGA и Newsweek.
• Самыми популярными шрифтами с засечками для заголовков являются Georgia (28%) и Baskerville (4%).
• Самыми популярными шрифтами с засечками для основного текста являются Georgia (32%) и Times New Roman (4%).
• Самыми популярными шрифтами без засечек для заголовков являются Arial (28%), Helvetica (20%) и Verdana (8%).
• Самыми популярными шрифтами без засечек для основного текста являются Arial (28%), Verdana (20%) и Lucida Grande (10%).

Две трети обследованных веб-сайтов использовали шрифты без засечек для основного текста. Основная причина, вероятно, заключается в том, что, несмотря на растущую популярность передовых методов замены шрифтов, таких как Cufón, большинство дизайнеров придерживаются основных веб-шрифтов, которые, по сути, предоставляют им только два жизнеспособных варианта: Georgia и Times New Roman.И из-за клейма, присущего Times New Roman (из-за которого современный веб-сайт часто выглядит устаревшим), им осталась только Грузия. Шрифты без засечек предлагают более разнообразных вариантов для Интернета.

2. Какой шрифт самый популярный?

Удивительно, несмотря на растущую популярность методов замены шрифтов и растущую доступность новых предустановленных шрифтов (например, шрифтов для Windows Vista и Mac), в проектах в нашем исследовании в основном использовались традиционные базовые веб-шрифты, за исключением Lucida Grande ( который устанавливается только на Mac), Helvetica и Baskerville.

Как и следовало ожидать, сегодня для большей части основного текста используются Arial, Georgia и Verdana . В нашем исследовании около 80% веб-сайтов использовали один из этих трех шрифтов. Для оставшихся 20% популярным является Helvetica , излюбленная дизайнерами, а также Lucida Grande .

С такими вариантами, как Verdana и Arial, доступными в качестве запасных, у дизайнера действительно нет причин не указывать другие нестандартные шрифты для достижения наилучшего эффекта.Вы можете узнать больше о расширенных стеках шрифтов CSS в статьях Натана Форда «Лучшие стеки шрифтов CSS» и «Создавать лучшие стеки шрифтов CSS» от CodeStyle.

Джон Тан использовал шрифт с засечками Baskerville для заголовков и шрифт Georgia с засечками для основного текста.

Verdana минимально используется для заголовков. Только 10 веб-сайтов используют его для основного текста и только четыре используют его для заголовков. Основная причина в том, что Verdana делает большой интервал между буквами, что делает его не таким аккуратным для чтения при большом размере.Если вы собираетесь использовать его для заголовков, вы можете воспользоваться свойством CSS letter-spacing . Georgia и Arial — самых популярных шрифтов для заголовков.

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

3. Светлый или темный фон?

Нам было любопытно узнать, в какой степени дизайнеры готовы экспериментировать с темными цветами фона. Мы искали любые сайты, ориентированные на типографику и имеющие темную цветовую схему, и были удивлены, не обнаружив ни одного.

The New Yorker имеет светлую цветовую схему, а шрифт Times New Roman используется для заголовков и основного текста.

Чистый белый фон для основного экземпляра, выигранного оползнем.Однако во многих дизайнах отсутствует высокая контрастность чистого белого и чистого черного; цвет текста часто делается немного светлее чистого черного. Дизайнеры четко ориентируются на удобочитаемость и избегают экспериментов с цветами фона. Контраст черного и белого легко читается и, по крайней мере, среди этих веб-сайтов, является статус-кво.

4. Средний размер шрифта для заголовков

Конечно, выбор размера шрифта заголовка зависит от шрифта, используемого в дизайне. В любом случае, в нашем исследовании самые популярные размеры шрифтов варьировались от 18 до 29 пикселей, причем наиболее популярными вариантами были от 18 до 20 пикселей и от 24 до 26 пикселей.

Наше исследование не выявило явных победителей. Средний размер шрифта для заголовков — 25,6 пикселей. Но обратите внимание, что любой размер от 18 до 29 пикселей может быть эффективным; В конце концов, это зависит от того, насколько ваши заголовки соответствуют общему дизайну вашего веб-сайта . Тем не менее, вы можете попробовать поэкспериментировать с большими размерами, потому что дисплеи всегда становятся больше, как и разрешения дисплеев.

Очевидным исключением является Уилсон Майнер (снимок экрана ниже), который использует для своих заголовков массивный шрифт размером 48 пикселей.Однако его веб-сайт — особый случай, потому что все его сообщения имеют очень короткие заголовки, всего несколько слов.

5. Средний размер шрифта для основного текста

Помните ли вы около семи лет назад, когда веб-дизайн содержал крошечные, трудно читаемые элементы, а основной текст был установлен на 8 пикселей в Tahoma? Мелкие шрифты отсутствуют, и все больше и больше современных дизайнеров обращаются к крупным шрифтам. Исходя из размера нашей выборки, мы увидели четкую тенденцию к размерам от до 12 пикселей и пикселей.Самый популярный размер шрифта (38%) — 13 пикселей, причем 14 пикселей немного более популярны, чем 12 пикселей. В целом средний размер шрифта основного текста составляет 13 пикселей.

Мы отметили (как и следовало ожидать) все больше и больше внимания уделяется мельчайшим типографским деталям. Прочерки, цитаты, сноски, имена авторов, вводный текст и абзацы были тщательно подобраны с учетом оптимальной читаемости. Настройка шрифта обычно очень единообразная, с большим количеством пробелов, интерлиньяжа и отступов.

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

Соотношение размера шрифта заголовка и основного текста

Чтобы лучше понять взаимосвязь между размером шрифта заголовка и основного текста, мы разделили размер шрифта заголовка каждого веб-сайта на размер основного шрифта. Мы взяли среднее значение этих соотношений и вывели эмпирическое правило , с которым вы можете работать:

Размер шрифта заголовка ÷ Размер шрифта основного текста = 1.96

Таким образом, общее значение составляет 1,96. Это означает, что когда вы выбрали размер шрифта для основного текста, вы можете захотеть умножить его на 2 , чтобы получить размер шрифта заголовка. Это, конечно, зависит от вашего стиля; эмпирическое правило не обязательно даст вам оптимальный размер для вашего конкретного дизайна. Другой вариант — использовать традиционную шкалу (6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72) или последовательность Фибоначчи (например, 16-24. — 40 — 64 — 104), чтобы получить естественные типографские результаты.

6. Оптимальная высота строки для основного текста

Интерлиньяж (или высота строки) всегда будет зависеть от выбранного вами размера шрифта и меры (или длины строки). Как правило, чем длиннее такт, тем длиннее должен быть интерлиньяж. Поэтому приводить здесь диаграмму с наиболее популярными вариантами интерлиньяжа в пикселях не имеет смысла. Более подходящим было бы использование относительной единицы, такой как em или процентное значение, которая определяет отношение между интерлиньяжем и мерой, а также между интерлиньяжем и размером шрифта.

Согласно нашему исследованию:

• высота строки (в пикселях) ÷ размер шрифта основного текста (в пикселях) = 1,48 . Обратите внимание, что 1,5 — это значение, которое обычно рекомендуется в классических книгах по типографике, поэтому наше исследование подтверждает это эмпирическое правило. Очень немногие веб-сайты используют что-то меньшее. Количество веб-сайтов, значение которых превышает 1,48, уменьшается по мере удаления от этого значения.
• длина строки (в пикселях) ÷ высота строки (в пикселях) = 27,8 . Средняя длина строки — 538.64 пикселя (исключая поля и отступы), что довольно велико, учитывая, что многие веб-сайты по-прежнему используют от 12 до 13 пикселей для размера шрифта основного текста.
• расстояние между абзацами (в пикселях) ÷ высота строки (в пикселях) = 0,754 . Мы были удивлены этим результатом. Оказывается, интервал между абзацами (то есть расстояние между последней строкой одного абзаца и первой строкой следующего) редко равен интерлиньяжу (что было бы основной характеристикой идеального вертикального ритма). Чаще всего интервал между абзацами составляет всего 75% от интерлиньяжа абзаца.Причина может заключаться в том, что интерлиньяж обычно включает в себя пространство, занимаемое нижними элементами, а поскольку у большинства символов нет нижних элементов, под строкой создается дополнительный пробел.

AIGA — прекрасный пример оптимального ведения. Размер его шрифта составляет 13,21 пикселя (преобразовано из EMS), а высота строки — 19,833 пикселей (преобразование из EMS). Фактически, 19,8333 ÷ 13,2167 = 1,5011.

Итак, как только вы определились с размером шрифта основного текста, умножьте это значение на 1.5 даст вам оптимальную высоту строки. Получив это значение, вы можете умножить это новое значение на 27,8, чтобы получить оптимальную длину строки. Обратите внимание, что макету также потребуются желоба, поля и отступы, чтобы основная копия «дышала».

В New Scientist интервал между абзацами составляет 20 пикселей.

7. Сколько символов в строке?

Согласно классическому правилу веб-типографики, от 55 до 75 — оптимальное количество символов в строке. Удивительно, но наше исследование показывает, что на большинстве веб-сайтов это число выше.Мы посчитали, сколько символов может поместиться в одной строке, используя размер шрифта по умолчанию. Результат, который составляет в среднем 88,74 символов в строке (максимум), является чрезвычайно высоким. Конечно, это максимальное количество отличается от среднего количества символов в строке, которое обычно составляет от 75 до 85 символов в строке. Тем не менее, диапазон намного выше обычного, что довольно странно.

От 73 до 90 символов в строке — популярный выбор среди дизайнеров, но мы также обнаружили выбросы: Monocle (47 символов в строке) и Boxes and Arrows (125 символов в строке).Чтобы получить более точное значение для каждого веб-сайта, вам нужно будет взять среднее количество символов из нескольких строк.

Другие результаты

• 46% веб-сайтов подчеркнули ссылки в своем основном тексте, в то время как другие были выделены только цветом или жирным шрифтом.
• 6% веб-сайтов использовали какую-либо замену изображений для заголовков или основного текста (например, Monocle, New Yorker, Newsweek).
• 96% сайтов не поддерживают текст по ширине.
• Веб-сайты оставляли свой текст левым отступом в среднем 11.7 пикселей (считая от левой границы области содержимого).

Заключение

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

1. Шрифты с засечками или без засечек подходят для основного текста и заголовков, но шрифты без засечек по-прежнему более популярны для обоих.
2. Обычно для заголовков выбирают Georgia, Arial и Helvetica.
3. Обычными вариантами основного текста являются Джорджия, Ариал, Вердана и Люцида Гранде.
4. Самый популярный размер шрифта для заголовков — это диапазон от 18 до 29 пикселей.
5. Самый популярный размер шрифта для основного текста — это диапазон от 12 до 14 пикселей.
6. Размер шрифта заголовка ÷ Размер шрифта основной копии = 1,96.
7. Высота строки (в пикселях) ÷ размер шрифта основного текста (в пикселях) = 1,48.
8. Длина строки (в пикселях) ÷ высота строки (в пикселях) = 27,8.
9. Расстояние между абзацами (в пикселях) ÷ высота строки (в пикселях) = 0.754.
10. Оптимальное количество символов в строке составляет от 55 до 75, но от 75 до 85 символов в строке более популярно,
11. Основной текст выровнен по левому краю, замена изображений используется редко, а ссылки либо подчеркнуты, либо выделены жирным шрифтом или цветом.

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

Обязательно ознакомьтесь с нашими предыдущими статьями:

20+ лучших шрифтов для заголовков, заголовков и заголовков

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

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

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

Flix — это современный и уникальный дисплейный шрифт, специально созданный для заголовков и заголовков. Он идеально подходит для создания заголовков для заголовков веб-сайтов, плакатов, листовок и даже поздравительных открыток.

Шрифт также имеет 2 разных стиля с обычным и контурным дизайном.Это позволит вам комбинировать стили для создания необычных заголовков для творческих проектов.

Почему это лучший выбор

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

Hikou Regular — это смелый и креативный шрифт с заглавными буквами, который больше всего подходит для проектов, связанных с дизайном и модой. Его толстые и узкие промежутки делают его отличным выбором для дизайна флаеров.

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

Spot — привлекательный и креативный шрифт, который можно использовать для создания заголовков и заголовков, которые сразу привлекают внимание. Шрифт состоит из заглавных букв и доступен в 4 стилях, включая курсивный и контурный.

Travel Sans — это узкий дисплейный шрифт с жирным дизайном.Он предназначен для создания заголовков и заголовков для листовок и плакатов. Шрифт также бывает в форматах TTF и OTF.

Ace Sans — это полное семейство шрифтов, которое включает в себя в общей сложности 8 шрифтов с различной толщиной от тонкого до очень жирного и т. Д. Вы можете использовать этот шрифт для создания заголовков, а также абзацев для роскошных и высококачественных брендов.

ACDA — это безупречный профессиональный титульный шрифт. Шрифт включает в себя как прописные, так и строчные буквы, и его можно совершенно бесплатно использовать в личных и коммерческих проектах.

Coldiac — элегантный бесплатный шрифт, который можно использовать для создания заголовков для модных и высококачественных брендов. Шрифт можно использовать в личных проектах.

Visage отличается очень уникальным текстурированным дизайном с немного винтажным внешним видом. Он идеально подходит для создания названий для плакатов и обложек книг. Это шрифт с заглавными буквами и поддержкой многоязычных символов.

Media Times — элегантный шрифт с засечками, наиболее подходящий для оформления заголовков и заголовков для элитных и роскошных брендов и предприятий.Также подходит для логотипов и заголовков в газетном стиле.

Chillow — это креативный заголовочный шрифт с уникальным рисованным дизайном. Это шрифт без засечек с элементами ретро. Этот шрифт с заглавными буквами имеет курсив и обычный стиль, а также лигатуры и альтернативы.

Okana — это семейство шрифтов без засечек, созданное для профессионалов. Этот шрифт можно использовать для оформления заголовков и основного текста различных дизайн-проектов. Он включает 8 шрифтов с совпадающими наклонными линиями, всего 16 стилей шрифтов.

Aqum — еще один бесплатный шрифт, который можно использовать для создания уникальных и креативных названий для плакатов и листовок. Вы можете свободно использовать его как в личных, так и в коммерческих проектах.

Этот бесплатный шрифт с засечками идеально подходит для создания заголовков для баннеров, плакатов и многих других типов профессионального и делового дизайна. Шрифт можно использовать в личных проектах.

Etna отличается смелым дизайном с толстыми буквами. Вы можете использовать этот шрифт для создания привлекательных заголовков для всех видов печатного и цифрового дизайна.Он также содержит 415 символов.

Colombo — это случайный и креативный заголовочный шрифт, который имеет современный внешний вид. Шрифт больше всего подходит для создания заголовков для женского и модного дизайна, а также для многих других.

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

Maven — еще один забавный рукописный шрифт, который идеально подходит для создания заголовков для плакатов, заголовков веб-сайтов и обложек детских книг.Вы также можете использовать его для создания поздравительных открыток и листовок.

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

Genuine — это современный жирный шрифт для заголовков, который можно использовать для создания заголовков как для печатных, так и для цифровых изображений, а также для заголовков веб-сайтов. Это совершенно бесплатно.

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

Think Music — еще один отличный бесплатный дисплейный шрифт с дизайном сценария. Он идеально подходит для создания названий для креативных проектов, таких как музыкальные флаеры, плакаты групп и т. Д.

4 совета по выбору шрифта заголовка

Не знаете, какой шрифт выбрать для названий ваших дизайнов? Эти советы помогут вам принять правильное решение.

1. С засечками или без засечек?

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

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

2. Используйте толстый шрифт для жирных заявлений

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

3. Выберите оригинальный шрифт

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

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

4. Учитывайте удобочитаемость

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

Чтобы найти еще больше отличных шрифтов, ознакомьтесь с нашей лучшей коллекцией сжатых и узких шрифтов.

Коллекции шрифтов

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

20 удивительных бесплатных шрифтов для заголовков

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

НЕОГРАНИЧЕННАЯ ЗАГРУЗКА: 50 миллионов + шрифтов и дизайнерских материалов

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

Бесплатные шрифты заголовков

Полужирный шрифт

Загрузите демо-версию этого классного шрифта бесплатно.Если вам нужен жирный шрифт без засечек, это отличный выбор.

Nexa
Light и Bold можно загрузить бесплатно.

Visage

Visage — это шрифт без засечек, состоящий только из заглавных букв, с обычными и полужирными вариациями. Полужирный шрифт идеально подходит для заголовков. Этот шрифт предоставляется бесплатно, если у вас есть подписка на Envato Elements.

Рокен

Roquen — потрясающий жирный шрифт без шрифта.Хотя в предварительном просмотре ниже он отображается заглавными буквами, в него также включены строчные буквы. Это бесплатно для участников Envato Elements.

Невис

Nevis можно загрузить бесплатно, и это имеет для нас особое значение, поскольку именно этот шрифт использовался для оригинального логотипа Vandelay Design.

Museo Slab
Museo Slab весом 500 можно бесплатно загрузить.

Сирены

The Sirens — красивый и уникальный шрифт, который обязательно выделится.Каждая строчная буква имеет до трех вариантов, что дает вам множество возможностей для экспериментов и получения потрясающих результатов. Сирены могут быть загружены бесплатно подписчиками Envato Elements.

Bebas Neue

Bebas Neue — это популярные бейсболки, выпускаемые в пяти вариантах веса. Обычный и полужирный шрифт особенно полезен для заголовков и заголовков.

Лига Готики

League Gothic основана на Alternatie Gothic # 1, которая была разработана еще в 1903 году.Этот шрифт с открытым исходным кодом — популярный выбор.

Спартанская лига

League Spartan — один из моих личных фаворитов. Хотя он написан в верхнем и нижнем регистре, мне больше всего нравится использовать его для заголовков, написанных заглавными буквами.

Алео

Если вы ищете бесплатный шрифт с засечками, Aleo — отличный выбор.

Elmoder Bold

Elmoder bold немного отличается от большинства других шрифтов в этом списке, но по-прежнему отлично подходит для заголовков.Вы можете скачать Elmoder Bold, если у вас есть подписка на Envato Elements.

Лавело

Загрузите демо-версию Lovelo бесплатно.

Промеш

Promesh — это шрифт, вдохновленный спортом, который идеально подходит в правильной ситуации.

Verb Черный

Verb — это потрясающее и универсальное семейство шрифтов, и вы можете бесплатно скачать Verb Black. Этот полужирный шрифт также хорошо работает с заглавными буквами.

Введение

Вы можете бесплатно скачать четыре варианта Intro.

Архив

Archie — это заглавный шрифт с четкими геометрическими формами. Если вы ищете бесплатный шрифт для заголовков, который немного отличается, рассмотрите вариант «Архив».

Чиво

Chivo выпускается в семи вариантах веса, каждый из которых выделен курсивом. Как жирный шрифт без засечек, это отличный вариант для заголовков.

Скоростная

Хотя он не такой жирный и тяжелый, как некоторые другие варианты (он бывает только одного веса), Expressway способна создавать красивые заголовки.

Лато

Lato — это большое семейство шрифтов с 9 различными начертаниями и курсивом, также доступным для каждого начертания. Полужирный, жирный и черный шрифт, скорее всего, хорошо сочетается с вашими заголовками.

Освальд

Oswald представлен в 15 различных вариантах, которые можно скачать бесплатно.Это еще один, который очень хорошо работает с заглавными буквами.

Шрифты заголовков премиум-класса

Сделано Томми

Made Tommy представлен в 14 различных вариантах. Существует семь толщин от тонкого до черного, и каждый также доступен в виде контурного шрифта. Полужирный, особо жирный и черный варианты идеально подходят для использования в заголовках.

Зубр

Bison — отличный шрифт без засечек, который представлен в 12 вариантах от светлого до полужирного.Полужирный шрифт идеально подходит для заголовков. Единственным недостатком Bison является тот факт, что это шрифт, состоящий только из заглавных букв, но он может работать для ваших заголовков.

Грейклифф CF

Семейство шрифтов Greycliff представлено 18 вариациями (девять различных начертаний плюс курсивные версии). Нам нравятся жирные, особо жирные и жирные шрифты для заголовков.

Жирная линия

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

Куинси CF

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

Лондон

London — красивый шрифт с засечками класса люкс. Это только прописные буквы и имеет один вес. Хотя это не самый универсальный шрифт в мире с ограниченными возможностями, это великолепный шрифт, который хорошо подходит для заголовков.

Хлоя

Chloe отлично подходит для смелых, элегантных заголовков с винтажным оттенком.

Кристофер

Хотите шрифт, который действительно выделяется? Попробуйте Кристофера. Он поставляется с множеством альтернатив, которые дают вам большую творческую свободу.

Индиго Луна

Indigo Moon — элегантный шрифт с засечками, непохожий на большинство других в этом списке. Он идеально подходит для использования в логотипах, брендинге и заголовках.Он также поставляется с более чем 150 нарисованными вручную альтернативами.

Диллан

Dillan — еще один вариант, который выделяется среди многих других. Это мягкие засечки, которые отлично смотрятся в рекламе и заголовках.

Какие шрифты подходят для заголовков и заголовков?

В заголовке или заголовке должен использоваться шрифт, который поможет ему выделиться. Обычно это жирный шрифт.На этой странице перечислены многие выдающиеся шрифты, которые отлично подходят для заголовков, но некоторые из наших любимых бесплатных шрифтов для заголовков включают Nexa, Bebas Neue и League Gothic.

Насколько большим мне следует сделать шрифт заголовка?

Не существует определенного размера шрифта, который вы должны использовать для заголовка или заголовка, потому что он зависит от других факторов, связанных с дизайном. Большинство веб-сайтов имеют заголовки с размером шрифта от 30 до 60 пикселей.

Что такое хороший жирный шрифт?

На этой странице представлен ряд шрифтов, которые отлично подходят для жирных заголовков, но среди наших фаворитов есть Lato (жирный, жирный и черный) и Bebas Neue.

Для получения дополнительных сведений о шрифтах см .:

12 выдающихся бесплатных шрифтов для заголовков и заголовков

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

Шреник Ганатра — дизайнер, стоящий за ADAM.CG PRO. Независимый художник из Мумбаи комментирует Behance: «Этот дизайн представляет собой шрифт без засечек и заглавными буквами, вдохновленный Futura. Четкий, чистый внешний вид делает его подходящим шрифтом для заголовков, плакатов, заголовков и подписей.»

Персональный проект Hallo Sans был создан графическим дизайнером Фредриком Стерландом. Базирующийся в Осло, Staurland специализируется на иллюстрациях, дизайне упаковки и типографике, а Hallo Sans является блестящим примером этого.

Созданный дизайнером Люком Лиси, дисплей Summit с характеристиками, вдохновленными геометрическими шрифтами без засечек, датируется концом девятнадцатого века.Обладая 10 стилями, доступными в пяти весах, Лиси щедро предлагает этот элегантный шрифт для бесплатной загрузки, а пожертвования автору, как всегда, были приняты с большим успехом.

Здание было создано итальянским студентом-дизайнером Леонардо Губбиони. Он комментирует Behance: «Благодаря сильному визуальному воздействию, основная цель Building — привлечь внимание в мире, где вас постоянно поддерживают сенсорные стимулы».

PEYO Regular — первый шрифт графического дизайнера Шеннон Лим.Она описывает его как «игривый геометрический шрифт без засечек в верхнем регистре, предназначенный для использования с такими шрифтами, как заголовки, плакаты и заголовки».

Mohave можно приобрести в Absolut Foundry, небольшой коллективной литейной фабрике, расположенной в Бандунге, Индонезия. Шрифт был разработан шрифтовым дизайнером Гумпитой Рахаю. «Mohave — это шрифты, состоящие только из заглавных букв, с плавной высотой и динамическим глифом», — комментирует он.

Glamour — это бесплатный шрифт, созданный 26-летним французским графическим дизайнером Хендриком Роландесом.Разработанный ранее в этом году, Glamour включает набор из 24 шрифтов, от светлого до полужирного, с более чем 200 уникальными символами для каждого шрифта.

«Представляем шрифт March, аутентичный, скошенный шрифт, адаптированный из старомодных вывесок», — говорит шрифтовой дизайнер Гумпита Рахаю на Behance. March поставляется в двух стилях: контурный и встроенный, демо-версия последнего Rahayu щедро предлагается в качестве бесплатной загрузки в обмен на твит или публикацию в Facebook.

Promesh был создан графическим дизайнером Полом Рейсом. «Promesh придает новый вид вашему типичному и скучному спортивному шрифту», — комментирует Рейс на Behance. «Потрепанный сетчатый вид, напоминающий те старые баскетбольные майки».

Komoda была создана польским дизайнером Джоанной Ангульской. «Komoda — это дисплейный шрифт без засечек, подходящий для заголовков, редакционных статей и плакатов», — комментирует она Behance.Лучше экспериментируйте!

Этот бесплатный шрифт без засечек Anson был создан дизайнером из Финляндии Микко Нууттила. Дизайн назван в честь британского двухмоторного многоцелевого самолета Avro Anson и имеет 188 символов, включая полный набор прописных и строчных букв и цифр.

Вы встречали отличный шрифт для заголовков? Дайте нам знать в поле для комментариев ниже!

Как найти идеальные пары шрифтов для логотипов, заголовков, подзаголовков | Евгений Садко

Сколько шрифтов нужно, чтобы сделать плакат? Использование одного шрифта дает очень ограниченные возможности, в то время как включение слишком большого количества шрифтов в один дизайн обычно выглядит неубедительно, даже непрофессионально.Хороший дизайн основан на удачном сочетании нескольких шрифтов. Пара стилей шрифта одного или нескольких разных гарнитур позволяет построить визуальную и семантическую иерархию, создать настроение и передать информацию.

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

Чтобы сэкономить ваше время и создать изобилие выбора для любого случая, мы объединили опыт профессионалов типографики и создали Font Pairing Helper !

Чтобы составить наши списки комбинаций шрифтов, мы учитываем более 20 характеристик для каждого шрифта, включая стиль, вес, настроение и т. Д. Это помогает нам посоветовать лучшие пары шрифтов для логотипов, заголовков и подзаголовков.

Это сочетание большого выразительного заголовка и маленького заголовка.Такие пары чаще всего можно увидеть в логотипах, обложках журналов и рекламных баннерах. В приведенных ниже примерах представлены шрифты разных классов, которые имеют какую-то связь, чаще всего основанную на настроении или даже более тонких следах. Они сочетаются, как чай с круассанами или гамбургер с картофелем фри 🍔🍟