Как открыть типографию: как открыть типографию с нуля

Как открыть типографию: необходимые документы и знания

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

Регистрация типографии

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

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

• пожарной инспекции;
• службы надзора за соблюдением правил охраны труда.

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

Предлагаемые услуги

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

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

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

Особенности бизнеса

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

Это обозначает, что потоком клиентов обзавестись не получится — придётся привлекать к сотрудничеству тех, кто готов работать вместе на регулярной основе.

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

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

Оборудование типографии

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

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

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

Закупите в достаточном количестве «расходники»:

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

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

Персонал типографии

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

Для работы типографии необходимы:

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

Стоит отметить, что пик заказов обычно приходится на зимний предновогодний период и сентябрь. Поэтому необходимо об

Бизнес-план мини-типографии. Сколько стоит открыть типографию. Как производить карманные календарики :: BusinessMan.ru

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

Регистрируем предприятие

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

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

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

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

Масштабы будущего производства

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

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

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

Приобретаем оборудование

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

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

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

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

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

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

Ищем помещение

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

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

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

Важно выбрать место

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

Полиграфические услуги

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

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

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

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

Издание книг

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

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

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

Рекламная продукция

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

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

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

Формируем штат

Основной сотрудник, которым вы обязательно должны обзавестись, – это печатник. Его работа довольно вредная и тяжелая, а ещё он должен уметь обращаться с оборудованием и следить за качеством печати.

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

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

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

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

Продвигаем свой бизнес

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

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

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

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

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

Развиваемся

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

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

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

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

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

Как и чем зарабатывает сейчас частный полиграфический бизнес – опыт типографии АКР

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

Алексей Ивановский. Фото Анастасии Бондарович

– Как и многие типографии, АКР открылась как рекламное агентство. Отсюда и название – Агентство Креативных Решений. Занимались мы тогда в основном выставками. Цветной лазерный принтер, который иногда мы задействовали в работе, скорее был дополнением к основной деятельности.

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

Специфика бизнеса

Есть две большие проблемы нашего производственного бизнеса – размер инвестиций и высокая стоимость специалистов на рынке.

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

Фото с сайта kba-print.ru

2. Больших вложений в первую очередь требует сам процесс производства. Это очень ресурсоемкий бизнес. Хорошее оборудование стоит десятки тысяч долларов. И даже лизинговые схемы покупки очень рискованны из-за высоких процентных ставок.

Составлять какие-либо бизнес-планы в нынешних условиях очень наивно. Прогнозировать рынок, когда постоянно и быстро меняются условия игры, практически невозможно. Все риски полиграфического бизнеса связаны с состоянием экономики. Если деловая активность падает, то одни из первых, кто это чувствует – рекламщики и полиграфисты. Бизнес начинает экономить сначала на рекламе, потом на персонале… Потом  приходит осознание, что без рекламного бюджета продаж вообще нет, и компании снова вбрасывают деньги в рекламу. Но на этот раз уже печатают не 50 тысяч флаеров, а сначала 5 тысяч, потом 10, затем 15.

Сегментация услуг

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

• Если у типографии узкая сфера услуг, в условиях спада производства, а также из-за переориентации многих рекламных кампаний в Интернет это может «убить» бизнес.
  Здесь важно проявлять гибкость и быстро перестраиваться в изменяющихся условиях.
• Это сезонный рынок. Например, в начале года пользовалась спросом листовая продукция (листовки, флаеры, буклеты). Сейчас в портфеле много каталогов.
• Сам по себе полиграфический бизнес – производство ограниченных индивидуальных партий. «Чужие» листовки и визитки никому не нужны.
• Широкую линейку услуг и продуктов иметь не всегда выгодно. При этом, в полиграфическом бизнесе есть, например, визитки. Цена на них сверхдемпинговая. Эта позиция нужна скорее для рекламы. Все печатают их, понимая, что сегодня клиент заказал визитки, а через полгода может прийти за каталогами.

Фото с сайта astra2.ru

