Пытаюсь тут за дизайн что-то корчить

5 заметок с тегом

редактура

Интерфейс анти-редактора против WYSIWYG

Я работаю в разных системах управления примерно лет шесть. Мой первый сайт в 2012 году был на ДЛЕ, затем на Вордпресе, Джумле и хрен знает на чём еще. В каждой системе меня раздражал способ добавления информации на сайт. Тогда еще не было визуальных редакторов, которые позволяли видеть, где ты редактируешь текст. Благо страшные времена прошли, и редакторы поумнели, не считая совсем отбитых по типу Битрикс. Теперь визуальный редактор — дефолт для любой системы наполнения сайта. Но я придумал ещё более удобный вариант — интерфейс анти-редактора.

Читайте меня в Дзене

С недавних пор я начал писать в Дзен, где проблема до сих пор осталась. На дворе 2018, алло:

Интерфейс редактора Дзен
редактор заметки

Непонятно что происходит. Я вообще в редакторе? Почему изображение 3000+ пикселей так поползло? А что с подписью?

Опубликованная заметка:

Дизайн редактора Дзен

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

Предлагаю концепцию анти-редактора — читайте описание концепта на сайте.

 5 комментариев    639   2018   блог   интерфейсы   редактура   Эгея   яндекс

Зачем дизайнеру читать «Пиши, сокращай»

В посте я много говорю про Максима и совсем ничего про Людмилу. Безусловно книга — их общее детище. Там где я пишу «Максим», мысленно подписываю «Людмила»

Я много раз писал о том, что хочу стать хорошим дизайнером — нести пользу, не факапить, не подставлять. Многие вещи мне даются с трудом в силу юного возраста и малого багажа знаний. Особенно сложно идёт с пониманием задач, эмпатией и ответственной работой. Работа с людьми и решение чужих проблем — прекрасный способ стать лучше в этих областях. Сегодня хочу рассказать еще об одном способе — книге Максима Ильяхова и Людмилы Сарычевой «Пиши, сокращай».

В посте я много говорю про Максима и совсем ничего про Людмилу. Безусловно книга — их общее детище. Там где я пишу «Максим», мысленно подписываю «Людмила»

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

Судят по обложке

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

Санкт-Петербург, «Буквоед» на Восстания, 7 ноября 2016 г.

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

А теперь представьте, что книгу делали бы «наши» издатели. Не было бы комиксов, восхитительной верстки, и шуточек Ильяхова. Сомневаюсь, что я дочитал бы ее до конца. Вот что самое интересное в ней — способ подачи материала. Она стала предметом изучения не столько редактуры, сколько дизайна.

Обязательно посетите блог Ильхова и Сарычевой. Они много хорошего пишут

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

Обязательно посетите блог Ильхова и Сарычевой. Они много хорошего пишут

Собственные выводы — самые сильные

Не инфостиль

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

Максим не призывает к тому, чтобы вы слепо верили правилам. Он за смысл:

Говорить правду, даже если она неудобная ☜
Приводить факты и доказательства
Рассказывать истории и приводить примеры
Писать коротко
Писать о пользе для других
Писать как для себя

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

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

Дело не в словах — смысл важнее слов

Текст = дизайн

С текстом работает любой человек, даже дизайнер. За пару лет в профессии я не раз сталкивался с ситуацией, когда текст использовался как заливка. Я работал с говно-копирайтерами, которые берут 250 рублей за 1000 знаков. До сих пор таких встречаю и не понимаю зачем они так работают. Блин, как можно брать деньги не за содержание, а за форму? Это настоящий пиздец.

Любой проект начинается с ТЗ, понимания или банального письма. Дальше идет расписывание задач и их решения. Затем наполнение и так далее. Удивительно, но все это текст. Если дизайнер не умеет с ним работать, то результаты будут плачевными.

В книге Максим говорит о создании любого текста. Советы помогут писать хорошо везде, даже на стенке в туалете.

Писать то, во что веришь
Копать настолько глубоко, насколько можешь
Не верить никому на слово
Перепроверять цитаты и источники
Не менять текст под давлением
Публиковать все факты давления
Не брать за работу ничего, кроме зарплаты
Не бояться никого обидеть
Не бояться потерять работу
Не врать ☜
Признавать ошибки
Подписывать работу

Максим советует быть честным со всеми и с самим собой. Только так можно выполнять работу ответственно и хорошо. Книга не поможет вам написать статью о том, как принести кому-то вред. Если у вас заказали дизайн или редактуру Казино — лучше не браться за такую работу. В ней нет пользы для людей, не считая заказчика. Никакая работа не стоит унижений, перешагиваний через себя или вранья.

Никогда не жертвуйте содержанием, ради формы

Совет на все времена

Чтобы получился хороший синтаксис, нужно делать две вещи:

  1. Читать текст вслух по многу раз
  2. Переписывать все, на чем спотыкаешься

Удивительно, насколько это просто и гениально. С макетами в Фигме или Люстре то же самое.

Как книга поможет мне

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

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

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

  1. Сила — в правде ☜
  2. Смысл важнее формы
  3. Чем проще — тем лучше
  4. Пишите как ля себя
  5. Читайте вслух
  6. Приводите примеры
  7. От простого к сложному
  8. Пользу — вперед
  9. Поставьте заголовок
  10. Уважение и забота

Сквозь строки я увидел ясное послание:

Хватит мудачить

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

Возможно, Максим об этом не писал, а я все напридумал.

Дизайнер должен любить текст

Блог Вениамина Векка

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

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

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

