Телеграм Почта Фейсбук Контакт Инстаграм

2 заметки с тегом

скриншот

Если на дворе 2018 год

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

29 непопулярных, но интересных Telegram-каналов

Для примера возьму два скриншота из статьи.

Раз:

Два:

Фигово выглядит. А как такое надо оформлять?

Как-как... скриншотить в одинаковых пропорциях, например

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

Раз:

Два:


Ещё скриншотить с мобильных экранов, конечно

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

Раз:

Два:


А если переделать нельзя, то просто положить на плашки

Окей, допустим, вы показываете скриншоты удалённых сообщений, которые невозможно переснять. Надо использовать какие есть — разных размеров и качества. Как быть? Положить скриншоты на плашки одинакового размера и дизайна. Тогда сразу возникает ощущение арт-объекта и намеренности, а не случайности и небрежности. Этот приём называется «Срать в ячейки».

Раз:

Два:


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

Всегда есть, что почитать

Срать в ячейки
Срать в ячейки
Универсальный принцип организации
Коля Товеровский
И всё-таки зачем вам редактор
И всё-таки, зачем вам редактор
Есть же копирайтеры
Ян Хацкевич
5 августа 2017, 12:08

Как оформлять скриншоты

Красиво показываем, куда смотреть

Я работаю в соцсети DRIVE2, где отвечаю за продукты для бизнесов. В том числе я работаю над интерфейсом Бизнес-аккаунта — это личный кабинет компании на сайте.

Недавно мы этот интерфейс немного поменяли: добавили меню с новыми разделами, а старое объединили с другим меню, сократив его редактурой. В итоге интерфейс Бизнес-аккаунта визуально приблизился к пользовательскому — в этом была наша цель.

Я написал анонс. Сделал скриншоты, чтобы наглядно показать, какая часть интерфейса поменялась. Примерно такие:

Мимо проходил Товеровский.

Товеровский

Товеровский:
— Ян, ну это же пиздец! Эстетика на уровне секретарши. Вадим, сделай ему нормальный шаблон со спотлайтами как в Макоси.


Дизайнер Вадим Юмадилов нарисовал мне нормальный шаблон со спотлайтами как в Макоси. Я переделал по ним скриншоты.

Товеровский

Товеровский:
— Ну охуеть! Теперь это секретарша, которая умеет в Скетч. Короче, спотлайт — это фонарик. Не бывает фонарика, который светит как солнце.


Окей, вырубили прожектор. Сделали из двух выносок одну и перетащили её наверх.

Товеровский

Товеровский:
— Спасибо.


Ну вот. Немного возни со Скетчем и всё стало более-менее прилично. Главное, чтобы вовремя нашёлся человек, который не пропустит говно.

Дизайнер придумывает визуальный язык. Но говорит на нём редактор

P. S. Для тех, кто искал в посте инструкцию, и не нашёл. Вот она: 1) попросите дизайнера сделать шаблон, 2) покажите дизайнеру, как вы шаблоном пользуетесь, и спросите, что он по этому поводу думает.

Что дальше

Новый интерфейс Бизнес-аккаунтов
Новая паранджа
Новая паранджа
Как показывали интерфейс Яндекса после редизайна
Саша Волкова
Подпишитесь в Телеграме на новьё
скриншотТоверовский