Балластом являются услуги, которые отнимают больше всего ресурсов на условно 1 заработанный рубль. Но вместе с тем, нужно понимать, что сейчас не время, когда можно «перебирать харчами». Если «неудобная» для работы товарная позиция приносит доход, то к черту неудобства! Разобрать по составляющим можно все – найти причину неудобства и устранить ее. Наша типография занимается тем, что востребовано на рынке. Мы сами производим продукцию и можем гибко подходить к запросам клиентам. Важнее не то, что мы можем делать – а то, в какие сроки и за какой бюджет. Одно из наших УТП – оперативная офсетная полиграфия. Например, офсетную листовую продукцию (листовки, буклеты, лифлеты) тиражами до 10 000 экземпляров мы можем делать за сутки. Часто это важно, особенно если рекламная активность у клиента уже запущена. Причем мы специально не сильно поднимаем цену за оперативность исполнения заказа.

Что сейчас происходит на рынке

Я бы описал сегмент оперативной полиграфии по всему рынку таким образом:

• Малые тиражи – до 2-3 тыс. экз.
• Средние – до 10 тыс.
• Крупные – свыше 10 тыс.
• Производство упаковки

В Минске около двух десятков крупных компаний. По понятным причинам называть их не буду.

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

У крупных компаний – свои головные боли. Сейчас 100 000 экземпляров мало кто печатает. Получается, что даже большие типографии, где работает много сотрудников, начинают сдвигаться в малый сегмент (к малым тиражам). А там совсем другие условия. Более того, многим крупным заказчикам становится выгоднее печатать в России. Цена примерно та же, но договориться легче. Кроме того, в РФ типографиям гораздо проще оснаститься технически (за счет более низких процентов по кредитам и лизингу).

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

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

Фото с сайта vashposrednik.com

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

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

Персонал

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

• Директор
• Коммерческий директор
• 3 печатника
• 3-4 человека в постпечатный отдел

Бухгалтерия на аутсорсе.

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

Таким образом, на участке офсетной печати мы вместо 5-7 человек нанимаем 1-2 (в зависимости от сменности). Кроме того, активно используем кооперацию с другими компаниями.

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

Если мы получаем такое изображение от заказчиков, то переводим его в растровое, работаем в формате tiff.

Фото с сайта art-optimus.com.ua

Допечатную подготовку я делаю сам.

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

Привлечение и удержание клиентов

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

У типографий с заказчиками сложные отношения. Одни не могут соблюсти сроки сдачи макета. И нам, в свою очередь, становится сложно успеть выполнить заказ. Если мы говорим, что «постараемся выполнить срочный заказ в срок», то заказчики воспринимают это как обязательство. И когда случается просрочка +2 часа вместо +5 дней (если бы заказ был не срочным), возникает конфликт.

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

Поиск новых клиентов ведется такими способами:

1. Контекстная реклама и поисковое продвижение. Забирает большую часть рекламных бюджетов.

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

Но если писать «приходите, всем скидка 10%» – клиенты придут. Но скидку придется давать даже на высокомаржинальные заказы.

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

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

Фото с сайта acs.asksoft.net

У организаторов каждого мероприятия есть собственное видение, на каких условиях предлагать партнерство. Но общий принцип такой: разработан пакет участника (его предлагает организатор) и перечень продукции и услуг, которые могут произвести/оказать типографии (флаеры, плакаты и проч. ). И в зависимости от объема работ, который может выполнить типография, «уравновешивается» и статус партнерства.

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

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

Ценообразование

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

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

Структура конечной цены в полиграфических компаниях в Минске

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

В регионах дороже материалы, но дешевле аренда и персонал.

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

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

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

50 лучших уроков по типографии | Creative Bloq

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

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

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

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

01. Полное руководство по основам типографики

(Изображение предоставлено TutsPlus)

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

02. Разъяснение основ типографики

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

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

03. Начало графического дизайна: типографика

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

04. Все, что вам нужно для изучения основ типографики.

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

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

05. Лекция 110: Введение в типографику

В этом видео дается академически строгий обзор типографики, включая определение терминов и практическое руководство по размещению текста и созданию стилей символов и абзацев в Adobe InDesign CC.

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

06. Ускоренный курс типографики: основы шрифта

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

