http://habrahabr.ru/rss/post/78322/ ru editor@habrahabr.ru habrahabr.ru Sat, 11 Feb 2012 18:28:24 GMT http://habrahabr.ru/ http://habrahabr.ru/i/logo.gif http://habrahabr.ru/blogs/typography/78322/#comment_2299731 http://habrahabr.ru/blogs/typography/78322/#comment_2299731 Sat, 19 Dec 2009 18:50:35 GMT petergreen http://habrahabr.ru/blogs/typography/78322/#comment_2299292 http://habrahabr.ru/blogs/typography/78322/#comment_2299292 Sat, 19 Dec 2009 15:07:19 GMT trueowl http://habrahabr.ru/blogs/typography/78322/#comment_2292049 http://habrahabr.ru/blogs/typography/78322/#comment_2292049
Спасибо, всё правильно, люблю типографику:)
Только вот одно мешает мне спать — в разделе «заголовки» первая картинка: видит бог, что под словом «плохо» заголовок смотрится лучше, чем под вариантом «хорошо». Он не идеален, но лучше. Если на пару пикселей еще раздвинуть строки, будет идеально. Вам так не кажется? Особенно раздражает спор между расстояниями внутри заголовка и между заголовком и текстом в варианте «хорошо».]]> Thu, 17 Dec 2009 03:25:47 GMT petergreen http://habrahabr.ru/blogs/typography/78322/#comment_2289759 http://habrahabr.ru/blogs/typography/78322/#comment_2289759 Wed, 16 Dec 2009 13:12:36 GMT bassdrum http://habrahabr.ru/blogs/typography/78322/#comment_2288595 http://habrahabr.ru/blogs/typography/78322/#comment_2288595
Для себя я многое взял, и из комментариев тоже. Будем учиться.

Ps. Попробовал вышеприведенный скрип на страницах своего проекта и ужаснулся. Ух.]]> Wed, 16 Dec 2009 08:30:36 GMT tarya http://habrahabr.ru/blogs/typography/78322/#comment_2288563 http://habrahabr.ru/blogs/typography/78322/#comment_2288563
Для себя я многое взял, и из комментариев тоже. Будем учиться.]]> Wed, 16 Dec 2009 08:19:19 GMT tarya http://habrahabr.ru/blogs/typography/78322/#comment_2288481 http://habrahabr.ru/blogs/typography/78322/#comment_2288481 Касательно «вертикального ритма» — каждый уважающий себя дизайнер прекрасно знает о функции “align to baseline grid”, так что только у безграмотных и невежественных бездельников текстовые блоки скачут как попало. В 90% всех изданий тексты жестко привязаны к сетке, рекомендую полюбопытствовать. Это тоже из разряда аксиом, так что повествование очевидного — это и есть понты.
зы. Кстати, у Вас половина картинок не показывается.]]> Wed, 16 Dec 2009 07:56:52 GMT despoth http://habrahabr.ru/blogs/typography/78322/#comment_2288265 http://habrahabr.ru/blogs/typography/78322/#comment_2288265 Wed, 16 Dec 2009 05:50:48 GMT rnbparty http://habrahabr.ru/blogs/typography/78322/#comment_2288215 http://habrahabr.ru/blogs/typography/78322/#comment_2288215
«относить себя к очередному умнику», «указывать налево и направо», «указывать о неправильных кавычках», «цель — исследовать… методы улучшения читабельности текста, а не «кавычковские» понты, как большинство считает», «всего-лишь», «граматика» (под катом не лучше).

Работая со шрифтом, нужно всё-таки вспоминать о грамматике, пунктуации и прочей орфографии, а то то, что вы делаете сейчас с буквами, затруднение при чтении вызывает.]]> Wed, 16 Dec 2009 04:57:05 GMT vilky http://habrahabr.ru/blogs/typography/78322/#comment_2288185 http://habrahabr.ru/blogs/typography/78322/#comment_2288185 csswizardry.com/typogridphy/
]]> Wed, 16 Dec 2009 03:59:03 GMT MihallicA http://habrahabr.ru/blogs/typography/78322/#comment_2288121 http://habrahabr.ru/blogs/typography/78322/#comment_2288121 — я знал о практике использования горизонтальной сетки, но не знал о вертикальном ритме

