10 способов оформления текста

23.04.2007

Ребята из 37signals говорят, что дизайн сайта нужно начинать с центральных материалов. Стили заголовков, абзацев, ссылок основного текста — самая важная вещь. Вроде правильно. Кто-нибудь скажет, почему я всегда первым делом разбивал страницу на колонки и рисовал шапку?

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

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

Вот что говорит Robert Bringhurst: «Headings, subheads, block quotations, footnotes, illustrations, captions and other intrusions into the text create syncopations and variations against the base rhythm of regularly leaded lines. These variations can and should add life to the page…».

Блоки цитат

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

Врезки

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

Заголовки

Некоторые используют шрифт Impact. Другие выделяют заголовки разными линиями и границами.

Подзаголовки

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

Буквица

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

Подписи к иллюстрациям

В интернете как-то не очень принято давать картинкам названия. Но ведь содержимое атрибута ALT не заменяет настоящую подпись.

Сноски

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

Ссылки

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

Акронимы, «жирный» и курсив

Все эти «мелкие inline-элементы» придают плоскому тексту объема.

Служебная информация

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

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

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

Комментарии

~xXx~, 23.04.2007 02:24

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

Дмитрий Сергеев, 23.04.2007 10:55

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

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

Uznick, 23.04.2007 02:39

Буковицу можно через css отруливать (http://www.w3schools.com/css/css_pseudo_elements.asp), никакой особенной cms здесь не нужно.

Дмитрий Сергеев, 23.04.2007 10:51

Да, большинство украшений можно сделать с помощью CSS и примитивного HTML-кода. Но хотелось бы, чтобы CMS шла навстречу. Скажем, при добавлении материала на сайт, был бы блок таких настроек:
* использовать буквицу (флажок),
* вставить pull quote (текстовое поле),
* напротив n-ого абзаца сделать комментарий на полях (текстовое поле)
и так далее.

Такая функциональность может быть уже реализована в виде модуля к какой-нибудь CMS. Нужно только поискать.

Михаил, 23.04.2007 08:44

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

Дмитрий Сергеев, 23.04.2007 10:45

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

Михаил, 23.04.2007 10:58

Не очень известное, но в наше аяксовое время оно довольно дельное :)

Дмитрий Сергеев, 23.04.2007 11:05

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

Алексей Камедов, 25.04.2007 16:02

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

Дмитрий Сергеев, 25.04.2007 18:20

Я так пробовал делать. Но реализация церез border-bottom имеет свои недостатки. А вариант с дополнительными тегами span громоздкий.

~xXx~, 24.04.2007 01:05

ага, чисто вебдванольная фишка...

larin, 23.04.2007 11:27

>> Иногда ссылки оформляются очень необычно. Например, подчеркиваются пунктиром :)

А что необычного в ссылках подчеркнутых пунктиром? ИМХО, такие ссылки стоит использовать ТОЛЬКО для, так называемых, AJAX-ссылок, т. е. тех ссылок которые не повлекут перезагрузки страницы.

Дмитрий Сергеев, 23.04.2007 12:20

Честно говоря, я редко вижу ссылки, подчеркнутые пунктиром.

larin, 23.04.2007 13:24

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

Дмитрий Сергеев, 23.04.2007 13:38

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

Еще, скажем, на той же Хабре, важно ли знать, что верхние ссылки что-то там подгружают, а не ведут на новые страницы?

Зерно точно есть, но best practice пока еще не очень оформилась.

~xXx~, 24.04.2007 01:08

> Например, ссылки, открывающиеся в новых окнах, не всегда выделяются по-особенному.

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

Дмитрий Сергеев, 24.04.2007 11:21

Кстати, не он один :)

Опять же инициатива пользователя отмечать такие ссылки должна поддерживаться CMS: например, если ссылка внешняя, начинается с «http», то автоматически привязывается соответствующий стиль с пиктограммкой.

Junior, 25.04.2007 17:53

Ну в "правильных браузерах" (тут должна же быть реклама FireFox) это делается через CSS. А вот "неправильные браузеры" (тут запикивание мата) клали на всё.
:)

~xXx~, 25.04.2007 18:38

правильность браузера - штука весьма субъективная. пока IE будет поставляться в комплекте с Windows, он будет оставаться самым правильным по той причине, что им пользуются посетители сайтов - ведь мы не друг для друга сайты то клепаем!

Junior, 25.04.2007 19:52

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