07. Абзацы и специальные символы

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

08. Принципы комбинирования гарнитур

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

09. Собираем все вместе

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

10. Типографские термины, которые должен знать каждый дизайнер.

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

11. Как работать с шрифтом в InDesign

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

Следующая страница: более сложные уроки типографики

Типографский дизайн 101: руководство по правилам и терминам

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

by Mky

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

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

Краткая история типографики
—

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

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

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

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

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

Термины, которые необходимо знать для оформления типографики
—

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

Стиль

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

Serif

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

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

К концу 18 и началу 19 веков родился модный радикальный стиль с засечками: Modern .Мы можем узнать этот стиль по резкому контрасту и тонким прямым засечкам.

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

Без засечек

Шрифты

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

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

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

Курсив

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

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

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

Шрифт и гарнитура

Я уверен, что в какой-то момент жизни мы все были сбиты с толку по поводу разницы между шрифтом и гарнитуром. Я определенно был!

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

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

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

Анатомия

Анатомия букв довольно сложна — каждая маленькая деталь и элемент имеют свой собственный термин.

Вот некоторые из них:

А вот несколько знаков препинания, их названия и правильное использование:

Распознавание типографских иллюзий
—

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

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

Иллюзия 1

S кажется идеально симметричной буквой, верно? Ну это не так.Просто поверните его на 180 °, и вы увидите, что верхняя часть на самом деле меньше нижней. Это делает его более устойчивым и уверенным.

Иллюзия 2

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

Иллюзия 3

Чтобы буква O казалась симметричной и одинаковой по весу, нам действительно нужно сделать ее — не одинаковой по весу. Переверните букву O на 90 °, и вы увидите, что стороны немного толще, чем верх и низ.

Иллюзия 4

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

Иллюзия 5

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

Иллюзия 6

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

Иллюзия 7

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

Правила типографского дизайна
—

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

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

Выравнивание

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

Промывка слева

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

Обязательно избегайте одиночных слов в новых строках. Их называют «вдовами», и им грустно.

заподлицо справа

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

По центру

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

Обосновано

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

Отслеживание

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

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

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

Кернинг

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

Ой, вот небольшая игра, чтобы проверить свои навыки кернинга!

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

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

Ведущий

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

Иерархия

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

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

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

Мы не можем говорить о типографике, не упомянув систему идентификации, которую Паула Шер разработала для Public Theater.

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

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

Идеальный пример чистой и простой иерархии: заголовок, основной текст и подпись к изображению. Виа эрдем özsaray. Мы можем использовать иерархию не только для категоризации определенной информации, но и для создания привлекательных изображений.Via Macmillan. Обратите внимание на градиентный эффект благодаря постепенному изменению веса. Via Typografische Monatsblätter.

Сетки

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

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

Несмотря на то, что общая сетка для этого макета довольно проста и статична, большой прямоугольник в центре вместе с двумя меньшими по бокам придает ему некоторое движение, делая его визуально привлекательным. Via Süddeutsche Zeitung, иллюстрация Дирка Шмидта.

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

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

Прекрасные примеры сочетания шрифта и белого пространства для создания чистой и воздушной композиции. Via Arbeitsform: Rochade. Нет ничего плохого в том, чтобы сходить с ума по макету, если текст остается разборчивым.Через futuraproject.cz.

Сила типографики
—

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

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

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

Правильная типографика может сделать ваш бренд!

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

Как улучшить типографику блога WordPress

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

А теперь пора поговорить об еще одном аспекте ведения блога WordPress: типографике .

Если вы ищете точное определение типографики, оно звучит примерно так: «Типографика — это визуальное искусство написания слов». Если мы говорим о блоге WordPress, это определение может ввести в заблуждение. В основном он ориентирован на художественную типографику. Когда вы просмотрите самые популярные блоги, такие как, например, TechCrunch, вы заметите, что в написанных словах нет ничего вычурного.

Блог TechCrunch — Дизайн типографики

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

Почему вам нужно заботиться о типографике WordPress?

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

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

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