Не совсем молодец:
— потому что пинает трупы; это во-первых не совсем красиво, а во-вторых избавило бы меня от прочтения трёх лишних абзацев текста вводных слов;
— зебра практически незаметна на моём жк-мониторе; я и не заметил сначала — не грех и усилить;
— пример 12px и 11px шрифтов рядом — надуманный: такая малая разница в кегле (или как это называется) не используется в жизни, а с бОльшей разницей становится очевидным уродство второй колонки, как нам это и продемонстрировал дизайнер Стив Маршал, спасибо ему за это.]]> Wed, 16 Dec 2009 01:01:07 GMT zencd http://habrahabr.ru/blogs/typography/78322/#comment_2288073 http://habrahabr.ru/blogs/typography/78322/#comment_2288073 Wed, 16 Dec 2009 00:06:41 GMT DnV http://habrahabr.ru/blogs/typography/78322/#comment_2287991 http://habrahabr.ru/blogs/typography/78322/#comment_2287991
Я согласен, что оптика — главное, но тогда как раз и следует определять интерлиньяж заголовка на глаз — не может ведь у мелкоочковой Академической и какой-нибудь Lucida Grande с ее гигантским очком быть одинаковый интерлиньяж. Вот тут ошибка будет куда более заметна, чем попадание в базовые линии основного текста.]]> Tue, 15 Dec 2009 23:01:38 GMT MikhailEdoshin http://habrahabr.ru/blogs/typography/78322/#comment_2287950 http://habrahabr.ru/blogs/typography/78322/#comment_2287950 ]]> Tue, 15 Dec 2009 22:29:12 GMT rapida http://habrahabr.ru/blogs/typography/78322/#comment_2287879 http://habrahabr.ru/blogs/typography/78322/#comment_2287879 Tue, 15 Dec 2009 21:51:52 GMT ilya_compman http://habrahabr.ru/blogs/typography/78322/#comment_2287876 http://habrahabr.ru/blogs/typography/78322/#comment_2287876 Tue, 15 Dec 2009 21:50:52 GMT cherenkevich http://habrahabr.ru/blogs/typography/78322/#comment_2287860 http://habrahabr.ru/blogs/typography/78322/#comment_2287860 — копирайт под логотипом смотрится абсолютно неуместно
— косяк с заголовком
— разве тире не отделяют пробелами от слов?]]> Tue, 15 Dec 2009 21:44:21 GMT ilya_compman http://habrahabr.ru/blogs/typography/78322/#comment_2287815 http://habrahabr.ru/blogs/typography/78322/#comment_2287815
По тексту выше похоже, что Вы профессионал в своей области. Но смотрите: Вы совершенно не замечаете, как коверкаете и извращаете русский язык! Я понимаю, что на Вас, как и на всех нас, действует окружающая культура, в которой есть силы, сознательно и целенаправленно разрушающие русский язык как основополагающую часть культуры Русской цивилизации. Но если вы профессионал в области, связанной с языком и любите Родину, нужно быть внимательнее к таким вещам.

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

А что это за слова такие: к лейауту, к имиджам?! Русских слов не нашлось?

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

Не обижайтесь, но так нельзя, товарищ Flo!]]> Tue, 15 Dec 2009 21:27:08 GMT neGODnick http://habrahabr.ru/blogs/typography/78322/#comment_2287811 http://habrahabr.ru/blogs/typography/78322/#comment_2287811 Про типографику многое рассказавают наши преподы на typoholic.ru (Не реклама)]]> Tue, 15 Dec 2009 21:23:57 GMT pgg http://habrahabr.ru/blogs/typography/78322/#comment_2287780 http://habrahabr.ru/blogs/typography/78322/#comment_2287780 Tue, 15 Dec 2009 21:14:59 GMT afan http://habrahabr.ru/blogs/typography/78322/#comment_2287759 http://habrahabr.ru/blogs/typography/78322/#comment_2287759 Tue, 15 Dec 2009 21:06:46 GMT Droy http://habrahabr.ru/blogs/typography/78322/#comment_2287687 http://habrahabr.ru/blogs/typography/78322/#comment_2287687
То что вы написали абсолютно правильно, в издательских системах при правильной верстке это правила соблюдаются, если их соблюдать в вебе будет только лучше. Вопрос в другом в первом примере, у вас есть серьезная ошибка — это висячие предлоги, их необходимо убирать, и тогда у вас изменится и этот абзац. А это значит и другая динамика текста. Так же вы в примерах забываете про оптическую компенсацию. Бесспорно сетка дает дизайнеру много, но применять ее только к тексту не совсем корректно, ну разве только вы не книгу делаете. Ведь модульная сетка применятется к лейауту в целом, и к тексту и к имиджам.

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

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

]]> Tue, 15 Dec 2009 20:43:51 GMT Flo http://habrahabr.ru/blogs/typography/78322/#comment_2287685 http://habrahabr.ru/blogs/typography/78322/#comment_2287685 Tue, 15 Dec 2009 20:42:42 GMT peterdemin http://habrahabr.ru/blogs/typography/78322/#comment_2287644 http://habrahabr.ru/blogs/typography/78322/#comment_2287644 Tue, 15 Dec 2009 20:27:00 GMT Vladimirych http://habrahabr.ru/blogs/typography/78322/#comment_2287529 http://habrahabr.ru/blogs/typography/78322/#comment_2287529 cherenkevich.livejournal.com/31250.html

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

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

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

