Дизайн текста на веб-сайте и новая профессия «вебстальщик»

Дизайн текста на веб-сайте и новая профессия «вебстальщик»

Здравствуйте, дорогие друзья. Сегодняшняя статья будет отличаться от обычных — вместо меня на трибуну автора поднимется Иван Василевич (@murketolog) — руководитель проекта TextStyle.ru и главный редактор SEODemotivators.ru.

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

Я же со своей стороны, хотел бы услышать от вас в комментариях — понравилась ли вам статья и есть ли смысл продолжать практику гостевых постов?

Итак, слово Ивану и до встречи в комментариях.

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

В интернете также появился такой новый термин:

В 90-х его часто создавал и поддерживал (на коленках в HTML) системный администратор. Иногда на «Народе», иногда на отдельном домене. И когда он уходил, новому сисадмину приходилось разбираться во всём бардаке из html-файлов.

Ну а что касается текста, то читать его тоже бывает довольно затруднительно. Дабы не испытывать своё терпение и не нагружать и без того утомлённые глаза, таким сайтам мы выносим лишь один вердикт – безжалостно быть закрытыми. Часто в этом виноват SEO копирайтинг:

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

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

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

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

Какие стили нужно оформить для улучшения качества текста?

Если ваш сайт находится в разработке (или на этапе поддержки) не поздно попросить разработчиков «интересней» оформить следующие стили текста:

  1. <h1>   — заголовок  1го уровня
  2. <h2>  — заголовок  2уровня
  3. <h3>  — заголовок  3уровня
  4. <p> — абзац (дополнительно может делаться Буквица, причем у каждого абзаца она может автоматически у первого предложения становиться).
  5. <a> — ссылка, посещенная ссылка, ссылка при наведении
  6. <ul> — ненумерованный  список  («буллеты»), список 2-го уровня.
  7. <ol> — нумерованный список;
  8. <blockquote> — оформление цитаты
  9. <em> врезка (или вставка) – текст, который имеет иное оформление чем текст остальных абзацев и чаще всего находится в прямоугольнике другого фона (пример).
  10. <strong> — жирный текст, выделенный текст (иногда выделение может не быть тем же цветом, что и основной текст абзаца)
  11. Рамки у картинок в тексте. Отступы текста абзаца и рамок. Опционально – оформление подписи под картинкой (пример).
  12. Отступы у объектов и т.д.
  13. Если на веб-сайте в контенте широко используются табличные данные, делается оформление таблиц (если надо).

Иногда владельцы сайтов обращаются за такими просьбами к разработчикам, а для дизайнеров это оказывается неожиданным… И они начинают делать такое в первый раз (в Adobe Photoshop), после чего клиент понимает, что «что-то не то». Какой то «разброд» в шрифтах и цветах:

На самом деле заниматься оформлением текста на веб-страницах сегодня должны вовсе не веб-дизайнеры и даже не HTML-верстальщики. С недавних пор это прерогатива таких специалистов как вебстальщики.

Если взять HTML-верстальщика (фаната HTML-кода, а не Photoshop) и научить его колористике (цветовой гармонии) и типографике (работе со шрифтами), то получится нечто новое:

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

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

Было:

Стало:

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

Как же это вебстальщику удаётся? На самом деле здесь нет ничего секретного, только происходит это не с Adobe Photoshop, а сразу с CSS стилями! При внедрении дизайна текста не нужно проходить этап html-верстки и внедрения этого программистом!

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

Иван Василевич

Руководитель проекта TextStyle.ru

Главный редактор SEODemotivators.ru