В 2012 году журнал Smashing Magazine опубликовал интересную статью о том, как типографика может влиять на смысл сообщения в графическом дизайне. Они проиллюстрировали этот факт на простом примере: слово hello представлено двумя разными способами:

Hello — Typography Design 1Hello — Typography Design 2

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

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

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

Лента Twitter в рукописном стиле — Типографский дизайн

Подумайте об этом так: если визуальный дизайн — это то, как выглядит ваш веб-сайт, типографика определяет, как он звучит.И вас определенно беспокоит то, как вы звучите, верно?

Есть ли у нас проблема со случайным выбором типографики WordPress?

В чем проблема, если вы выбираете случайный шрифт случайного масштаба и цвета и комбинируете его с другими случайными шрифтами случайного цвета?

Самая большая проблема в том, что неправильная типографика повлияет на читаемость вашего сообщения.

Одно исследование, проведенное Nielsen Norman Group, показало, что люди не будут читать онлайн-контент, если текст не ясен, стиль прост, а информация легка для понимания.Все блогеры это знают! Объем внимания публики не впечатляет. Вот почему вы используете более короткие абзацы и выражаетесь как можно яснее.

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

Так что да; у нас до есть проблема со случайными шрифтами случайного размера на случайном фоне.

Советы: как улучшить типографику вашего блога

1. Держитесь подальше от нечитаемых шрифтов

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

• Pacifico — Этот шрифт кажется художественным и может быть крутым для графического дизайна, но выглядел бы просто глупо в качестве доминирующего шрифта на сайте WordPress.
• Impact — Это нормально для заголовков, и мы часто видим это в этой функции, но это определенно слишком узко для текста на вашем сайте WordPress.
• Comic Sans MS — Вы пишете комиксы? Тогда вам разрешено использовать его в дизайне. Лучше не рассматривать этот шрифт для фактического сообщения в блоге.
• Лобстер. Представьте, что вы читаете длинное сообщение в блоге, написанное красивым, но нечитаемым почерком. Точно!
• Franklin Gothic — Этот чистый шрифт, может быть, хорош для газет.Но это выглядит немного устаревшим для использования в блоге. Хотя он не так плох, как предыдущие шрифты в этом списке, все же лучше его избегать.

Вот как они выглядят визуально:

Привет; это твой выбор. Есть много шрифтов на выбор. Может быть, вы почувствуете, что Franklin Gothic вписывается в атмосферу вашего сайта. Тем не менее, вы всегда должны помнить о читателе, поэтому убедитесь, что вы выбрали шрифт, который будет привлекательным и читабельным для среднего посетителя веб-сайта.

2. Подумайте о комбинациях шрифтов

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

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

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

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

3. Помните о размере

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

Слишком большой шрифт — тоже проблема. Это делает ваш сайт бесподобным. Также кажется, что ты кричишь.

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

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

Важно количество символов. По мнению большинства исследователей, которые исследовали эту проблему, 50-60 символов в строке является идеальным соотношением, и до 75 символов все еще приемлемы. Эти символы включают пробелы и вставки. Да; очень заинтересованный читатель прочитает ваш текст, даже если он содержит более 150 символов в одной строке. Однако, если вы увеличите размер шрифта до 60 символов в строке, этот же пост будет гораздо приятнее читать.

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

4. Используйте правильный плагин для изменения шрифта

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

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

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

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

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

Очевидно, что типографика — это не только стиль шрифта.Это тоже про размер. Допустим, вы выбрали размер и считаете его идеальным. Что, если это не сработает для одного из ваших читателей? С помощью Zeno Font Resizer вы позволите своим посетителям изменять размер шрифта, чтобы они читали сообщение в блоге так, как им нравится.

5. Помните о предыстории

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

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

Блог TED — История вопроса

Завершение

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

Это самый важный вывод: сколько бы вы ни играли с дизайном, текст должен быть читабельным.

Биография автора

Лаура Баклер — редактор Essays Scholar Advisor и писатель-фрилансер. Ее любимые темы — социальные сети, цифровой маркетинг и написание контента. Она обращается к своему прошлому опыту в качестве маркетолога в социальных сетях, чтобы произвести глубокую и проницательную работу.Следите за сообщениями Лоры в Twitter.

