Что может спасти этот незамысловатый дизайн

Михаил Червяков
20 января 2016

Советы почтой каждую неделю

Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:

Вы подписаны на «Советы за неделю»:

Сайт нашей конторы давно прогнил, бюджета нет. За прибавку к зарплате, я вызвался сделать новый: простой и понятный.

Руководству нравится, а мне — нет. Изюминки не хватает. Поэтому прошу у вас совета: что может спасти этот незамысловатый дизайн?

Михаил Нозик

Михаил!

Вы правы, страница пресновата. Рядовой читатель вряд ли соблазнится таким количеством одинакового текста. Чтобы заинтересовать его, разнообразьте приёмы. Например:

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

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

Замечание: пункты списка лучше отделять друг от друга расстоянием, но при этом склеить первый пункт с обобщающим текстом перед списком. Смотрите на список приёмов выше.

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.

Твитнуть

Отправить

Если отредактировать текст, объём страницы уменьшится — читателям станет проще освоить информацию. Прогоните текст через Главред: glvrd.ru. Почитайте советы Максима Ильяхова. Уберите штампы, канцеляризмы, отглагольные формы, найдите сильные подлежащие и сказуемые. Текст станет короче, а читать его — интереснее.

Алексей Михайлов
20 января 2016

Михаил!

Помогите, пожалуйста, разрешить моё внутреннее противоречие по поводу расстояния между первым пунктом списка и обобщающим текстом: вы предлагаете склеить с обобщающим текстом только первый пункт списка, как понимаю, «чтобы подчеркнуть, что это то же предложение» (эл. книга «Типографика и верстка»). Я полностью поддерживаю это правило, но мне кажется, что вводный текст близок не только к первому пункту, а ко всему списку. Таким образом, по правилу внутреннего и внешнего, я всегда интуитивно делал расстояние между пунктами списка чуть меньшим, чем расстояние между всем списком и вводным текстом (от блока же списка до следующего блока текста — расстояние больше, чем перечисленные).

Разве по правилу «внутреннего и внешнего пункты списка не «внутреннее», а обобщающий текст «внешний к каждому» пункту, но «внутренний по отношению к остальным абзацам?

Ваш комментарий		Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа. Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным. Вот такой веб 2.0.

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

Похожие советы Типографика в вебе₂₆₆ Формат: текст₅₁₅ Носитель: сайт₅₁₀

1 • Как оформить портфолио маркетологу? 1 • 2 • 4 •