92 комментария к “Дизайн текста на веб-сайте и новая профессия «вебстальщик»”

  1. Согласен с автором. На своем блоге мало времени этому уделял. В больше степени менял только шрифты и собственно его размер.

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

    Спс за инфу

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

    ОтветитьОтветить
  3. «Стало» мне понравилось меньше, чем «было»: мелькание элементов оформления, стилевой разнобой, отсутствие вкуса. И за каким-то, пардон, хреном кошечка внизу — она-то здесь причём?
    Нет, если такая профессия действительно существует, то специалистам её ещё расти и расти до настоящего профессионализма.

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

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

    ОтветитьОтветить
  4. Хы-хы! Я — кандидат в вебстальщики. По крайней мере, на своих блогах я в меру стараюсь разнообразить текст и уж во всяком случае слежу за его опрятностью и читаемостью. Правда, рассказы не разнообразишь — они поневоле идут одним потоком. А отформатировать пьесы — вообще работка ещё та.

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

    ОтветитьОтветить
  5. Весьма интересная статья. Есть над чем поразмыслить… У меня как раз нечто подобное в последнее время сформировалось в голове, только вот не читал я на эту тему ничего. А оказывается такая профессия еще бывает :)

    ОтветитьОтветить
  6. Думается, что вы пытаетесь решить проблему довольно извращенным способом. Давайте будем честными и разберем, почему на сайте возникают проблемы с версткой текста.
    1. Дизайнер-непрофессионал.
    Проблема весьма актуальная для наших интернетов, да и на западе не редкость. Дизайнер — это ведь не человек, который рисует рюшечки. Дизайнер обязан разбираться в типографике на экспертном уровне, если его работа хоть как-то связана с текстами. Каждый дизайн должен содержать в обязательном порядке все вариации стилей, которые вы перечислили — и заголовки, и ссылки в трех состояниях, все межстрочные и межбуквенные интервалы. Кроме того, дизайнер просто обязан предусматривать ситуации, когда контент будет вбит иначе, чем он задумал. Когда текста будет больше или меньше. Когда заголовки будут следовать один за другим. Когда, наконец, заголовок будет 300-символьный. И с этим у нас серьезные проблемы. Многие дизайнеры не обладают и 1% процентом знаний в юзабилити, типографике, верстке. И дизайн делают статичным.
    2. Если дизайнер не сплоховал, никто не гарантирует win’a верстальщика. Верстальщик не должен придумывать нагромождения блоков, должен знать семантические стандарты, микроформаты, должен иметь представление о сео и css-naked-day. И да, верстальщик тоже должен быть профессионалом. Тогда он не испортит своей некачественной работой профессиональный дизайн.
    3. Кроме верстальщика и дизайнера над сайтом работает еще и программист. Его задача корректно внедрить верстку и дать ровно столько простых инструментов контент-менеджеру, чтобы тот не смог с их помощью испортить верстку. Не надо давать word-подобные редакторы. Не надо позволять вставлять все и всеми способами. Идеальные редакторы — это не WYSIWYG, а WYSIWYM (What You See Is What You Mean). Они более профессиональны и почти не допускают сделать серьезный косяк при постинге контента.
    4. Ну и самый главный виновник отвратных сайтов — это контент-менеджер. Зачастую заказывают профессиональный и дорогой дизайн, затем не менее дорогой программинг и через 2-3 месяца сайт превращается в кусок нелицеприятного мусора. Красные заголовки большими буквами, отсутствующая типографика, криво всунутые картинки — это симптомы «обезьяны с гранатой» — плохого контент-менеджера.

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

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

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

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

    ОтветитьОтветить
  8. @Kama:
    Такая профессия давно есть, просто раньше не так востребовано было, раньше мастера были 3 в 1 :)

    ОтветитьОтветить
  9. @keriat:
    Вот насчёт контент-менеджера чистейшая правда. :)

    «— Я мечтаю!.. Я мечтаю!!.. Чтоб всякий раз, когда юзер захочет ввести размер шрифта равным «самое большое» и цвет — magenta… чтоб из экрана высовывалась базука и сносила ему голову нафиг!»

    Я в своё время тоже писала практическое размышление на эту тему: http://www.proofsite.com.ua/goto/http://webdevelopernotes.ru/2008/05/03/urok-xoroshego-tona-dlya-administratora/ Правда, этот рецепт лечит только часть возможного контент-менеджерского «творчества», есть вещи и неизлечимые. Вот сейчас одному такому никак не вправим мозги, чтобы не пихал таблицу в абзацы. Потому что ЭТО затычками из css не предотвратишь.

    ОтветитьОтветить
  10. @Allpa:

    Безусловно вебстальщикам есть куда расти, а потенциальному клиенту сайта (заметим он обладает совсем другим User Expirience, чем дизайнер) оформление текста («с рюшечками») всё же создает приятные ощущения, чем дискомфорт (он то вообще не видит такого разнообразия).

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

    ОтветитьОтветить
  11. @sm:

    Вы правы, коллега! Только вот [классическое] образование художника дизайнера очень многих навыков не дает: экранная типографика (совместимость шрифтов и кроссбраузерность), HTML и CSS и другое. И самое главное — человек, который осознал «прелести и свободы Фотожопа» и более того, научился качественно рисовать макеты для веб-сайтов (которые выглядят «дорого») вжисть не станет заниматься типографикой сайта через CSS (в обход Фотошоп) за те деньги, которые делают эту услугу конкурентоспособной!

    Безусловно — при стоимости сайта в 5-10 тысяч долларов, при грамотном менеджере проектов (который понимает ценность текста), при грамотном Заказчике (а часто вы видели грамотных заказчиков?) из сайта сделают «конфетку» по всем параметрам! (в том числе и по тексту).

    Наша услуга для малого бизнеса (за 300$) — это всё равно что глутамат натрия и специи в «Дошираке», которые делают лапшу (на уши, на рот пользователя) «вкуснее»!

    ОтветитьОтветить
  12. @Муркетолог: Надо научить заказчиков не заказывать сайты за 300 баксов так же, как они не покупают китайские кроссовки за 10. Потому что кроссовки за 10 — говно. И сайты за 300 — говно. Потому что нормальный дизайн начинается от 300 (одна страничечька). Потому что нельзя демпинговать рынок. Потому что из-за сайтов за 300$ все считают php говном, php-программистов долбоебами, а интернет — унитазом.

    ОтветитьОтветить
  13. @keriat:

    Также как в озере 80% мелкая рыбешка, 10% средняя и.т.д. 2% самая крупная, также и в области бизнесов малых бизнесов (которые в зависимости от города базирования большинство: эти бизнесы тратят на разработку сайта от 300 до 1000$ (Изредка выше, интернет магазины — отдельный тип бизнеса). Я имел ввиду, что 300$ — стоимость моей услуги по «тюннингу» текстов на любом сайте (шаблонном или не очень)!

    ОтветитьОтветить
  14. Кроме того, дизайнер просто обязан предусматривать ситуации, когда контент будет вбит иначе

    Дизайнер (также как милиционер) много чего всем «должен» :) А знаете что на деле? Он делает то, что от него хочет необразованный клиент! Ведь менеджеру проекта главное СПИХНУТЬ! И даже когда проект стоит 5-10 тысяч долларов менеджер на стороне клиента так «вынимает моск» у разработчиков, что они (сделав «стильный дизайн», который как страшный сон) все остальное делать ХОРОШО не удосуживаются! В портфолио то JPG надо помещать!

    А образованный клиент — это эксклюзив. http://www.artlebedev.ru/kovodstvo/sections/87/

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

    >>Сколько стоит сайт, где ВСЁ (включая клиента) «правильное»? И может ли его позволить самый массовый заказчик сайтов — малый бизнес?

    ….

    Так что мы тут как никак санитары леса! :)

    ОтветитьОтветить
  15. @Муркетолог

    Кошечка в подвале — это «изюминка»

    Всякая изюминка должна быть уместной, нести смысловую нагрузку, быть с чем-то в связи, — это моя непоколебимая имха :)
    Изюминка в чесночном хлебце, согласитесь, совсем не то, что изюминка в сдобной булке. А в данном конкретном случае Ваша «изюминка» именно что не пришей кобыле хвост, пардон.
    Уважаемый, это же классика жанра →

    А ещё добавь котёнка. Все обожают котят!

    Пруф, если угодно: doseng.org/prikol/43998-zabavnyj-komiks-kak-veb-dizajn-katitsya-pryamo-v-ad-10-kartinok.html

    ОтветитьОтветить
  16. аляповато-пёстрые сайты такого слова раньше не встречал=) хоть что-то новое узнал=)

    ОтветитьОтветить
  17. вебстальщик — сначала подумал шутка такая, спросил у яндекса, и вправду есть такая профессия)

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

    ОтветитьОтветить
  19. Спасибо, полезная тема. Раньше не уделял тексту такого внимания. Но, блин, теперь понял. Начну все свои записи вебсталировать :D

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

    По поводу гостевых постов — думаю, стоит продoлжать.

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

    ОтветитьОтветить
  22. @WebWed:

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

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

    ОтветитьОтветить
  24. Не знаю, минимализм считаю наука высшего качества, пример симу дизайн гугл… текст оформлен аккуратно, лишней графики нет.

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

    А вот можно! Смотрите Title на сайте http://www.artlebedev.ru ;)

    @Александр:

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

    Поговорка номер раз: ПРОСТО СДЕЛАТЬ СЛОЖНО

    Утверждение №2: На сайте, с которым пользователь серьезно НЕ ВЗАИМОДЕЙСТВУЕТ (потому что это сайт-визитка) а просто должен прочесть нужную информацию эстетическое впечатление от сайта важней, чем «простота». Кстати — про юзабилити http://seodemotivators.ru/?p=2263

    ОтветитьОтветить
  26. Сайтов плохих всегда было много… Просто поисковики не успевают за оптимизаторами, их ведь больше…

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

    ОтветитьОтветить
  28. Доброго времени суток.
    Что сказать, расти мне еще и расти. Ну ничего подрастем.
    Дорогу осилит идущий.
    Всем удачи, успеха.

    ОтветитьОтветить
  29. Большое спасибо за информацию !!! На самом деле я считал, что всё на много проще, но после того как прочитал вашу статью, понял что это не так. Результат на страницах которые Вы продемонстрировали видно ОЧЕНЬ СИЛЬНО!!! ЕЩЁ РАЗ ВАМ БОЛЬШОЕ СПАСИБО!!!

    ОтветитьОтветить
  30. Да, раньше мало обращал внимания на текст, хотя разница по картинкам, как говрится, налицо. Спасибо, постараюсь применить на практике.

    ОтветитьОтветить
  31. Очень даже правдивая статья…
    Занимаюсь я и веб-дизайном и версткой… Оказывается что я еще и вебстальщик в какой-то степени )

    ОтветитьОтветить
  32. зачем выдумывать новые профессии? Хорошо сработанная двойка дизайнер — верстальщик вполне справляются.

    ОтветитьОтветить
  33. мне кажется лучше уж потратиться на штат сотрудников чем 3 в 1 держать)

    ОтветитьОтветить
  34. До того как наткнулся на Вашу статью не придавал значения тексту. Теперь пойду исправлять свои ошибки. Спасибо за информацию.

    ОтветитьОтветить
  35. мне кажется лучше уж потратиться на штат сотрудников чем 3 в 1 держать)

    И получите Лебедя, Рака и Щуку :)

    ОтветитьОтветить
  36. Статья отличная, а также я согласен с мнением Allpa, что вебстальщикам есть куда расти и продвигаться.

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

    ОтветитьОтветить
  38. Да уж я тоже насмотрелся зеленого текста на черном фоне, вообще долгое время в рунете текту не уделяли должного внимания. Но мне кажется, что вебстальщик должен помимо оформления текста css-кой должен уметь оптимизировать его с точки зрения seo. Иначе можно так «h1» и «strong-ов»
    понаставить, что про выдачу в поисковике придется забыть.

    ОтветитьОтветить
  39. Спасибо! Изучила и готова верстать грамотно :)

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

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

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

    ОтветитьОтветить
  43. Мне кажется, хороший веб-мастер (контент-менеджер) + хороший дизайнер могут обойтись без вебстальщика. Только мало их, хороших-то :о)

    ОтветитьОтветить
  44. @Николай:

    «Ух класс и с картинками — приятно читать)) «

    Вспомните детство! Когда вы книжку без картинок считали за бесполезный брусок!

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

    ОтветитьОтветить
  46. Подход к правильной типографики — целая наука. Просто зачастую данная работа возлагается на Web-дизайнеро / мастеров…

    ОтветитьОтветить
  47. Все правильно развивающийся рынок «интернета» порождает новые направления и новые потребности, что в итоге создает спрос на новые специальности.

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

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

    Понятно, что каждый кулик хвалит свое болото, но профессиональные копирайтеры учатся не только грамматике и орфографии… :-))

    ОтветитьОтветить
  49. В целом мне эта идея понравилась…Но вопрос меня гложит: насколько хорошо все это воспринимается роботами?

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

    ОтветитьОтветить
  51. Интересное мнение, однако мне не понятно само значение слово вебстальщик. Можете объяснить?

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

    ОтветитьОтветить
  53. Интересное мнение, однако мне не понятно само значение слово вебстальщик. Можете объяснить?

    Известно, что дизайнер и программист (html-верстальщик) — люди с разных планет. Один мыслит образами, другой строчками кода. Если пересечь их свойства для достижения цели — дизайна текста (не средствами Adobe Photoshop а CSS) то и получается html-верстальщик + вебдизайнер=вебстальщик — новая профессия!

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

    @Dianaga:

    Вы хоть раз пробовали копирайтеров просить об этом? Кроме h1 и выделения в тексте они часто ни на что не способны! Текста с акцентами удается добиться на 3-4 итерации! (что, согласитесь, непозволительно по срокам для клиента! и порой проще самому разметить текст, чем слать текст туда-сюда). А всё дело вот в чем: копирайтеру никто не говорит НА ЧТО ДЕЛАТЬ АКЦЕНТ. Он не знает слов УТП и профессиональных особенностей деятельности клиента! Задание ему обычно выглядит так:
    Напиши-ка мне текст на 5к символов, употребив фразу «глазковыколупливатели» 10 раз, «—-/—— оптом» — 5 раз, «—-/—— купить» 3 раза! Какой уж тут смысл!

    Да, и кстати если заказывают рерайт, то в исходном тексте ентого самого смысла также не сильно много!

    ОтветитьОтветить
  55. @Виагра:

    Смена CSS файла (если, конечно там нет «приемчиков» типа белым по белому или скрытого текста) никак не влияет на ранжирование! HTML-код страницы НЕ МЕНЯЕТСЯ!

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

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

    ОтветитьОтветить
  58. Пример действительно хороший, сайт стал интереснее и привлекательней.
    Такое ощущение, что версию html перевели на cms.

    ОтветитьОтветить
  59. Спасибо, очень интересная статья, становится понятно что еще есть куда расти :)

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

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

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

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

    ОтветитьОтветить
  63. @Zegeberg:

    Это про мантулу или меня? Если второе, то я никогда не претендовал на дизайнера. И открытым текстом написал об этом почти везде где можно у себя на сайте. Мне остается только h1 зафигачить «Я не дизайнер». И в списке услуг у меня тоже нигде не числиться дизайн.
    Так что уж извольте. А то что в портфолио есть работы дизайн для которых пришлось мне делать, то извините… Заказчик жопился на дизайнера, вот и приходилось выкручиваться как умеем и чем можем.

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

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

    ОтветитьОтветить
  65. Согласен с автором. Красивый шрифт, красивое оформление — главное для любого сайта! Спасибо за инфу Вам!

    ОтветитьОтветить
  66. Да, люблю читать сайты, где текст оформлен красиво, с картинками, а не 100500 символов тупо текста с выделением жирным ключевых слов. Автору за статью огромное спасибо!

    ОтветитьОтветить
  67. @Russkii: дак блогу не особо важна красота форматирования, потому-что основные читатели обычно RSS

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

    ОтветитьОтветить
  69. Смотрел семинар с Лебедевым, так он там сказал: «В зубной щетке самое дорогое (в смысле, что создает большую себестоимость) составляет щетина щетки, задача дизайнера создать щетку с наименьшим количеством используемой щетины (т.е. максимально снизить себестоимость) и привлекательную для потребителя.Я думаю это тот случай и на дизайн надо смотреть именно под этим углом.

    ОтветитьОтветить
  70. нда..никогда не понимал начальственного выражения «сделай что б было красиво». оказывается элементарные действия настолько меняют восприятие текста

    ОтветитьОтветить
  71. Примеры с было-стало замечательно иллюстрируют важность этой новой профессии!

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

    ОтветитьОтветить
  73. Может книжечку напишите. Было бы очень здорово. Подробно так что бы все было понятно. Можно даже за не большие деньги.

    ОтветитьОтветить
  74. Может и напишу… Кстати по слову «дизайн текста» в Яндексе вылазят книжки на Озоне к сожалению. А не конкуренты, которые занимаются этой же услугой.

    ОтветитьОтветить
  75. Идея хорошая. Сам с удовольствием читаю сайты которые интересно отформатированы, а если кому то нужен сплошной текст так откройте книжку! В защиту автора хочется задать вопрос одному из комментаторов «за каким хреном?» уважаемый Allpa, в шапке Вашего сайта кошка? Комментарий ваш тоже «ни о чём».

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

    ОтветитьОтветить
  77. @Zegeberg:

    Угу. Вот как мне сверстали недавно: http://textstyle.ru/test/dimax/
    Дело в том, что html-верстальщик — это профессия для новичков, в отличии от веб-дизайнеров, где люди могут учиться всю жизнь, а html-верстальщики быстро становятся например программистами с большей оплатой…

    ОтветитьОтветить
  78. Отличная новая интернет-специальность! Красивые тексты всегда приятно читать.
    Меня лично всегда поражает тот факт, что многие блоггеры не делают «выравнивание текста по ширине» — так текст на странице лучше смотрится!

    ОтветитьОтветить
  79. В наших реалиях верстальщик совмещает в себе все )

    ОтветитьОтветить
  80. Все это конечно очень хорошо. Но только зачем выдумывать новые слова и новые профессии? Есть наука типографика http://ru.wikipedia.org/wiki/%D0%A2%D0%B8%D0%BF%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0, по этой науке написаны сотник книг и даже очень интересные. (А есть специальность типограф — человек, который занимается дизайном тестов, иногда этим занимается технический дизайнер)
    в любой приличной вэб студии есть типографы, очень любит типографику Тема Лебедев — у него в студии этому уделяют много внимание. Его ководство посвящено во-многом именно типографике http://www.artlebedev.ru/kovodstvo/sections/

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

    ОтветитьОтветить
  81. Верно. Но подобных мастеров можно нанимать при создании большого проекта, либо корпоративного сайта. А если я сам делаю свой сайт и плохо разбираюсь в дизайне? Большинство из нас именно верстальщики, а не дизайнеры.

    ОтветитьОтветить
  82. Зачастую заказывают профессиональный и дорогой дизайн, затем не менее дорогой программинг и через 2-3 месяца сайт превращается в кусок нелицеприятного мусора.

    ООоооо да, это так удручает… Страшно представить, что заказчик потом расскажет кому заказывал сайт!(

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

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

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

    ОтветитьОтветить
  86. Зачем делать такую профессию? Дизайнер сайта сам должен рисовать страничку с текстом.

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

    ОтветитьОтветить
  88. Отдельное Спасибо хотелось сказать за предоставленную таблицу основных тегов!

    ОтветитьОтветить
  89. Есть такая должность как дизайнер-верстальщик, а вебстальщик — скорее матюк какой-то)) Дизайнеру нужно знать хотя-бы основы вёрстки: теги, стили, поточность и огромнейший плюс, если дизайнер понимает что такое адаптивный сайт, потому что напостой у меня в адаптивных макетах под мобилу или планшеты, блоки перелетают в разные места, нарушая поточность, и приходится JS-м под разные разрешения перемещать блоки. Или любят из multiselect-а делать аккордион на мобильной версии.

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

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

    ОтветитьОтветить
  91. Статья интересная, но у меня вообще отдельная точка зрения по поводу дизайна и шрифтов да и вообще обо всем этом процессе. Конченый пользователь вообще в большинстве случаев не обращает внимание на внешний вид тех или иных иконок, какое расстояние блоков или отступов между ними. Зато верстальщику высчитывают каждый пиксель по верстке. И еще при этом целенаправленно штрафуют за неточность в 2-3 пикселя. А самое оригинальное, что из-за правок такого рода проект затягивается на месяц!!! И вместо того чтобы запустить сайт, заказчик долго определяется с шрифтом и с наличием полосочек возле текста нужны они или нет. Там ли они сделаны. И почему одна кнопка больше на 2 пикселя чем другая.
    И итог один….проект стоит, прибыли фирме меньше из-за отсутствтия сайта. Вот каждый кто мой пост прочитает,к огда заходит на сайт ик примеру ищет себе наушники он вообще обращает внимание на расстояние между блоками ? И какого цвета вообще текст и какого шрифта? Нет! Все абсолютно безразлично! Человек заходит на сайт. Кликает на картинку. И за пару секунд находит или почту или телефон, чтобы позвонить. Все человек с сайта ушел. И ему не надо не пиксель в пиксель, не шрифт, ни его разновидности! Главное простота и доступность информации.
    Вот как пример. Я когда то доставку искал.Захожу на один сайт.Все мигает двигается. Я с трудом нашел номер телефона, так тот вообще появлялся и исчезал. И невозможно было увидеть номер телефона. Я психанул и ушел с этого сайта. Вот и все они потеряли клиента! «Будьте проще и к Вам потянутся люди!»!
    п.с. Сайт который я оставил внизу. Это как мой личный дневник там есть статьи истории. Мои мысли в странице steopage. Так что точно пойдет как блог :) Всем хорошего дня!

    ОтветитьОтветить

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *


Срок проверки reCAPTCHA истек. Перезагрузите страницу.