Проектирование сайтов
блог Дмитрия Сергеева
* Главная
* Лучшие статьи
* Все статьи
* Как следить за обновлениями
* Теги
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, которая ставит подписи к картинкам, делает врезки, буквицу?
Добавить комментарий
Все объявления
ЯндексДирект
Дать объявление
*
CMS "1С-Битрикс"
Лидер систем управления сайтами в Рунете. Подходит для любого сайта!
www1c-bitrix.ru
*
Amiro.CMS. Более 5000 сайтов!
Комфортная, профессиональная CMS. Скидки, Хостинг в подарок! Цена: от 2990р
Адрес и телефон · wwwamiro.ru
Метки: Проектирование страниц и отдельных блоков * web page design, CMS, WYSIWYG, Буквица, Верстка сайта, Движок для сайта, Лучшие статьи * best articles, Оформление текста, Система управления контентом, Система управления сайтом, Создание дизайна сайта, Создание макета сайта, Создание шаблона сайта, Типографика, Шаблон для сайта, Шапка сайта
* Смотрите также:
o Взвешенные списки
Комментарии
~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
Кто такие "люби"? Что-то я не хочу, чтобы они ко мне тянулись... 
Ответить
Дмитрий Сергеев, 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
Забыл ссылку: http://gettingreal.37signals.com/ch09_E … Design.php
Ответить
~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/becomi … er-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
http://www.mandarindesign.com/dropcaps.html
Ответить
Аниматор, 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
Вячеслав, полностью согласен. Оформление, конечно, занимает важное место, но при условии, что контент хорошо "подан" и без ошибок. Почему-то сильно раздражают грамматические ошибки, хотя и понимаю, что это могут быть опечатки.
Ответить
* Следующая запись:
o Как оценить эффект от сайта?
* Предыдущая запись:
o Должен ли веб-дизайнер писать тексты для сайта?
Отправить новый комментарий
Ваше имя:
Адрес e-mail:
Содержимое этого поля хранится скрыто и не будет показываться публично.
Домашняя страница:
Комментарий: *
Сохраните мои личные данные до следующего раза
Извещайте меня о новых комментариях к этой статье
Сколько будет 8 + 121?: *
Для вопроса «сколько будет 1+1» ответом является «2».
Об авторе
Дмитрий СергеевДмитрий Сергеев, 21 год. Разрабатываю сайты на Drupal и CakePHP.
dima.sergeev@gmail.com
Лучшие статьи
* Нужна ли вам регистрация пользователей?
* Технико-экономическое обоснование сайтов (ТЭО)
* 12 способов улучшить юзабилити сайта при помощи JavaScript и AJAX
Свежие статьи
* Задачка для информационных дизайнеров
* Приемлемый способ разгрузить сайдбар
* Блок «Последние комментарии»: есть куда стремиться
пизда 122138
фото пизды 23745
пизда волосатая 7368
пизда крупно 4752
пизда крупным планом 3855
хуй пизда 3282
голая пизда 3209
порно пизда 3188
лизать пизду 2301
большая пизда 2137
самая пизда 1393
фото волосатые пизды 1386
красивые пизды 1349
пизда сперма 1315
порно фото пизды 1310
бритая пизда 1191
пизда крупно фото 1189
пизда видео 991
женская пизда 948
член пизда 887
фото пизда крупным планом 845
пизда бесплатно 715
огромная пизда 712
фото голых пизд 690
картинки пизды 647
пизда девушки 633
пизда девочки 600
пизда кончает 535
пизды малолеток 520
жопа пизда 499
самая большая пизда 499
пизда секс 491
показать пизду 488
маленькая пизда 474
фото хуя пизды 467
фотки пизды 460
пизда ру 459
пизды женщин 456
мокрая пизда 441
фотографии пизды 435
пизда добавить 430
пизда скачать 421
пизда бабы 409
бутылка пизда 407
молодая пизда 393
фото пизды добавить 365
ебать пизду 364
сиськи пизда 337
пизда рассказы 309
старая пизда
мокрый 17917
фото мокрых 1439
мокрые киски 1113
девушки мокрые 803
мокрые трусики 713
мокрые фасады 711
мокрая одежда 502
мокрая пизда 441
мокрая одежда девушки 332
мокрые письки 330
мокрый асфальт 326
мокрый эффект 313
мокрые майки 246
ванька мокрый 242
мокрые волосы 235
мокрые девочки 220
мокрые писи 218
мокрое влагалище 206
мокрые порно 179
мокрая химия 160
эффект мокрых волос 154
мокрая попка 152
мокрый способ 140
мокрые губы 133
мокрые девушки фото 128
фото мокрых трусиков 124
мокром добавить 123
мокрая вагина 123
сухая мокрая 122
мокрые щелки 112
мокрый гидрокостюм 111
inurl добавить мокрый 103
голые мокрые 102
пылеуловитель мокрый 95
фото мокрые киски 91
конкурс мокрых 89
мокрые сиськи 89
мокрые футболки 88
мокрые трусы 86
мокрые видео 84
мокрая пизда фото 79
мокрые пезды 79
мокрые женские 77
мокрый луг 73
мокрая очистка 73
мокрый пол 70
inurl создать сообщение мокро 68
мокрые подмышки 67
цвет мокрый асфальт 67
мокрое валяние
RSS-материал Подпишитесь на обновления
Статьи по темам
* С чего начать создание сайта (23)
* Проектирование страниц и отдельных блоков (39)
* Повышение эффективности процесса разработки (10)
* Концептуальные ошибки разработчиков (13)
* Техническое задание и другая документация (7)
* Улучшение веб-интерфейсов (18)
* Организация материалов сайта (8)
Реклама
* пошив головных уборов продажа шапок и еще головные уборы из Польши ателье по пошиву головных уборов
* элитный отдых
* создание сайта
О сайте
Проектирование сайтов, веб-разработка, управление интернет-проектами, юзабилити — основные темы этого сайта.
© 2006—2008, Дмитрий Сергеев
Сайт работает на Drupal
