Прошлым летом киевскому офису студии Лебедева нужно было больше дизайнеров. Соискателям предлагалось привести в порядок объявление.

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

Целиком название звучит так: «Мозг и душа. Как нервная деятельность формирует наш внутренний мир». Хотя в оригинале про душу нет ни слова: Making up the Mind: How the Brain Creates Our Mental World.

Крис Фрит, английский нейробиолог и нейропсихолог, рассказывает, как мы воспринимаем окружающий мир и людей, как взаимодействуем с ними, как делаем выбор. Главное, что я узнал — наш мозг нас здорово наебывает. Кстати, у Познера на эту тему есть пара интересных бесед с Татьяной Черниговской, рекомендую:

• http://pozneronline.ru/2016/04/15200/
• http://pozneronline.ru/2016/04/15341/

Книга написана простым языком, и, кажется, неплохо переведена. Выписал самые интересные мысли.

Иллюзия полноты восприятия

Нам не только кажется, что мы воспринимаем мир мгновенно и без усилий, нам также кажется, что мы видим все поле зрения отчетливо и в подробностях. Это тоже иллюзия. Мы видим в подробностях и в цвете только центральную часть поля зрения, свет от которой попадает в центр сетчатки. Это связано с тем, что только в центре сетчатки (в области центральной ямки) имеются плотно упакованные светочувствительные нейроны (колбочки). Под углом около 10° от центра светочувствительные нейроны (палочки) расположены уже не так тесно и различают только цвет и тень. По краям поля зрения мы видим мир размытым и бесцветным.

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

Наш скрытный мозг

…наш мозг рассказывает нам не всё, что знает.

Наш неадекватный мозг

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

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

Где граница?

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

Мы не ведаем, что творим

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

Кто же всем управляет?

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

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

Но это не означает, что этот выбор не был сделан свободно. Это просто означает, что мы не осознаём, что делаем выбор в этот, более ранний момент времени.

Наш мозг справляется и без нас

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

Кто это делает?

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

…если действие происходит после того, как у человека было желание его совершить, он будет думать, что сам совершил это действие, даже если в действительности его совершил кто-то другой.

И где же здесь «вы»?

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

Закономерные награды и наказания

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

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

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

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

Как мозг встраивает нас в окружающий мир, скрывая это от нас

Ассоциативное обучение совершенно необходимо нам для выживания. Оно встраивает нас в материальный мир и позволяет нам быстро и адекватно на него реагировать. Путем ассоциативного обучения мы приобретаем важные знания об этом мире. Но мы почти не осознаём этих знаний — наше сознание занято более возвышенными вещами. И обычно эти более возвышенные вещи суть наши собственные личные желания и стремления.

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

Ощущение, что у нас всё под контролем

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

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

Пока я чувствую, что всё под контролем, мне можно не заботиться о материальном мире действий и ощущений. Я могу оставаться в субъективном мире своих желаний и наслаждений.

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

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

Есть ли в комнате носорог?

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

Наше восприятие на самом деле начинается изнутри — с априорного убеждения, которое представляет собой модель мира, где объекты занимают определенное положение в пространстве. Пользуясь этой моделью наш мозг может предсказать, какие сигналы должны поступать в наши глаза и уши. Эти предсказания сравниваются с реальными сигналами, и при этом, разумеется, обнаруживаются ошибки. Но наш мозг их только приветствует. Эти ошибки учат его восприятию. Наличие таких ошибок говорит ему, что его модель окружающего мира недостаточно хороша. Характер ошибок говорит ему, как сделать модель, которая будет лучше прежней. В итоге цикл повторяется вновь и вновь, до тех пор пока ошибки не станут пренебрежимо малы. Для этого обычно достаточно всего нескольких таких циклов, на которые мозгу может потребоваться лишь 100 миллисекунд.

Откуда берутся априорные знания?

Откуда наш мозг берет априорные знания, необходимые для восприятия? Частично это врожденные знания, записанные у нас в мозгу за миллионы лет эволюции.

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

Как наши действия рассказывают нам о мире

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

Мы воспринимаем не мир, а его модель, создаваемую мозгом

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

Откуда мы знаем, что реально, а что нет?

Так как же наш мозг узнаёт, когда мы действительно видим лицо, а когда лишь воображаем его? В обоих случаях мозг создает образ лица.

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

Подражание

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