Нееееет :) По этой причине он будет самым распространенным, но не правильным. Правильные браузеры идут в ногу со временем и потребностями, а не латают дыры по четыре года.

p.s. Главное сейчас в холивар не уйти опять. :)

~xXx~, 26.04.2007 10:12

В разрезе того же CSS и правильной интерпретации стандарта как такового естественно правильный браузер есть тот, который им соответствует. И конечно же проще верстать именно под него... )
НО... пользуются то рядовые пользователи по прежнему IE (((

Антон Ч, 30.04.2007 08:22

Хм. А как это через CSS обыгрывается?

Junior, 30.04.2007 12:29

Через значения атрибутов селектора.
что-то типа a[href=""] точно не помню, на xhtml.ru, по-моему, это описано (в книге Джеффри Зельдмана, на сайте alistapart.com тоже).

Антон Ч, 30.04.2007 16:41

А ведь читал я Зельдмана. Такого не встречал :)
Это разве по стандартам ваще?

Junior, 02.05.2007 12:19

А там в разделе "Доступность сайтов" кажется. Где описывалась версии для медиа-типов. Но! Я не утверждаю, могу ошибаться и это в другом месте читал. :)

larin, 23.04.2007 13:56

>> А действительно ли пользователю нужно знать о том, как поведет себя ссылка?
Действительно!

>> Большинство уже привыкло к непредсказуемости и относится к ней вполне терпимо ;)
Разве это нормально?! Совершая любое действие на сайте пользователь должен получить "ожидаемый результат".

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

>> Зерно точно есть, но best practice пока еще не очень оформилась.
Оформилась, только в рунете пока мало таких сайтов. Но то что сейчас модно - студия "СамиЗнаетеКого" уже давно делает хорошие интерфейсы у сайтов.
Тем более не нужно смотреть как плохо делают другие - делай хорошо сам. И люби к тебе потянутся. (с)

Junior, 23.04.2007 14:32

Кто такие "люби"? Что-то я не хочу, чтобы они ко мне тянулись... :-P

Дмитрий Сергеев, 23.04.2007 14:39

:)

larin, 23.04.2007 14:55

Ой! Ачепятка: люди ))))

Юрий, 23.04.2007 22:16

Привет, Сергей 8)

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

Хочу, в таком случае, выложить мегаполезную книгу о типографике.

Дмитрий Сергеев, 23.04.2007 22:45

Дима. Меня зовут Дима :)

О типографике я читал только Джеймса Феличи. Теперь вот Рудера почитаю. Спасибо.

Юрий, 24.04.2007 07:45

Простите, был немного пиан 8)))

Утро вечера мудренее...

Олег Степура, 24.04.2007 10:33

ИМХО стили внутренних элементов не должны дизайниться до основного диза, т.к. стилистика сайта задается именно им!

Дмитрий Сергеев, 24.04.2007 11:14

Спорить не буду. Как-нибудь попробую и расскажу, что получилось.

Junior, 24.04.2007 12:23

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

Смотрите, когда делается, скажем, "внешняя" составляющая дизайна, графическая, то чем руководствуется дизайнер/иллюстратор, какими соображениями? Думают ли они сразу о том, как будет представлен текст? Учитывают ли детали, нюансы. Мне кажется, нет.

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

Так вроде проще получится и не будет больших затруднений - ведь материал уже проработан.

Предлагаю посмотреть на Ленту.Ру - исключительно инфромационный дизайн, а как в целом приятно выглядит!

Дмитрий Сергеев, 24.04.2007 12:37

Я тоже так думаю.

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

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

Junior, 24.04.2007 12:53

И более того - дизайн часто может влиять на функциональность. Кроме дизайнера детально с контентом никто не работает (если не считать копирайтеров, но они не думают о представлении). Я в практике часто (в 80-90% случаев) встречаюсь с такой ситуацией. Например, есть таблица. Будем считать, что это список товаров. Дизайнер считает, что список товаров достаточно большой и в таблице нужна либо сортировка, либо фильтр, либо разбиение по страницам.Вот и появляется дополнительный функционал. Причем, загодя этот функционал далеко не всегда предусмотришь, если не считать случаев, когда над сайтом сначала работает проектировщик (тезка, это наша работа :)). И дизайнеру вроде как возразить нечем, кроме как ограничением по бюджету.

Вобщем интересный подход, надо будет подумать, может и стоит внедрять у себя, ломая устоявшиеся стериотипы. :)