(Это гостевой пост. См. Правила размещения гостевых сообщений.)

Поделись сейчас

Обновление типографики — MediaWiki

(вверху) Старая типографика в OSX
(внизу) Обновленная типографика в OSX (вверху) Старая и (внизу) обновленная типографика в Ubuntu / Firefox

В этом документе описывается обновление 2014 года типографики для стандартной оболочки «Вектор» для проектов Викимедиа и программного пакета MediaWiki.

Сводка изменений [править]

Мы подошли к этому обновлению типографики Викимедиа по умолчанию, учитывая следующие требования:

1. Читаемость: шрифты любого размера должны быть разборчивыми и красивыми.Тип как элемент должен помогать отличать интерфейс (например, навигацию по сайту) от содержания статьи.
2. Согласованность: единообразное визуальное восприятие на настольных и мобильных устройствах.
3. Доступность: все шрифты, которые мы используем, должны быть уже доступны (или доступны) на всех платформах, на которых представлены проекты Викимедиа. Любой выбор должен плавно ухудшаться на разных устройствах и платформах (Mac OS X, Windows, Linux и мобильные операционные системы).
4. Доступность: Контент Викимедиа должен быть доступен для всех, в том числе для людей с ограниченными возможностями.

В этом контексте мы внесли следующие изменения:

Новые спецификации шрифтов

Мы установили следующие семейства шрифтов: стили заголовков были установлены на «Linux Libertine, Georgia, Times, serif». Основной текст (основной текст страниц) изначально был настроен на «Helvetica Neue, Helvetica, Arial, sans-serif», но из-за проблем с нелатинскими вики-сайтами был возвращен к «sans-serif», пока не будет найдено лучшее решение. найденный.

Обратите внимание, что эти списки не означают, что вы увидите все или любой из этих шрифтов.Вместо этого ваш браузер и операционная система будут искать первый шрифт в списке, который вы установили (или для которого у них есть правило «соответствия»), и представят его. ^{[1] [2]}

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

При текущей ширине текста заголовки должны четко выделяться, а интерлиньяж (пробелы между строками) должен быть достаточным, чтобы обеспечить удобочитаемость без утомления глаз. Заголовки теперь будут иметь следующие значения: h2 (заголовки страниц) будут равны 1.3 / 1.8em, h3 (заголовки основных разделов) будет 1.3 / 1.4em. h4 будет 1.6 / 1.17em, h5 1.6 / 1em, H5 1.6 / 1em. Основной текст увеличен до 0,875em (с 0,8em). В зависимости от вашего браузера и операционной системы это приведет к немного разным значениям пикселей, но в целом приведет к немного большему размеру основного шрифта. Высота строки верхнего индекса (sup) и нижнего индекса (sub) теперь установлена ​​на 1, чтобы исправить давнюю проблему с номерами ссылок, влияющими на начало. ^[3]

Новый цвет шрифта основного текста

В шестнадцатеричных триплетах цвет основной копии теперь установлен на # 252525 на #FFFFFF , с # 000000 на #FFFFFF .В менее технических терминах это означает, что цвет изменился с чисто черного текста на чисто белом фоне на очень темно-серый текст на чисто белом фоне. (Цвета ссылок, заголовков и других элементов не изменились.)

Ниже приведены ответы на некоторые ключевые вопросы об этом изменении.

Кто увидит это изменение? [Править]

Все пользователи сайтов MediaWiki 1.23, использующие векторную обложку по умолчанию, включая читателей и редакторов. Он был разработан в первую очередь для читателей Викимедиа, но стилистически крайне минималистичен.Пользователи, которые используют свои предпочтения или другой метод использования альтернативной оболочки, например Monobook или Cologne Blue, не увидят изменений.

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

В чем заключалась проблема с нашей типографикой? [Править]

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

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

Есть ли идеальный шрифт, который отвечает нашим потребностям в удобочитаемости во всех скриптах? Мы думаем, что это он? [Править]

Нет, не существует идеального шрифта, воплощающего …

