{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Переверстал, заметки с тегом: зарядка для телефонов", "home_page_url": "https:\/\/pereverstal.by\/tags\/zaryadka-dlya-telefonov\/", "feed_url": "https:\/\/pereverstal.by\/tags\/zaryadka-dlya-telefonov\/json\/", "icon": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg", "author": { "name": "Автор блога", "url": "https:\/\/pereverstal.by\/", "avatar": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg" }, "items": [ { "id": "59", "url": "https:\/\/pereverstal.by\/all\/avtomat-dlya-zaryadki-telefonov\/", "title": "Автомат для зарядки телефонов", "content_html": "

Привет! Недавно на вокзале обнаружил автомат для зарядки телефонов.
\nВещь крайне полезная, в особенности для приезжих, которые до этого заряжали
\nтелефоны в вокзальном туалете, сидя при этом на полу, в ожидании пока телефон
\nхотя бы немного подзарядится.<\/p>\n

Пройти мимо я не смог, но не потому что батарея моего смартфона была
\nна исходе. Причина проста — инструкция по использованию автомата,
\nкоторую верстал не иначе как сам сатана.<\/p>\n

Смотрим:<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n

Надо сказать, что в процессе переверстки, мне доставляет большое
\nудовольствие редакторская работа. Обожаю облегчать текст, выбрасывать
\nиз него фразы-штампы, повторения, упрощать сложные фразы.
\nСливать воду, короче.<\/p>\n

При редактировании текста я всегда использую один и тот же алгоритм —
\nесли без конкретного слова смысл сообщения не теряется, то слово это можно
\nсмело удалять. К примеру, слово «Инструкция» здесь лишнее, т. к. какой еще
\nтекст может быть на дисплее такого автомата?<\/p>\n

Далее — «Для осуществления зарядки необходимо» — от слова «необходимо»
\nможно избавляться. Также из списка шагов я сразу удалил первый пункт,
\nпотому что прочтение публичного договора никоим образом не влияет на процесс
\nподключения телефона к автомату — это чистой воды юридическая бюрокартия,
\nкоторую обычно пропускают. Если вы не прочтете публичный договор,
\nвы все равно успешно подключите свой телефон к зарядке. Разумеется бывают
\nисключения, когда фразу не стоит упрощать, потому что существует вероятность
\nпонять ее иначе. Люди-то разные и не все одинаково сообразительные.
\nДа, кстати, всегда меняю «Вы» на «вы» потому что терпеть не могу лебезения.<\/p>\n

Поехали переверстывать. Обычно в процессе работы я делаю около 8-10
\nвариантов верстки. Это много, поэтому посты выходят не так часто как
\nхотелось бы, но я не люблю экономить время в ущерб результату.
\nДа и хороший результат просто не может появиться с первого раза.<\/p>\n

Ну вот, к примеру, пара вариантов из процесса. Попытки согласовать
\nпорядок чтения, блоки информации по степени важности, относительные
\nразмеры текстовых блоков, пустое и заполненное пространства.<\/p>\n

\n\"\"\n<\/div>\n

Главная опасность тут — не стать заложником красивой конструкции макета,
\nпотому что его визуальная привлекательность и функциональность —
\nэто не всегда одно и тоже.<\/p>\n

\n\"\"\n<\/div>\n

Вот эта конструкция мне вначале приглянулась, но, посмотрев на нее с точки
\nзрения удобства и скорости нахождения нужной информации, стало понятно,
\nчто макет слабоватый.<\/p>\n

\n\"\"\n<\/div>\n

На каком-то этапе мне захотелось добавить в макет поясняющие иконки.
\nОткрыл иллюстратор и стал рисовать.<\/p>\n

Вот что получилось<\/p>\n

\n\"\"\n<\/div>\n

В итоге хорошо в макете стала только иконка чека.
\nДа, это итоговый вариант.<\/p>\n

\n
\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Основная часть работы сделана, теперь осталось совсем немного,
\nа именно переверстать вот эту часть<\/p>\n

\n\"\"\n<\/div>\n

Здесь я решил не убирать дублирование заголовка «Не выбрасывайте чек!»,
\nчтобы подчеркнуть значимость посыла. Только представьте, что вы не можете извлечь
\nсвой телефон из автомата, где-нибудь в Копенгагене, а ваш поезд отходит через 10 минут!
\nПомните про чек!<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n

Готово! Теперь стоит попробовать сделать вариант потемнее.<\/p>\n

\n
\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n

Вери гуд! Все пока!<\/p>\n", "date_published": "2018-11-24T18:20:10+03:00", "date_modified": "2018-11-03T13:51:53+03:00", "image": "https:\/\/pereverstal.by\/pictures\/136099_800.jpg", "_date_published_rfc2822": "Sat, 24 Nov 2018 18:20:10 +0300", "_rss_guid_is_permalink": "false", "_rss_guid": "59", "_e2_data": { "is_favourite": false, "links_required": [ "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js", "system\/library\/fotorama\/fotorama.css", "system\/library\/fotorama\/fotorama.js" ], "og_images": [ "https:\/\/pereverstal.by\/pictures\/136099_800.jpg", "https:\/\/pereverstal.by\/pictures\/131804_800.jpg", "https:\/\/pereverstal.by\/pictures\/136311_800.jpg", "https:\/\/pereverstal.by\/pictures\/133016_800.jpg", "https:\/\/pereverstal.by\/pictures\/133309_800.jpg", "https:\/\/pereverstal.by\/pictures\/133622_800.jpg", "https:\/\/pereverstal.by\/pictures\/132793_800.jpg", "https:\/\/pereverstal.by\/pictures\/134049_800.jpg", "https:\/\/pereverstal.by\/pictures\/134777_800.jpg", "https:\/\/pereverstal.by\/pictures\/131888_800.jpg", "https:\/\/pereverstal.by\/pictures\/134308_800.jpg", "https:\/\/pereverstal.by\/pictures\/134476_800.jpg", "https:\/\/pereverstal.by\/pictures\/135076_800.jpg", "https:\/\/pereverstal.by\/pictures\/135924_800.jpg", "https:\/\/pereverstal.by\/pictures\/135262_800.jpg", "https:\/\/pereverstal.by\/pictures\/135491_800.jpg" ] } } ], "_e2_version": 3254, "_e2_ua_string": "E2 (v3254; Aegea)" }