Типичный диалог с дизайнером из плохой студии:

— Я выслала тебе макет, посмотришь?
— Да, я смотрел, а что с текстом?
— В смысле?
— Текст выглядит как лужа, почему-то выключен по центру, висят предлоги, короткие тире — пиздец полный
— Не понимаю. Я нарисовала красивый макет, причем тут текст? Его же мало.
— При всем! Прогони, пожалуйста, через типограф — увидишь разницу.

Разницу она почти не видит. Я не буду перечислять в этом посте способы сделать текст лучше и чище. Для этого посетите сайт Бюро и купите книгу «Пиши, сокращай» Ильяхова. Не обязательно знать все правила по типографике наизусть. Уважайте текст — уделяйте ему внимание. Если дизайнер забивает болт на текст, значит он забивает болт и на дизайн. А это полный отстой — одно от другого не отделимо.

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

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

— А что здесь за штуки такие приклеены?
— Ну просто оформление.
— Так зачем оно здесь?
— Не знаю, мне так нравится.

Этими словами дизайнер подписывает себе смертный приговор. Мне повезло работать связующим мостиком между дизайнером и клиентом. Я бы не назвал себя менеджером так как больше отвечал за общую концепцию. Каждый раз дизайнер приносил мне случайный макет. Сделать что-то нормальное нам удалось после десятой итерации. Мы начали все с чистого листа, но сначала уделили внимание тексту. Клиент протестовал, но мне удалось объяснить, что дизайн без текста — случайный. После этой работы я вывел правило:

Плохой текст = плохой дизайн

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

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

Я убежден в том, что любой информационный дизайн начинается именно с текста, после задач, желаний, тестов и прочих прелюдий. Я не обладаю большими знаниями в области верстки, не знаю многих правил и канонов. Мне трудно даются узконаправленные скиллы, но легко дается понимание принципов. Благодаря приобретенной любви к тексту я научился базово писать, верстать, иллюстрировать, объяснять. Как будто все навыки разом прокачались на несколько уровней. Дизайнеры, относитесь к тексту с любовью — это очень важно в нашей работе.

 3 комментария    643   2018   дефолт   дизайнер   редактура

Забавный редактор в Студии Лебедева

Я слежу за Студией настолько давно, что легко могу определить дизайнера по проекту. Глаз уже привык видеть общие паттерны и фишечки.
Каждый новый проект или линч я обязательно читаю. Длинный или короткий — неважно: у меня выработалась привычка заходить на design.ru каждый день. Но последние несколько дней я в замешательстве. У Студии появился очень странный редактор с необычным для студийных проектов слогом. Посмотрите сами:

Ничего плохого я в этом не вижу, конечно. Я просто привык к холоду старого редактора.
В некоторых проектах новый слог выглядит просто неуместно смешно:

Получился современный логотип с приятной внутренней игрой. Посмотришь — ну символ и символ: хаотичное сочетание ярких пикселей или какой-то куар-код с другой планеты. Приглядишься — да это же слово! Буквы стоят цветной лесенкой.
описание к проекту «Воззапс»

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

Здесь редактор рассказывает уверенно и серьезно:

Без глупых шуток и забав:

Новый редактор просто ржет:

Он дерзкий и в целом забавный:

Студия растет и меняется. Возможно, для меня такое описание выглядит чуждым, но для всех остальных — самое то. Я привык к строгому и «инфостильному» описанию проектов. Но опять же, такое описание у всех студий и у всех дизайнеров, которые слышали про Ильяхова. Лебедев видимо снова идет контринтуитивным путем, что не может не радовать.

Если интересно, то начиная с проекта «Иллюстрации для Банка Санкт-Петербург» — начал работать новый редактор. До этого проекта — старый.

Удивительный Максим Ильяхов

Максим запустил отличный сервис объявлений.

«На этом сайте собраны примеры объявлений на простом языке. Выберите шаблон для своей ситуации, впишите нужные подробности и распечатайте. Объявления пригодны для печати на обычном принтере на листах А4.» — Ильяхов.

Самое удивительное, что этот проект Максим запустил за один день. Меня поражают такие люди. Пришла идея, взял и сделал. Таких ребят по пальцам можно пересчитать, приятно осознавать, что один из них — родитель хорошего текста. Это мотивирует.

16 апреля он придумал и сделал сайт public-notice.ru. В порядке эксперимента он решил сделать его за один день, параллельно записывая весь процесс и ведя дневник проекта.

Посмотрите видеозапись процесса. Можете почитать письмо из Мастерской, которое можно публиковать. Лучше подпишитесь на его рассылку — там много чего интересного

Выпишу, чтобы мотивироваться:

— На сайт ушло 5 часов в воскресенье и еще 3 часа в понедельник.

— Если бы я не сделал его в воскресенье, я бы не сделал его никогда.

— Сайт мог бы сойти за диплом в Школе редакторов, если бы я сходил к нормальному арт-директору и исправил бы эстетику.

— Сайт вечный (если я не забуду продлить домен).

— Если после выкладывания сайта в нем ломается кодировка (хотя в заголовке страницы она явно прописана), значит проблемы с сервером. Они решаются перенастройкой сервера с помощью файла .htaccess. Загуглите htaccess set charset.

— Посев не менее важен, чем запуск. Этот выпуск «Мастерской» уйдет по большой базе Главреда в том числе для продвижения.

— Лучше сделать просто и сейчас, чем сложно и через месяц.

И самое главное:
— Если не сделать сегодня, не сделаешь никогда.

 Нет комментариев    217   2017   редактура