1. Повсеместность: то есть доступность во всех популярных настольных и мобильных операционных системах.
2. Правильная визуализация глифов и диакритических знаков: для сотен нелатинских шрифтов, а также хороший кернинг для пар символов, поэтому пользователям не нужно прищуриваться, чтобы читать символы.
3. Достойная высота по оси x: чтобы шрифт был разборчивым при небольших размерах для таких вещей, как навигация слева, подписи, условия обслуживания или дополнительная информация.
4. Подсказка: предотвращение размытости символов при малых размерах, особенно в Windows.

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

Почему увеличены размер шрифта и интерлиньяж? [Править]

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

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

Почему мы используем шрифты с засечками для заголовков? [Править]

Объединение шрифтов с засечками и без засечек не является необычной или оригинальной идеей. ^{[4] [5]} В данном случае мы делаем это, чтобы обеспечить лучший контраст и различие между основной частью и заголовками. Заголовки действуют как точки входа, когда пользователи просматривают страницу в поисках информации. И заголовки, и изображения играют важную роль в разрушении визуальной монотонности страницы, что имеет решающее значение, учитывая, что большая часть контента Викимедиа (информационные страницы, страницы обсуждений, справочный текст, политики и т. Д.) Довольно длинные и имеют много разделы.

Почему мы указали Linux Libertine, Georgia и Times в качестве шрифтов с засечками? [Править]

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

Linux Libertine не является широко доступным, но представляет собой хорошо разработанный и бесплатный / открытый шрифт с засечками, который также используется в логотипе Википедии. Это делает его неотъемлемой частью языка дизайна Викимедиа, а также его можно использовать в заголовках. Georgia — шрифт, оптимизированный для браузеров и экранов.Он также широко доступен на наших самых популярных платформах, в том числе для пользователей Windows, Mac OSX и iOS. Linux Libertine и Georgia действуют как хорошие дополнительные шрифты и хорошо сочетаются с Helvetica и Arial. Время установлено специально для того, чтобы пользователи систем Linux имели хорошие засечки по умолчанию — системы Linux по умолчанию не включают ни Linux Libertine, ни Georgia. Установив Times, большинство пользователей Linux увидят Nimbus Roman No9 L.

Языки и скрипты, для которых сообщалось о проблемах с Georgia или Times, включают русский / кириллица, иврит, арабский, польский, китайский, японский и корейский языки.

Почему мы указали новые шрифты без засечек? [Править]

Предыдущее состояние нашего основного содержимого состоит в том, что был указан только «без засечек», оставляя на усмотрение браузера использовать его по умолчанию без засечек. За исключением Helvetica, Arial и Nimbus Sans L, шрифты, которые большинство браузеров используют в этом состоянии, не учитывают правильное отображение глифов, пар и диакритических знаков небольшого размера. Нет бесплатного / открытого шрифта, который удовлетворяет эту потребность и доступен повсеместно (см. Таблицу).

Мы указываем Neue Helvetica для пользователей Mac, поскольку это немного более развитая версия Helvetica, где пунктуация была улучшена, высота по оси x немного более согласована, а в некоторых случаях она имеет более закругленные чаши и счетчики. В целом это оптимизация Helvetica, хотя она может быть не такой идеальной для всех скриптов. ^[6]

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

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

Почему мы включили несвободные шрифты в стек шрифтов? [Править]

В стеке указан диапазон шрифтов от Helvetica Neue до Arial, которые доступны на всех основных платформах. Несмотря на то, что Arial широко используется по умолчанию, нам нужно указать его, чтобы деградация CSS была предсказуемой. Чтобы обеспечить максимальную надежность для пользователей на разных платформах, мы решили включить в стек несвободные шрифты, поскольку во многих операционных системах (таких как Windows, MacOS и iOS) по умолчанию не установлены шрифты FOSS.Между тем, многие операционные системы будут использовать шрифт FOSS (например, Nimbus Sans L) вместо Helvetica.

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

А как насчет использования веб-шрифтов? [Править]

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

Почему мы изменили цвет основного текста? [Править]