Чтобы подражать кому-то, нужно понять его цели

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

Люди и роботы

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

Иллюзии деятельности

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

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

Деятели, порождаемые галлюцинациями

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

Априорные знания и предрассудки

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

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

Социальные стереотипы дают нам отправную точку для взаимодействий с незнакомыми людьми. Они позволяют нам делать первые предположения о намерениях этих людей.

Чужой пример заразителен

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

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

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

Общение — это не только разговоры

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

…когда я пытаюсь вам что-то рассказать, в моем сознании не может быть вашей мысли, но мой мозг, тоже путем предположений и предсказаний, может создать модель вашей мысли (представление о ней в моем сознании). Теперь у меня в сознании есть две вещи: моя собственная мысль и моя модель вашей мысли. Я могу напрямую сравнить их. Если они похожи, значит, мне, вероятно, удалось сообщить вам свою мысль. Если они отличаются, значит, мне это явно не удалось.

Цикл замыкается окончательно

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

Истина

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

Если вы считаете себя культурным человеком, указывайте тему в электронных письмах.

Артемий Лебедев подразъёбывает моё расписание поезда на 15:23:

22 апреля в Самару приехал Станислав Дробышевский — антрополог, популяризатор науки и крутой чувак. Он прочитал классную лекцию об эволюции человека в музее Алабина.

Главной информационной площадкой мероприятия был ВК. Анонс лекции выглядел вот так:

Такой анонс никуда не годится — вёрстка хаотичная, всё расположено случайно, главное спорит со второстепенным, глаз мечется по макету. Текст набран мелко. Самое плохое в том, что картинка совершенно теряется в ленте новостей.

Надо переделать.

Процесс

Сначала набираю крупно название лекции. Текст о том, что это за мероприятие, объединяю с информацией о докладчике. Выношу отдельно время и место события. Логотипы партнёров ставлю в свободный угол. Теперь всё разбито на чёткие группы. Л — логика.

«12+» убираю с макета — крючкотоворы обойдутся упоминанием минимального возраста в тексте поста.

Делаю фон чёрным, чтобы картинка сразу бросалась в глаза среди других постов в ленте. Ещё черный фон — отсылка к книге Станислава.

Чтобы привлечь ещё больше внимания к посту, решаю поставить в макет большое фото Станислава. Теперь можно вообще не читать текст — фанаты узнают лектора по колоритной внешности :) Пробую разные варианты:

Думаю, что лучше сделать фото чёрно-белым, а заголовок цветным — так получается контрастнее всего. Примеряю картинку к посту:

Готово!

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

܀

Самое время признать ошибку — я снова обосрался с обещаниями и не смог выполнить план по еженедельному выпуску перевёрсток.

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

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

Осенью прошлого года Студия Лебедева среди прочих спецов искала дизайнера-стажёра. Претендентам предлагалось переверстать вот такое объявление:

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

Процесс

Переписываю текст. Сначала нужно чётко сформулировать главное.

С 16 по 24 июня в доме не будет горячей воды.

Бестолковый заголовок «Уважаемые жильцы» и годы в датах не нужны.

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

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

Артём Горбунов советует: «В конце хорошего объявления стоит подпись: имя и должность. Это личная ответственность и человечность. Вопреки распространённому в России заблуждению, „Администрация“ — это не подпись, а её эмуляция.»

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

Николай Александрович Добротин, главный инженер 5-го филиала ЭВАЖД
+7 495 681-07-21

Теперь можно верстать. Формат объявления — А4. Скорее всего, печатать его будут на конторском чёрно-белом принтере, поэтому буду делать дизайн без цвета.

Набираю тексты. Заголовок делаю крупным, чтобы объявление читалось с большого расстояния. К датам подписываю дни недели — теперь понятно, что без воды предстоит сидеть выходные (ага, пойду на выходные ночевать к подружке) и всю рабочую неделю (ага, значит буду ходить в тренажёрку каждый день и принимать душ там).

Добавляю название и адрес конторы.

Тут можно закончить, но я хочу, чтобы объявление было еще заметнее. Вдруг ему придётся висеть на доске с кучей других? Цвет применять нельзя, но можно использовать картинку. Что хуже всего, когда нет горячей воды? Нельзя сходить в душ.

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

Сверстал справку с результатами биохимического анализа крови.

 
В отличие от оригинала, в моей таблице врачу и пациенту проще найти нужный показатель. А тётеньке в регистратуре будет легче отыскать нужный листок в стопке других, потому что ФИО и номер карты пациента вынесены на край листа