3 • 3 • 9 • 5 • 3 • В презентации много нарушений правил типографики и вёрстки, но при этом она нравится 1 • 1 • 1 • 1 • 1 • Что вы думаете про шрифты Ариал и Вердана для информационного сайта? Влезание в интерлиньяж 4 • 3 • 2 • 3 • 8 • 1 • 2 • 3 • Расскажите о хинтинге шрифтов 5 • Заказчик присылает правки по макету, а я считаю, что они всё испортят :-( 4 • Нельзя просто так взять и сделать модульную страницу из текстовой 1 • 2 • 4 • 2 • У меня афиша. Не знаю, как улучшить. Беспокоит пустое пространство слева 2 • 1 • Что думаете о переносах в вебе? 1 • 1 • 1 • 1 • 2 • Как избежать «эффекта Тильды»? 3 • 2 • Как оформлять инструкцию к продукту? 2 • 1 • 2 • На основе ролика о распознавании инсульта создан плакат. Вторая часть 1 • 4 • 3 • 2 • 5 • В какой программе вы делаете макеты? 7 • Как оформить портфолио маркетологу? 1 • У вас в учебнике по вёрстке написано, что нельзя разрывать текст статьи иллюстрацией 2 • 2 • 5 • Математика в типографике 4 • 5 • 2 • 1 • 3 • 2 • 2 • 2 • 2 • 4 • 2 • 1 • 3 • 1 • 3 • 3 • 5 • Пытаюсь сделать шаблон вёрстки текста для статей про балет 3 • 1 • 2 • 3 • 3 • 1 • 5 • 1 • 2 • 4 • 7 • Мильчин говорит, что разряды в числах нужно отделять пробелом. Как правильно? 1 • 2 • 4 • Как создавался новый сайт бюро. Часть четвёртая: сетка Как создавался новый сайт бюро. Часть третья 1 • Как создавался новый сайт бюро. Часть вторая: раскладка работ 2 • 2 • 1 • Cверстал одностраничный плеер. Вторая часть 3 • 1 • 2 • Сделали страницу для обучающего сервиса по безопасности. Как навести порядок? Вторая часть 3 • 2 • 3 • 3 • 2 • 3 • С подходами к адаптивной вёрстке вроде все уже разобрались, но вот с отображением табличных данных понятно не всё 8 • 3 • 1 • 2 • 3 • 5 • Делаю визитку для хозяина автомастерской. Вторая часть 6 • 4 • 1 • Как делать эскизы вёрстки? 3 • 3 • Что-то можно улучшить? Или всё хорошо? Вторая часть 4 • 3 • 2 • 1 • 7 • 1 • 1 • 5 • 2 • 6 • Сдала курсач в Школе редакторов 5 • 8 • 1 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • Может быть такое выравнивание или это грубая ошибка? Третья часть 3 • Может быть такое выравнивание или это грубая ошибка? Вторая часть 3 • Почему же на сайтах «Системы Главбух», «Системы Юрист» и «Системы Кадры» именно левая «подмышка»? 3 • 7 • 4 • 3 • 5 • 2 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Четвёртая часть 3 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Третья часть 1 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Вторая часть 1 • 3 • 1 • При создании макета сайта зарылся в детали и упустил самое главное. Третья часть 5 • При создании макета сайта зарылся в детали и упустил самое главное. Вторая часть 4 • 3 • 1 • 4 • 4 • 4 • 2 • 2 • 2 • 8 • 3 • 9 • Расскажите, на что опереться русскому дизайнеру 2 • Что такое выход из прямоугольника? Расскажите об ушках, цитатах и фактоидах 1 • Расскажите о вёрстке главной страницы Как сверстать текстовую страницу? 3 • Как собрать страницу из модулей: с иллюстрациями 4 • Как собрать страницу из модулей: без иллюстраций 2 • Как собрать страницу из модулей: зачем нужна сетка? 1 • Расскажите о вёрстке доминирующих и вспомогательных иллюстраций 3 • Как форма текста влияет на порядок чтения? 2 •

Как верстать текстовые блоки с иллюстрациями?

2 • Расскажите о формате и выборе полей 6 • Что такое модульная вёрстка? 8 • Что такое «правило внутреннего и внешнего»? 10 • Как верстать модули с лентами? 2 • Как верстать текстовые блоки? 2 • Что нужно знать о подписях в вёрстке? 2 • О ссылках в вёрстке 2 • Как работают элементы управления в вёрстке 3 • Расскажите об иллюстрациях как базовом элементе 1 • О тексте как базовом элементе 4 • Расскажите о вёрстке заголовков 2 • А каковы базовые элементы вёрстки? 10 • Точка, линия и прямоугольник 3 • 6 • Якорные объекты 6 • 4 • Что должен знать дизайнер об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? 9 • 8 • 4 • 5 • 2 • 4 • 3 • 4 • 1 • 3 • В прошлом совете вы не ответили на вопрос про модульные сетки, а рассказали совсем о другом 4 • 2 • Расскажите о том, как сделать хорошую модульную сетку 3 • Кто вы, Евгений Лучинин? 13 • 1 • Как кернить текст? 14 • Подскажите, пожалуйста, как правильно называть header и footer на сайтах по-русски? 1 • 5 • Артём, пытаюсь не допустить настойчивого предложения сделать выключку текста по ширине в вебе 10 • Заметил, что в Советах вы часто используете капитель 3 • 4 • 3 • 12 • Сначала я думал, что 12 пунктов — это, может быть, 12 пикселей, но не так все просто 8 •

3 • Новый год близко Нужно ли писать века римскими цифрами? 3 • О чём вести соцсети, чтобы привлекать клиентов? 3 • Стоит ли давать обратную связь? 1 • Мне не понравилось, я сам переписал текст 2 • Моему тексту мешают «нужно», «можно», «должен». Как вытравить этих монстров? Если я хочу стать редактором, с чего нужно начать? 1 • 1 • Посоветуйте, пожалуйста, приемы для конкретизации мысли На основе ролика о распознавании инсульта создан плакат. Вторая часть 1 • 3 • Как объяснить заказчику, что «закошмаривание», оскорбления и «создание чувства страха» — плохая стратегия? 1 • 4 • Как более корректно применить знак рубля в диапазоне чисел? 3 • В юридических документах можно применять информационный стиль? 4 • 3 • Есть проблема — хамство между сотрудниками и между врачами и пациентами 2 • Есть ли в арсенале редактора запретные инструменты, которые нельзя оправдать полезным действием? Как оформить портфолио маркетологу? 1 • В каком тоне говорить об управляющей компании на сайте, если у жителей дома нет альтернативы? Как подать рекомендации, чтобы не вызвать у читателей ощущение «меня учат жизни»? У нас между отделами дизайна и копирайтинга возник спор 2 • 2 • Как бухгалтеру рассказать о себе? 1 • Вопрос про нативные статьи 2 • Кажется, что текст суховат, а придумать убеждающие истории или как сказано в книге — легкий синтаксис не получается. 1 • 5 • Не хочется, чтобы информация выглядела как выпендрёж, но в то же время подчеркивала масштабы 1 • 4 • Призывов к действию слишком много, читатель в них не верит. Возможно ли такое? 1 • 5 • Что будет после инфостиля? Как написать о миссии компании, чтобы без штампов и клише? 1 • Как ты относишься к тому, что инфостиль применяют в сферах, которые ты считаешь вредными? 1 • 2 • Как вести несколько проектов одновременно и правильно планировать будущие проекты? 1 • Могу день пролежать под одеялом, лишь бы не приступать к важному тексту 1 • 3 • Я пишу про беременность и младенцев 1 • Раздел «Очевидные сущности»: просьба предоставить информацию по данной теме в ближайшее время 1 • Помогите сформулировать эффективный призыв к действию Максим, как вы решили вопрос «утечки мозгов»? 3 • 2 • Как вы относитесь к подведению итогов года? 1 • Как предложить работу редактору? 1 • Мой вопрос про фактчекинг и ошибки 2 • 2 • Я уже предупредила, что размытые формулировки не закроют задачу Где брать клиентов с интересными задачами? 2 • 1 • Не нарушу ли я таким образом авторские права? 3 • С чего начать, чтобы внедрить в нашей компании хороший текст? 1 • Разве это «колешение» не нарушает естественный порядок чтения? Постоянно встречаю разные варианты написания слова «соцсеть» Часто возникает проблема написать душевное и небанальное поздравление к празднику Существует список слов — Academic Vocabulary List. Это стоп-слова, штампы? 1 • 1 • Люди действительно думают, что наличие детей является жизненным достижением? Клиент уверен, что знает пунктуацию и орфографию лучше копирайтера 1 • Или мы доказываем, почему «предлагаем выгодные условия», или убираем эту размазню 3 • Чем больше слов я напишу, тем больше заработаю 1 • 2 • 3 • Ко мне обращаются прямые конкуренты с предложением писать для них 1 • 1 • Как разорвать замкнутый круг начинающего? 2 • Это животное надо просто пороть кнутом 2 • 2 • К двум вопросам постоянно возвращаюсь Как подписывать кнопки? 2 • Всем нужна вычурная, пустая фигня без фактов и практической пользы Как выбрать стиль и тональность для нового СМИ? 4 • 1 • 7 • Как доказать клиенту, что предлагаемые им инструменты продаж плохие? 1 • 2 • Я следую всем принципам. Но когда пишу собственную статью, получается не так круто 3 • 4 • С чего начать создавать редполитику компании? Как беспристрастно вычитывать свой текст? 2 • Кулинария — такая сфера, где сухое описание продажам не поможет, текст должен создавать ощущение вкуса 2 • Я хочу, чтобы ты мне подавал сразу идеальные тексты, вообще без ошибок! 3 • 3 • 1 • 2 •

Как составить объявление для неплательщиков за ЖКХ?

4 • Что нужно знать о стоп-словах в интерфейсе? 2 • Как быстро найти идеального редактора на длинный проект? 1 • Забыл дорассказать о перечнях 1 • Я пишу текст о компании и должен часто использовать списки 1 • ЛУЧШЕ БЫ ВЫ СДОХЛИ В МУКАХ И НИЧЕГО БОЛЬШЕ НЕ МЕНЯЛИ!!! 1 • Тушу реальности что-то не очень получается разделывать 1 • Что вы можете сказать о сторителлинге? 1 • 2 • Как писать новости в информационном стиле? 3 • Заумь — это просто по-другому названные штампы? 3 • Что нужно знать о заголовках начинающему редактору? 2 • 2 • 3 • В прошлый раз было о честности, теперь — об игре Теперь — о честности 2 • Продолжение совета о тональности текста 3 • Расскажите подробнее, что такое фальшь 1 • Что делать, если человек приносит пользу компании, но ведет себя, как мудак? 2 • Как донести до коллег, что висячие предлоги — это плохо? 2 • 2 • Вы согласны, что вопрос в лиде почти всегда вредит? 3 • Адекватны ли отзывы на сайте, если он посвящен не продукту, а специалисту? 1 • 5 • Делаю визитку для хозяина автомастерской. Вторая часть 6 • Расскажите о заключении 4 • Нужно ли редактору прокачивать себя в разных жанрах? 1 • Как себя представить? 1 • Что писать в начале статьи? Как научить поддержку писать грамотно? 1 • Людям нужен страдательный залог! 1 • На рынке есть, прямо скажем, дерьмо 1 • 1 • Какие правила и советы по знакам препинания стоит знать редактору 2 • Бодаюсь тут с переводчиками Трелло на тему того, писать в интерфейсе «Трелло» или Trello 7 • Как понять, что написанное мной предложение удобно читать? Что-то можно улучшить? Или всё хорошо? Вторая часть 4 • Как правильно писать в обычном тексте подобные названия брендов и сервисов: «Яндекс.Директ», «FedEx»? 4 • 3 • Почему Главред подчёркивает «очень», «вполне» и «весьма»? 2 • Как подступиться к базе знаний на тему? 1 • 7 • 1 • Как переделать этот ад? 2 • 1 • 5 • Напишешь сухо и коротко — не зацепит, напишешь много и художественно — никто не будет читать 1 • 2 • 1 • 6 • Сдала курсач в Школе редакторов 5 • Как писать письма-поздравления для клиентов компании? 2 • 8 • Как редактировать отзывы покупателей? 1 • 1 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • Как заменить «большое количество окон» в тексте, когда в квартире их действительно большое количество? Может быть такое выравнивание или это грубая ошибка? Третья часть 3 • Как разрабатываются «долгие» текстовые проекты, например, книги? Может быть такое выравнивание или это грубая ошибка? Вторая часть 3 • 7 • 7 • 4 • 3 • Получается, вообще надо избегать устойчивых словосочетаний 5 • Подскажите пожалуйста, как объяснить двум начальникам, что плохо в принципе использовать в тексте конструкции с монстром «100%-ый»? 2 • 2 • Описания товаров тоже хотят быть классными 1 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Четвёртая часть 3 • Как сделать более клиентоориентированное объявление вместо «Посторонним вход воспрещён!»? 1 • О чём лучше написать на главной и о компании? 1 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Третья часть 1 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Вторая часть 1 • 1 • Слова лишние 6 • При создании макета сайта зарылся в детали и упустил самое главное. Третья часть 5 • 1 • При создании макета сайта зарылся в детали и упустил самое главное. Вторая часть 4 • Как-то это всё выглядит сухо и безлико 1 • 3 • 1 • Как попасть в мир клиента? Как перевести всё это в выгоды? 1 • 4 • Почему в качестве вступительного задания в Школу редакторов выбрана вёрстка плаката? 2 • 4 • 4 • 2 • 2 • Как добиваться от авторов качества, не тратя много времени? 1 • 2 • Что может сделать редактор со своим текстом с точки зрения вёрстки? 8 • 3 • Как правильно написать в интерфейсе сообщение о статусе? 2 • 9 • Как описывать типовые товары? 1 • Составила продающее письмо о продаже крупного спецпроекта 2 • Почему в бюро пишут «Гугль», а не «Гугл»? 1 • Мы хотим написать приветственную заметку для новых сотрудников 2 • Как писать о том, о чём мало знаешь? 3 • Есть ли в жанре «рекомендация» свои особенности использования инфостиля? 1 • Не хочется писать безликие посты 1 • Как формулировать и доказывать правила, чтобы люди захотели им следовать? 1 • Как совместить информационный стиль и текст для поисковиков? 7 • Какие правила есть по поводу новогодних поздравлений? 2 • Есть ли где-то полный и окончательный список стоп-слов? 1 • Расскажите об ушках, цитатах и фактоидах 1 • Все прилагательные из этого списка у вас в стоп-словах 3 • Допустимо ли редактору менять смысл исходного текста? 1 • Как вы относитесь к «изобретательным» названиям блюд в меню? 1 • Как бороться с пассивной агрессией в объявлениях? 5 • Расскажите о вёрстке доминирующих и вспомогательных иллюстраций 3 • Хотелось бы как-то облагородить текст Как форма текста влияет на порядок чтения? 2 • Существуют ли универсальные принципы сокращения заголовков? 1 •

Как верстать текстовые блоки с иллюстрациями?

2 • В чём криминал? Есть ощущение запутанности 7 • Я веду блог на английском языке 2 • Как вычитывать тексты эффективнее? 1 • Как искать баланс между точностью формулировки и простотой? 3 • Как верстать модули с лентами? 2 • Как лучше всего писать, если вы не владеете точными данными? Что нужно знать о подписях в вёрстке? 2 • Как вам шаблон? 2 • Как работают элементы управления в вёрстке 3 • Я работаю редактором в небольшой интернет-газете 1 • О тексте как базовом элементе 4 • Как правильно писать текст с использованием косой черты? 4 • Расскажите об особенностях синтаксиса при переводе 1 • Расскажите о вёрстке заголовков 2 • Мы не новички. Мы не пришли из ниоткуда 1 • Что делать, если в предложении один ряд однородных членов вложен в другой? 1 • В текстах об условиях операций постоянно приходится выбирать между унификацией и отсутствием повторов 5 • Почему качественные прилагательные — это стоп-слова? 9 • 10 • Как уйти от безличного повествования и использования страдательного залога? 4 • Предложение из тестового задания Яндекса 5 • Ваше мнение по вопросу рекламных текстов в социальных сетях 4 • 2 • Вам кажется, что профессия выглядит не столь весомой? 1 • Как вы относитесь к продающему стилю текстов? 3 • Как продвигать информационный стиль в массы, когда почти никто не понимает его важности? Как писать руководства и инструкции пользователя? 3 • Текста слишком много, текст «нечитаемый» 1 • Какие вопросы вы задаете заказчику текста перед тем, как начать его писать? 2 • Расскажите, как редактировать однородные члены без потери смысла 4 • 4 • Без стоп-слов текст мне кажется сухим, чёрствым, грубым и резким 25 • Есть ли какие-то приёмы для создания доверия в рекламных текстах? 2 • Расскажите о клише и устойчивых выражениях 12 • Как обычно построено взаимодействие редактора и заказчика? Хотим проявить заботу и не злить собеседника промедлением с решением вопроса 5 • Как в тексте придерживаться безличного повествования? 1 • 2 • Где вдохновляться качественной инфографикой? 2 • 3 • Не можем определиться с написанием лаконичного текста для сайта Как доказать руководителю отдела, что мой текст лучше? 3 • Компания делает, люди делают 2 • 3 • Как правильно оформлять ссылки на блоги учёных в диссертации? 2 • 3 • Как вы относитесь к благодарностям авансом? 2 • Как научиться хорошо писать и говорить самому? 3 • Какие есть качественные альтернативы ссылкам вроде «читать далее»? 8 • Правильно ли писать текст о себе в третьем лице? 2 • Как правильно писать размерность? 6 • Как вы относитесь к повелительному наклонению в слоганах и заголовках? 9 • 3 • 2 • 2 • Как вы относитесь к мату? 4 • 4 • Почему лучше без слова «которая»? 1 • Как лучше всего начинать письмо электронной рассылки? 2 • 4 • Что написать на странице сайта, на которой в данный момент ничего нет? 2 • Как правильно писать вместе эти три слова: «Ауди», «центр» и «Таганка»? 1 • 2 • Как коротко и без потери смысла перевести на русский фразу Shop by? 1 • 2 • Как убеждать людей, что что-то делать нельзя? 6 • Маркетер или маркетолог? 7 • 5 • Данные тексты должны были продавать, но есть большие сомнения, что эта цель осуществляется

Комментарии

Ваш комментарий