Еще один факт в «оправдание» разумности моей публикации — Йозеф Мюллер-Брокман и его швейцарский абзац — способ отделения абзацев друг от друга пустой строкой. Это тоже все сделано для того, чтобы соблюдать вертикальный ритм.]]> Tue, 15 Dec 2009 19:50:32 GMT cherenkevich http://habrahabr.ru/blogs/typography/78322/#comment_2287453 http://habrahabr.ru/blogs/typography/78322/#comment_2287453
Слово «типографика» сейчас употребляется в каком-то новом странном значении; раньше оно означало дизайн с помощью наборных элементов (в противоположность рисованному), а сейчас используется почти как синоним «технического редактирования»… впрочем, в любой роли вещь это, конечно же, нужная и оправданная :) Но правила у нее не такие… механические. Взять, например, основу типографики (и той, и другой) — шрифт. Даже у самого вроде бы геометрически правильного шрифта огруглые буквы чуть больше, чем прямые, центральная линия чуть выше середины, а то, что кажется дугой окружности, вовсе ею не является. Насколько выше (больше и т. п.)? Ответ можно дать только посмотрев на шрифт — то есть на глаз.]]> Tue, 15 Dec 2009 19:28:09 GMT MikhailEdoshin http://habrahabr.ru/blogs/typography/78322/#comment_2287370 http://habrahabr.ru/blogs/typography/78322/#comment_2287370 Tue, 15 Dec 2009 19:00:05 GMT cherenkevich http://habrahabr.ru/blogs/typography/78322/#comment_2287109 http://habrahabr.ru/blogs/typography/78322/#comment_2287109 Tue, 15 Dec 2009 17:33:16 GMT MikhailEdoshin http://habrahabr.ru/blogs/typography/78322/#comment_2287074 http://habrahabr.ru/blogs/typography/78322/#comment_2287074 микро-модульная сетка, если позволите так выразиться. Поэтому соблюдение кратности именно в интерлиньяже оправдывается.

Есть еще и другая проблема. Это в полиграфии вы можете высчитывать интерлиньяж врезки так, чтобы высота ее была кратна интерлиньяжу основного текста. А в вебе как прикажете поступать?]]> Tue, 15 Dec 2009 17:22:20 GMT cherenkevich http://habrahabr.ru/blogs/typography/78322/#comment_2287014 http://habrahabr.ru/blogs/typography/78322/#comment_2287014 общая высота каждого заголовка (или что там нужно вставить между абзацами) была кратна основному интерлиньяжу, а этого можно добиться, варьируя отбивки. ]]> Tue, 15 Dec 2009 17:00:17 GMT MikhailEdoshin http://habrahabr.ru/blogs/typography/78322/#comment_2286833 http://habrahabr.ru/blogs/typography/78322/#comment_2286833
На Хабре — первый. Спасибо!]]> Tue, 15 Dec 2009 16:13:04 GMT cherenkevich http://habrahabr.ru/blogs/typography/78322/#comment_2286791 http://habrahabr.ru/blogs/typography/78322/#comment_2286791 Tue, 15 Dec 2009 16:01:54 GMT sunchess http://habrahabr.ru/blogs/typography/78322/#comment_2286300 http://habrahabr.ru/blogs/typography/78322/#comment_2286300 Tue, 15 Dec 2009 13:53:36 GMT cherenkevich #comment_2286280 #comment_2286280 Tue, 15 Dec 2009 13:48:05 GMT diggy http://habrahabr.ru/blogs/typography/78322/#comment_2286270 http://habrahabr.ru/blogs/typography/78322/#comment_2286270 Tue, 15 Dec 2009 13:46:42 GMT dug http://habrahabr.ru/blogs/typography/78322/#comment_2286215 http://habrahabr.ru/blogs/typography/78322/#comment_2286215
Полуторная высота строки для заголовках — это действительно плохо, Вы правы.]]> Tue, 15 Dec 2009 13:31:42 GMT cherenkevich http://habrahabr.ru/blogs/typography/78322/#comment_2286178 http://habrahabr.ru/blogs/typography/78322/#comment_2286178 Статья местами неплохая, для людей знающих — очевидная, но встречаются ляпы.
Да и изображения с расплывшимся полосами текстом не приводят в восторг.]]> Tue, 15 Dec 2009 13:20:39 GMT meihem http://habrahabr.ru/blogs/typography/78322/#comment_2286094 http://habrahabr.ru/blogs/typography/78322/#comment_2286094 Tue, 15 Dec 2009 12:57:05 GMT cherenkevich http://habrahabr.ru/blogs/typography/78322/#comment_2286070 http://habrahabr.ru/blogs/typography/78322/#comment_2286070
Страница английского дизайнера Стива Маршалла — не образец для подражания. Его правая колонка вместо того, чтобы быть массивом связанного текста выглядит просто набором строк. Но зато в угоду общей сетке, да, очень круто, прям восторг. Английский Дизайнер!

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

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

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

Ну и чтобы этот комментарий был хоть сколько оправдан — вот есть хороший букмарклет для сетки s.robgoodlatte.com/demo, а есть то же самое, но скрипт samuel.bowles.es/2007/08/syncotype]]> Tue, 15 Dec 2009 12:53:18 GMT sunchess http://habrahabr.ru/blogs/typography/78322/#comment_2285874 http://habrahabr.ru/blogs/typography/78322/#comment_2285874 Это можно применять не только дизайнерам сайтов, но и бизнес-аналитикам, руководителям проектов.
Наверное, еще много кому, но это я о наиболее для себя актуальном =)]]> Tue, 15 Dec 2009 12:04:18 GMT StWoland