Процесс

Оригинальная бумажка выглядит так:

 
Формат листа — А5. Печатается на офисном принтере
 
 

Две главных проблемы верстки:

1. За сеткой таблицы не видно данных. Вместо того, чтобы помогать чтению, сетка перетягивает все внимание на себя. Маленькие межстрочные интервалы вместе с толстыми линиями сетки усугубляют ситуацию. В итоге содержимое ячеек слипается, а взгляд при чтении сбивается на соседние строки. Найти с наскоку нужный показатель тяжело.
2. Элементы на макете расставлены хаотично.

Есть и смысловые косяки:

• символ номера в заголовке есть, а номера нет;
• дата дублируется;
• непонятна смысловая нагрузка строки «Отделение: поликлиника» (и сформулировано роботом);
• зачем-то указан пол пациента (врачи — умные люди, умеют определять пол по имени).

Надо исправлять.

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

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

Единицы измерения нельзя игнорировать (для меня медицина — точная наука). Но пациенту они опять же, по боку, а врачи их знают и так. Поэтому набираю единицы мелким кеглем.

Колонки с показателями не очень связаны с первым столбцом. Добавляю отточия.

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

ФИО пациента и номер карты — это главные идентификаторы всего документа. Размещаю их на краю листа. Теперь найти нужную бумажку в стопке других будет проще.

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

Теперь можно разместить второстепенные элементы. Контактным данным и логотипу клиники много чести для размещения в шапке. Лучше в подвале.

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

Сначала разбираюсь с таблицей. Надо объединить данные в строки. Придется использовать линейки. Единицы измерения выношу в отдельный столбец. Их уместно выровнять по правому краю — так лучше видно, в чем измеряется количество вещества в литре крови.

Да, так хорошо. Добавляю ответственных лиц. Данные о клинике размещаю вертикально — теперь они не смешиваются с результатами. Указываю дату, которую забыл поставить в первом варианте.

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

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

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

Было и стало:

܀

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

Делить номер телефона на части надо так:

Первым должен идти код страны, через пробел код оператора (или города), еще через пробел кусок с 3 цифрами, и еще два куска по 2 цифры.

Вот так делать не надо:

Даже если номер очень красивый (хотя красивые номера — самообман), вся сказка разобьется об интерфейс смартфона:

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

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

Сверстал расписание поезда «Челябинск — Москва (и обратно)».

 
В отличие от варианта, который использует РЖД, мое расписание удобнее читать, а вероятность неправильного считывания (об этом в процессе) гораздо ниже

Процесс

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

Это плохое расписание, и вот почему.

1. Формат использован неэффективно — под само расписание отведена примерно треть, зато еще треть отъедает бестолковая картинка. Из-за этого таблица набрана очень мелким кеглем, который тяжело читать (особенно в трясущемся поезде).
2. На первый взгляд кажется, что левая таблица для русско-, а правая — для англоговорящих пассажиров. На самом деле нет. Уважаемым пассажирам приходится расписание поезда в сторону Челябинска читать по-русски, а в сторону Москвы — по-английски. Догадаться об этом можно, самому наступив на грабли (так случилось со мной), или по разделителю в форме секс-игрушки (точнее, по стрелочкам вокруг него). Представляю, каково бедным иностранцам.
3. Выключка содержимого столбцов по центру и вертикальные надписи в шапке таблицы делают чтение таблицы еще более неудобным.

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

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

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

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

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

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

Пришлось использовать горизонтальные линейки.

Добавляю таблице заголовок, без него нельзя. Слово «расписание» выкидываю — об этом говорит само содержимое таблицы при первом же взгляде.

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

Вроде ок, но хочется решить задачу без выхода в надсистему. Вдруг РЖД разорится на двухсторонней печати.

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

Добавляю заголовки. Нужную часть расписания пассажир будет выбирать по направлению (например, «Челябинск—Москва»), а не по маршруту. Поэтому номера маршрутов набираю в конце строки.

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

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

Чтобы лучше отделить направления друг от друга, добавляю тоненькую вертикальную линеечку. Чуть-чуть поджимаю вертикальные отступы, чтобы нижнее поле не было таким опасно маленьким. Надеюсь, Тафти доволен.

Было и стало:

܀

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