larin, 24.04.2007 13:06

Вот с этим согласен на 100%. Вначале стоит разрабатывать структурную сетку - макет. И уж только потом заниматься украшательством.
Многие дизайнеры, к сожалению забывают, что сайт - это прежде всего информация, а искусство работы в фотошопе вторично. )))
Это конечно не касается "имиджевых" сайтов и сайтов промо-акций. На них можно дать "первое место" дизайнеру.

Дмитрий Сергеев, 24.04.2007 13:57

Кстати, я посмотрел my-lib.ru.

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

Футурико так делает с Блогистаном.

larin, 24.04.2007 14:13

Вариант. :)
Сегодня скажу дизайнеру, чтоб оформил.
Спасибо!
А самому такой проект будет полезен?

Дмитрий Сергеев, 24.04.2007 15:03

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

Только по-моему у вас есть суровые конкуренты. Придется предложить нечто особенное.

larin, 24.04.2007 15:15

Это кто? ИМХОклаб?
Так у них инвестиций сколько? Они вряд ли будут независимой системой. :) А больше у нас конкурентов нет.

Junior, 24.04.2007 16:02

>> А больше у нас конкурентов нет.
Тс-с-с-с... Нельзя такие вещи вслух говорить :))

larin, 24.04.2007 16:09

:) :)
А назови мне кого-нить?

~xXx~, 26.04.2007 10:16

Fabrik

~xXx~, 26.04.2007 10:18

упс, тэг пролез... SUP Fabrik имелся в виду. С их баблищем могут столько всего навертеть...

Дмитрий Сергеев, 24.04.2007 16:09

Да, Имхоклаб что-то зашумел в последнее время :) Рекомендата, коллаборативная фильтрация… Посмотрим.

Вообще думаю, ozon.ru или books.ru могут сделать хорошую систему. У них уже куча книг и пользователей, да и продажи отлажены. Пойти, так сказать, по стопам Амазона.

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

~xXx~, 26.04.2007 10:15

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

larin, 26.04.2007 10:38

Это вы о каком проекте? lastfm или imhoclub?

~xXx~, 26.04.2007 10:41

Last.fm

larin, 26.04.2007 10:47

Да, сервис зачЁтный! )))
Ребята молодцы! Мне интерфейс понравился - все действительно интуитивно.
Вот сегодня еще нашел хороший пример простоты и интуитивности: http://mmm-tasty.ru/
Замечательно сделана "регистрация" без регистрации. )))

ckpomcku, 27.04.2007 00:34

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

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

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

Главное не забывать, что эстетика — важна, но всё равно остается вторичной по отношению к логике.

Дмитрий Сергеев, 27.04.2007 00:51

Вот что пишут в главе "Epicenter Design":

Start from the core of the page and build outward
Epicenter design focuses on the true essence of the page — the epicenter — and then builds outward. This means that, at the start, you ignore the extremities: the navigation/tabs, footer, colors, sidebar, logo, etc. Instead, you start at the epicenter and design the most important piece of content first.

А вот глава целиком.

Дмитрий Сергеев, 27.04.2007 00:52

~xXx~, 27.04.2007 01:23

> (в подавляющем большинстве сеткой именуют расставленные наобум гайды, что к хорошей модульной сетке не имеет никакого отношения)

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

я делал как то сайт для России по немецким гайдам - от него осталась только общая сетка и цветовое решение... всё остальное их бренд-менеджер пропустил...

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

~xXx~, 27.04.2007 01:24

где мой пост???

Дмитрий Сергеев, 27.04.2007 01:34

Пост на второй странице :) Может сделать всё на одной?

ckpomcku, 27.04.2007 02:07

> ~xXx~: бред - при разработке сайта с нуля гадов быть не может!!!

«...в результате я изуродововал почти всю...» — это ключевая фраза во всем сказанном Вами.

> Дмитрий Сергеев: Вот что пишут в главе "Epicenter Design"

Всё верно. Только не стоит воспринимать это дословно.
И комментарии лучше на одной странице.

~xXx~, 27.04.2007 03:32

> «...в результате я изуродововал почти всю...» — это ключевая фраза во всем сказанном Вами.

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

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

и можно на ты ;)

ckpomcku, 27.04.2007 03:42

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

У Вас именно такое агенство? ;-)

> в результате умудрился засунуть раза в три больше навигационных сервисов в ограниченный объем

