{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Прут, заметки с тегом: перевёрстка",
    "home_page_url": "http:\/\/blog.dasprut.ru\/tags\/perevyorstka\/",
    "feed_url": "http:\/\/blog.dasprut.ru\/tags\/perevyorstka\/json\/",
    "icon": "http:\/\/blog.dasprut.ru\/user\/userpic@2x.jpg",
    "author": {
        "name": "Прут",
        "url": "http:\/\/blog.dasprut.ru\/",
        "avatar": "http:\/\/blog.dasprut.ru\/user\/userpic@2x.jpg"
    },
    "items": [
        {
            "id": "24",
            "url": "http:\/\/blog.dasprut.ru\/all\/lynch-me\/",
            "title": "Дружеский линч",
            "content_html": "<p>Никита Лукинский нарисовал плакат о книге для ООО «Мининская Сотня».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/1-1.jpg\" width=\"530\" height=\"750\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Плакат Никиты<\/div>\n<\/div>\n<p>Что здесь можно проработать?<\/p>\n<p>Во-первых, не пытаться сделать <a href=\"https:\/\/www.lassociates.com\/sicario\">Сикарио<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/3.jpg\" width=\"493\" height=\"740\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Плакат неизвестного дизайнера из <a href=\"https:\/\/www.lassociates.com\/sicario\">LAssociates<\/a><\/div>\n<\/div>\n<p>Во-вторых, разобраться, что этот плакат должен сказать. Идея понятна: многогранная личность Мозгового представлена маленькими окошечками с разными фотографиями. Трафаретный шрифт должен эти окошечки поддерживать.<\/p>\n<p>Какая сцена сейчас собирается, и насколько это годится:<br \/>\n— Мозговой серьёзно смотрит вдаль (+);<br \/>\n— Мозговой гладит кота (+);<br \/>\n— БМП-2 с росписью (+);<br \/>\n— непонятный лысый мужик и ребёнок со странным выражением лица (-);<br \/>\n— мелкие солдаты (-);<br \/>\n— Мозговой слушает телефон (-).<\/p>\n<p>Сцена не сбалансирована и трещит по швам. Мешают и проблемы с техникой. Выделим основные:<br \/>\n— некрасивая нарезка главного героя;<br \/>\n— несбалансированная композиция (то густо, то пусто);<br \/>\n— непонятное цветовое кодирование;<br \/>\n— мало деталей для такой задумки;<br \/>\n— попсовый шрифт из разряда «первая идея на военный плакат»;<br \/>\n— несогласованный и неграмотный подзаголовок;<br \/>\n— Мозговой с телефоном отзеркален по горизонтали — и буквы шеврона задом наперёд;<br \/>\n— пустой фон.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/2-2.jpg\" width=\"523\" height=\"740\" alt=\"\" \/>\n<\/div>\n<p>С чего начать?<\/p>\n<p>Убрать из идеи (окошки-картинки) всё лишнее. Пусть наши окошки будут на чёрном фоне. И пока квадратные. Условимся, что в каждом окне появится своя картинка про жизнь главного героя.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/4.jpg\" width=\"523\" height=\"740\" alt=\"\" \/>\n<\/div>\n<p>Поставим главного героя. Возьмём обтравленную фотографию <a href=\"\/all\/mozgovoi\/\">с нашего концепта<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/5.jpg\" width=\"523\" height=\"740\" alt=\"\" \/>\n<\/div>\n<p>Квадраты слишком мелкие относительно главного героя. Объединим некоторые и добавим глубины.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/6.jpg\" width=\"523\" height=\"740\" alt=\"\" \/>\n<\/div>\n<p>Получилась композиция с неплохой вертикальной динамикой. Попробуем усилить заголовком. Берём жирный узкий <a href=\"https:\/\/www.fontspace.com\/queen-of-clubs-font-f27792\">Queen of Clubs<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/7.jpg\" width=\"523\" height=\"740\" alt=\"\" \/>\n<\/div>\n<p>Наполним окошки графикой. Все фото, кроме флага Новороссии, взяты <a href=\"https:\/\/vk.com\/danlevy\">у Дэна Леви<\/a> с его разрешения. К теме книги они не относятся, чисто для иллюстрации.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/8.jpg\" width=\"523\" height=\"740\" alt=\"\" \/>\n<\/div>\n<p>Обратите внимание на подтекст: люди смотрят на главного героя и идут в его сторону, а вся война идёт наружу. Книге это будет только на пользу.<\/p>\n<p>Разобьём статичность окошек, сделав их местами фигурными и разнообразим фон. Пусть там будет дым. Он заполняет пространство и дружит с темой книги.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/9.jpg\" width=\"523\" height=\"740\" alt=\"\" \/>\n<\/div>\n<p>Получилось очень много разнобойных цветов. Подружим их друг с другом корректирующими слоями и снизим яркость заголовка.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/10.jpg\" width=\"523\" height=\"740\" alt=\"\" \/>\n<\/div>\n<p>Немного сместим окошки и добавим информацию о выходе книги.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/11.jpg\" width=\"523\" height=\"740\" alt=\"\" \/>\n<\/div>\n<p>Можно ещё пополировать, но в целом плакат готов. На всё ушло 40 минут.<\/p>\n<p>Кстати, на Биханс Никиты можно подписаться <a href=\"https:\/\/www.behance.net\/molloythefly\">здесь<\/a>.<\/p>\n",
            "date_published": "2020-06-04T17:33:05+03:00",
            "date_modified": "2020-06-06T16:45:38+03:00",
            "image": "http:\/\/blog.dasprut.ru\/pictures\/1-1.jpg",
            "_date_published_rfc2822": "Thu, 04 Jun 2020 17:33:05 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "24",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/blog.dasprut.ru\/pictures\/1-1.jpg",
                    "http:\/\/blog.dasprut.ru\/pictures\/3.jpg",
                    "http:\/\/blog.dasprut.ru\/pictures\/2-2.jpg",
                    "http:\/\/blog.dasprut.ru\/pictures\/4.jpg",
                    "http:\/\/blog.dasprut.ru\/pictures\/5.jpg",
                    "http:\/\/blog.dasprut.ru\/pictures\/6.jpg",
                    "http:\/\/blog.dasprut.ru\/pictures\/7.jpg",
                    "http:\/\/blog.dasprut.ru\/pictures\/8.jpg",
                    "http:\/\/blog.dasprut.ru\/pictures\/9.jpg",
                    "http:\/\/blog.dasprut.ru\/pictures\/10.jpg",
                    "http:\/\/blog.dasprut.ru\/pictures\/11.jpg"
                ]
            }
        },
        {
            "id": "19",
            "url": "http:\/\/blog.dasprut.ru\/all\/oblozhka-vodokanada-popala-v-pereverstku-igorya-vladimirovicha-s\/",
            "title": "Прут в «Перевёрстке» Игоря Штанга",
            "content_html": "<div class=\"e2-text-picture\">\n<a href=\"https:\/\/nobelfaik.livejournal.com\/209072.html\" class=\"e2-text-picture-link\">\n<img src=\"http:\/\/blog.dasprut.ru\/pictures\/2-1.jpg\" width=\"1392\" height=\"1047\" alt=\"Блог Игоря Штанга\" \/>\n<\/a><\/div>\n",
            "date_published": "2020-05-03T13:00:08+03:00",
            "date_modified": "2020-05-03T13:00:00+03:00",
            "image": "http:\/\/blog.dasprut.ru\/pictures\/2-1.jpg",
            "_date_published_rfc2822": "Sun, 03 May 2020 13:00:08 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "19",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "http:\/\/blog.dasprut.ru\/pictures\/2-1.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3386,
    "_e2_ua_string": "E2 (v3386; Aegea)"
}