Новые значения ( # 252525 на #FFFFFF ) имеют коэффициент контрастности 15,3: 1, что соответствует рейтингу AAA согласно WCAG 2.0 1.4.6. ^[7] Не рекомендуется использовать чистый черный цвет как для основного текста, так и для подписей по нескольким причинам. Пользователи с дислексией чувствительны к наложению чистого черного текста на чистый белый фон из-за его высокой контрастности. Это может привести к тому, что слова будут сливаться или размываться.Чтобы этого избежать, используйте слегка не совсем белый цвет для фона, например светло-серый, или уменьшите контраст между передним планом (текстом) и фоном. Для пользователей, у которых нет проблем с доступностью, резкий контраст чистого черного и чистого белого также может увеличить нагрузку на глаза.

Как это изменение произошло? [Править]

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

Эти изменения были позже внесены в настольную версию в качестве бета-функции, начиная с ноября 2013 года. ^[8] Эта бета-функция затем прошла три основных итерации на основе отзывов сообщества.

Как мы получили обратную связь? [Править]

Многие изменения типографики были впервые протестированы на мобильных устройствах в октябре 2012 года, большая часть обучения была интегрирована в бета-версию типографики для настольных компьютеров, которая была запущена в октябре 2013 года и прошла три основных выпуска. За это время бета-функцией воспользовались более 14 000 пользователей в 10 лучших Википедиях, а на странице обсуждения этой функции было создано более 100 обсуждений.

Могу ли я отказаться от изменений шрифтов по умолчанию? [Править]

Да. Зарегистрированные пользователи сайтов Викимедиа могут настроить свой личный CSS (например, Special: MyPage / vector.css на каждой вики), чтобы отменить некоторые или все изменения. Вы можете скопировать User: Ekips39 / typographyrefreshoverride.css в свой личный CSS, если не хотите изучать CSS, чтобы отказаться от изменений. Вы также можете, конечно, полностью переключиться на другой скин в настройках на вкладке «Внешний вид».И последнее, но не менее важное: вы можете определить шрифт по умолчанию, используемый вашим браузером для отображения шрифтов «serif» и «sans-serif». Если в вашей системе нет ни одного из этих указанных шрифтов, вместо этого будет использоваться это предпочтение браузера.

Мы тестировали это в различных браузерах и операционных системах? [Править]

Да. Новый стек шрифтов был протестирован в следующих операционных системах: Windows XP, Windows 7, Windows 8, Ubuntu Linux, Mac OS X 10.8-9, iOS 6 и 7, Android и Chrome OS. Размер, интерлиньяж, глифы, подсказки и рендеринг шрифтов были протестированы в Windows, Ubuntu Linux, Mac OS X 10.8, Android и Chrome OS.

Как неанглоязычные проекты будут адаптироваться к этим изменениям? [Править]

По умолчанию обновление типографики будет применено ко всем проектам (как часть оболочки Vector). Могут быть языки, которым необходимо переопределить некоторые из этих стилей, чтобы приспособиться к конкретным скриптам. Например, для некоторых скриптов может потребоваться более высокая высота строки или больший размер шрифта. Каждая вики может переопределить эти конкретные стили, отредактировав свою страницу MediaWiki: Vector.css. Мы рекомендуем другим проектам проверять изменения, внесенные обновлением, и заменять CSS только там, где это необходимо, на основе их сценария.

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

А как насчет нелатинских шрифтов? [Править]

Старый размер шрифта в нелатинских шрифтах был 0,8em (12,8 пикселей). Это значительно сужает глифы и надстрочные символы, так как шрифт слишком мал для чтения. Были изучены письменности на урду, маратхи, бахаса мелаю, китайском, корейском и навахо. Увеличение размера основного текста улучшит читаемость большинства скриптов. Специально для навахо будет предоставлено переопределение, потому что пары символов в Helvetica отображаются странно.

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

Проводили ли вы какие-либо контролируемые эксперименты, например, A / B или сплит-тесты для оценки влияния новой типографики? [Править]

№

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

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

Может ли использование этих новых шрифтов замедлить работу Википедии? [Править]

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

Ссылки [править]

Код ссылки [править]

Переменные векторного стиля в LESS

См. Также [править]

.