Функциональная перенасыщенность хуже недостатка таковой.

~xXx~, 28.04.2007 16:25

>У Вас именно такое агенство? ;-)

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

Дмитрий Сергеев, 28.04.2007 16:47

Подозреваю, произошла путаница в терминологии. "Гайдами" можно называть направляющие в Фотошопе, а можно -- правила фирменного стиля :)

ckpomcku, 28.04.2007 19:03

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

~xXx~, 29.04.2007 12:12

согласен - мой косяк )

ckpomcku, 28.04.2007 19:05

Это стандартная практика рекламных агентств «широкого поля действия».

~xXx~, 29.04.2007 12:17

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

в России ситуация получше - кому интересно, ща открыта вакансия руководителя интернет-проектов в BBDO Russia

Дмитрий Сергеев, 27.04.2007 11:03

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

ckpomcku, 27.04.2007 17:53

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

Дмитрий Сергеев, 27.04.2007 18:02

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

Надо бы универсальный модуль поискать. Может у Ильи Бирмана попросить из e2, там вроде всё в порядке.

ckpomcku, 27.04.2007 18:17

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

Number One, 27.04.2007 14:25

отличная заметка, спасибо.

Junior, 27.04.2007 15:37

"Гайды" - это что, простите? :)

ckpomcku, 27.04.2007 17:36

Guides. Также называют «направляющими», но это долго :)

Junior, 02.05.2007 12:27

Нашел пример удачной врезки - http://blog.dotfix.ru/2007-04-16/becoming-a-copywriter-part01/

p.s. Привет Юрию из соседней темы :)

Дмитрий Сергеев, 02.05.2007 12:40

Если бы я был smashingmagazine.com, то собрал бы целую коллекцию удачных реализаций :)

Огоньков, 30.07.2007 18:53

Возможно заинтересует)
http://www.webmascon.com/forum/viewtopic.php?t=6089

Дмитрий Сергеев, 30.07.2007 19:17

Спасибо. Сейчас спрошу про ошибки :)

Аниматор, 07.10.2007 18:59

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

Дмитрий Сергеев, 07.10.2007 19:03

Аниматор, 07.10.2007 19:16

о, спасибо!!! :)

Нобельфайк, 06.01.2008 23:34

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

Дмитрий Сергеев, 07.01.2008 00:48

Согласен, конечно. Не типографика, а балаган :)

В этой подборке я смотрю на проблему со стороны обычного веб-дизайнера или веб-мастера: «Что можно сделать с большим куском текста, чтобы он не выглядел слишком уж уныло?» Не возьмусь перечислять все слабые места такого подхода — очень их много. Однако, ответ на поставленный вопрос текст дает. Кроме того, отсылки к врезкам и подзаголовкам могут натолкнуть на мысли о необходимости работы над структурой текста и проч.

Shadow, 03.02.2008 09:02

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

Добавлю от себя:
Если контент написан, извините, корявым языком, с ляпами или, того хуже, ошибками-
никакое оформление не поможет.

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

Это только мое ИМХО.
с ув. Вячеслав

Дмитрий 24, 18.03.2008 15:43

Почему то не могу распечатать дальше 3 листа?? В чем проблема??

Дмитрий Сергеев, 18.03.2008 22:53

Что распечатать-то?

Мастер, 10.05.2008 01:24

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

Abiatec, 18.06.2008 20:52

http://www.abiatec.com/services кое-что применяем уже, кое-что будем вводить как стандарт в ближайшее время...

rotor, 30.06.2008 22:22

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

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

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

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

С остальными пунктами полностью согласен.

~xXx~, 01.07.2008 02:11

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

Begun для своей всплывающей контекстной рекламы (гиперконтекст) использует жирное подчеркивание (иногда зеленого цвета). ИМХО, решение сомнительное... хотя, теперь заранее знаю, на что лучше на странице НЕ кликать )

Дмитрий Сергеев, 01.07.2008 21:09

Я бы не сильно доверял всплывающим подсказкам. Что с подписями картинок, что с акронимами, что со сносками -- половина читателей пропустит.

Боковые сноски -- по-моему хороший компромисс.

~xXx~, 01.07.2008 22:39

так вот логичнее как раз не всплывающие по онмаусу, а требующие клика...

Дмитрий Сергеев, 01.07.2008 23:37

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

~xXx~, 02.07.2008 00:10

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