{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Кирилл Беляев: заметки с тегом бюро",
    "_rss_description": "Дизайн-бюро Артёма Горбунова",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=tags\/bureau\/",
    "feed_url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=tags%2Fbureau%2Fjson%2F",
    "icon": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101",
    "author": {
        "name": "Кирилл Беляев",
        "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/",
        "avatar": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101"
    },
    "items": [
        {
            "id": "407",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/metaphor-for-artem-gorbunov-design-bureau\/",
            "title": "Метафора для Дизайн-бюро Артёма Горбунова",
            "content_html": "<p>В моей вселенной бюро выглядит поездом, без остановок идущим к цели на полном ходу. Представьте вестерн о диком западе, золотую лихорадку, бум железнодорожного строительства. В этой картине поезд — олицетворение прогресса.<\/p>\n<p>Поезд везёт ценный груз интереснейших проектов и знаний о сопровождении его к цели. Мечта многих — на него сесть. Но тот следует без остановок, груз сопровождают маршалы и поручители клиентов.<\/p>\n<p>Жаждущим прокатиться предстоит цепляться на ходу. Развитые навыки помогут, как помог бы конь и умение верховой езды. Первая задача — поравняться с поездом. Без тренировки даже это сложно. А промедление с прыжком — риск загнать  коня.<\/p>\n<p>Запрыгивать на мчащийся поезд — то ещё удовольствие. Мало кто рискнёт дважды. Удача, если ковбой зацепится за вагон. Только в кино прыгают ловко и просто. В жизни «прыгуны» такого уровня водят свой поезд.<\/p>\n<p>И вот герой висит, вцепившись в борт и глотая пыль. Конечности немеют, подталкивая двигаться дальше. Путь один — карабкаться на крышу. По ней проще добраться до паровоза. О удачно добравшихся по боковине до головы состава не слышали.<\/p>\n<p>Если забраться выше не получилось, выручит родной конь, который продолжал скакать параллельно поезду. Поэтому лучше его поберечь и не томить с прыжком на поезд.<\/p>\n<p>На крыше — сложнее. Теперь о постороннем присутствии уже знают, к борьбе с собой добавится борьба с маршалами и поручителями. Они привыкли передвигаться по движущемуся составу и знают техники. А герой еле справляется с ветром. Шанс что лошадь не выдохнется к этому моменту невелик — падение предвещается жёсткое.<\/p>\n<p>Если же герой ловко прошёл пару вагонов незамеченным и быстро перенял у противника его же техники, у него появляется шанс одолеть маршала, а для других прикинуться таким же маршалом.<\/p>\n<p>Состав длинный, маршалов и поручителей клиентов достаточно, чтобы свалить на твёрдую землю.<\/p>\n<p>Войти в кабину практически невозможно. Как и представить, что ждёт внутри.<\/p>\n<p>Добраться до конца в состоянии только изобретательные и выносливые психологически и физически. А хорошая физическая форма ещё и при падении пригодится.<\/p>\n<p>Зачем герою в кабину? Можно же из вагонов ценностей собрать. Герои играют по-крупному: люди в кабине решают куда пойдёт поезд, а с ним и весь груз. Герой хочет всё, а не набитые побрякушками карманы. К тому же не сложно найти способы набить карманы попроще.<\/p>\n",
            "date_published": "2015-06-30T12:25:22+03:00",
            "date_modified": "2015-06-30T12:25:45+03:00",
            "_date_published_rfc2822": "Tue, 30 Jun 2015 12:25:22 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/metaphor-for-artem-gorbunov-design-bureau\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "318",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/design-is-a-job-by-mike-monteiro\/",
            "title": "«Дизайн — это работа» Майка Монтейро",
            "content_html": "<p>Название характеризует книгу невероятно метко: «<a href=\"http:\/\/www.mann-ivanov-ferber.ru\/books\/book-apart\/design-is-a-job\/\">Дизайн — это работа<\/a>» (Design Is a Job).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/Design-Is-a-Job.jpg\" width=\"180\" height=\"258\" alt=\"\" \/>\n<\/div>\n<p>Монтейро прост и силён. Главные идеи, сформулированные в призывы или инструкции, так и выпирают на читателя. Поясняющего текста между ними немного. Это отжатый опыт с щепоткой иронии.<\/p>\n<p>Книга будет полезна дизайнерам (и не только) любого уровня. Далее используется терминология Антона Шнайдера из совета <a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20130619\/\">об уровнях осознанности дизайнеров<\/a>. Информация в книге изложена по мере роста дизайнера.<\/p>\n<h2>Ребёнку<\/h2>\n<p>В начале Майк рассказывает о губительном мифе «дизайнер = творец». «Этот миф разрушителен, так как сводит работу дизайнера к возне канцелярской пиксельной крысы, украшателя и того, кто только ищет путь к успеху.» Почему так происходит автор объясняет за первые 3 страницы (<a href=\"http:\/\/www.mann-ivanov-ferber.ru\/assets\/files\/bookparts\/design-is-a-job\/glava_1.pdf\">первой главы<\/a>). И немедля переходит к сути работы дизайнера:<\/p>\n<blockquote>\n<p>«Первый шаг в разработке чего бы то ни было — это вопрос: „Зачем мы это делаем?“ Если ответ неясен — неясен лично вам или его просто не существует, — вы ничего не сможете создать.»<\/p>\n<\/blockquote>\n<h2>Ксероксу (и, возможно, Задире)<\/h2>\n<p>Полезно осознать различия целей и задач.<\/p>\n<blockquote>\n<p>«В идеале клиент приходит и говорит: „Мы ясно понимаем свою проблему, мы не привязаны к какому-либо конкретному решению, и нам не терпится начать с вами работать, чтобы вместе найти решение“. А потом мы все седлаем наших единорогов и скачем. Куда вероятнее, что клиент приходит к вам, уже представляя себе какое-то решение, даже если толком не может сформулировать проблему.<\/p>\n<\/blockquote>\n<p>Вопрос в том, сможете ли вы переключить его внимание с решения обратно на проблему, и в том, насколько он готов это сделать. Тут вы и поймете, станет ли он хорошим клиентом. А то, как вам удастся этого добиться, покажет, насколько вы хороший дизайнер.»<\/p>\n<h2>Задире (особенно работающиму на себя)<\/h2>\n<p>Майк рассказывает о ценности рабочего процесса дизайнера, его системы решения задач, используемых алгоритмов.<\/p>\n<blockquote>\n<p>«...Клиент сказал нам, что просит всех кандидатов набросать несколько концепций заказываемого сайта, чтобы помочь принятию решения. <...> Его целью было убедиться в том, что он получит хорошую работу. И он придумал план, который, по его мнению, это обеспечивал. Важно научиться отделять цели клиента от планов, потому что цели, как правило, стоят внимания. По крайней мере, тех клиентов, в разговоре с которыми вы зашли уже достаточно далеко. Их планы, однако, совсем другое дело.<br \/>\nЗа планирование того, как достичь цели, отвечаете вы. Это ваша работа. И если вы не покажете клиенту, что берете на себя эту ответственность, вам будет очень трудно осуществить что-либо в ходе проекта.»<\/p>\n<\/blockquote>\n<p>Клиенты разными способами, намеренно и нет, пытаются изменить процесс разработки дизайна, Майк разбирает основные из них.<\/p>\n<p>Рекомендации работают.<\/p>\n<blockquote>\n<p>«Если вам нужен новый врач, юрист или мясник, вы в первую очередь спросите тех, кому вы доверяете. Вы цените мнение этих людей, и такой способ быстрее и надежнее, чем долгое самостоятельное исследование.»<\/p>\n<\/blockquote>\n<p>Откровением было, что они бывают главным инструментом привлечения клиентов. Монтейро хорошо объясняет, почему и как они работают.<\/p>\n<h2>Учителю<\/h2>\n<p>Монтейро несёт простые и логичные идеи работы с другими дизайнерами:<\/p>\n<blockquote>\n<p>«...Иногда бывает очень-очень трудно не взять у них из рук мышку. Бывает, я точно знаю, как что-то можно исправить, и мы это обсуждаем, и моя рука начинает медленно ползти к их мышке. Но это неудачный ход, неуважительный по отношению к другому. Это упущенная возможность чему-то его научить. И прежде всего это значит, что вы не доверяете своим навыкам обратной связи настолько, насколько доверяете своим навыкам исполнения.»<\/p>\n<\/blockquote>\n<blockquote>\n<p>«Дайте людям достаточно свободы действий для провала. И не так, чтобы в последний момент вы появлялись и спасали их, а так, чтобы они были уверены, что этого не будет.»<\/p>\n<\/blockquote>\n<blockquote>\n<p>«Самый лучший способ получить наибольшую отдачу от дизайнера, который достиг определенного уровня, — это сделать так, чтобы он обучал других тому, что умеет.»<\/p>\n<\/blockquote>\n<h2>Художник знает, что искать лучше меня, сам справится.<\/h2>\n<p>Отмечу, что взгляды Майка на ценообразование дизайна противоречат принципу <a href=\"http:\/\/gettingreal.37signals.com\/ch02_Fix_Time_and_Budget_Flex_Scope.php\">ФФФ<\/a>:<\/p>\n<blockquote>\n<p>«...Ценность вашей работы для конкретного клиента зависит от того, что получит клиент от нее. Клиент не покупает у вас время. Он покупает работу. И деньги нужно брать за ценность этой работы.»<\/p>\n<\/blockquote>\n<p>Остальные идеи Монтейро я готов отстаивать как свои, поэтому очень интересно, узнать его мнение о ценности времени, об отложенном на месяц запуске и упущенной прибыли.<\/p>\n<p>Готовя заметку, понял, что хочу процитировать седьмую часть книги — вот сколько в ней полезного. В ней есть советы как находить и выбирать клиентов, продавать и презентовать дизайн, как работать с обратной связью (замечаниями) клиента и ещё миллион всего. В ней нет ни слова про проектирование и рисование — 176 страниц о предоставлении услуги «дизайн».<\/p>\n<p>P. S. <a href=\"http:\/\/www.mann-ivanov-ferber.ru\/books\/book-apart\/design-is-a-job\/reviews\/gorbunov\/\">Отзыв Артёма Горбунова<\/a><\/p>\n",
            "date_published": "2014-01-02T20:54:05+03:00",
            "date_modified": "2014-09-19T09:39:25+03:00",
            "image": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/Design-Is-a-Job.jpg",
            "_date_published_rfc2822": "Thu, 02 Jan 2014 20:54:05 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/design-is-a-job-by-mike-monteiro\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/Design-Is-a-Job.jpg"
                ]
            }
        },
        {
            "id": "316",
            "url": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/newspaper-designers-handbook-by-tim-harrower\/",
            "title": "«Настольная книга газетного дизайнера» Тима Харровера",
            "content_html": "<p>Русское издание не купить. Книгу скачивают в виде отсканированных страниц <a href=\"http:\/\/vk.com\/doc1840617_156872726?hash=912a112447624308ab&dl=28aabb49a7217e1962\">в ПДФе<\/a> (части, кстати, не хватает) или покупают <a href=\"http:\/\/www.amazon.com\/The-Newspaper-Designers-Handbook-Harrower\/dp\/0073512044\/ref=dp_ob_title_bk?ie=UTF8&qid=1211393180&sr=11-1\">оригинал<\/a>. Я читал ПДФ. Свёрстан он ужасно, что поначалу подрывает веру в действенность Харроверовских методов.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/The-Newspaper-Designers-Handbook.jpg\" width=\"180\" height=\"258\" alt=\"\" \/>\n<\/div>\n<p><a href=\"http:\/\/www.timharrower.com\/bio.html\">Тим Харровер<\/a> — американский издатель, журналист, писатель, дизайнер и лектор. По-голливудски бравое содержание с лихвой наполнено приёмами и примерами их использования.<\/p>\n<p>«Настольная книга газетного дизайнера» — сборник методов и правил.<\/p>\n<p>Советы о технологиях печати и компьютерной вёрстке устарели. Они интересны как экскурс в дни, когда верстальщики пользовались круглой <a href=\"http:\/\/ru.wikipedia.org\/wiki\/%D0%9B%D0%BE%D0%B3%D0%B0%D1%80%D0%B8%D1%84%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B0%D1%8F_%D0%BB%D0%B8%D0%BD%D0%B5%D0%B9%D0%BA%D0%B0\">логарифмической линейкой<\/a>, которая переведена как «<a href=\"https:\/\/www.google.lv\/search?q=proportion+wheel&hl=ru&espv=1&source=lnms&tbm=isch&sboxchip=%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8&sa=X&ei=owGmUqnYJ4OZyAOgxIHoAg&ved=0CAkQ_AUoAA&biw=1024&bih=672&dpr=1\">пропорциональное колесо<\/a>». Кстати, <a href=\"http:\/\/all-ht.ru\/inf\/history\/p_0_15.html\">первая логарифмическая линейка<\/a> была круглой, а не прямой, широко распространённой в СССР.<\/p>\n<p>Автор последовательно разбирает сочетания основных элементов газетной страницы — заголовка, текста, фото и комментария к нему. Он тщательно перебирает сочетания: статья без фото, с горизонтальным фото, с вертикальным, с двумя и множеством фото.<\/p>\n<p>Область использования описанных методов шире газетного дизайна. Они работают в журналах, книгах, вебе, везде, где речь идёт о вёрстке. Например, Артём Горбунов <a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20121029\/\">советует<\/a> в блоке из заголовка, текста и фотографии ставить сначала фотографию, потом заголовок, а следом текст. Тим пишет, что так читатель не перепутает, к какому тексту относится заголовок, поэтому не стоит вклинивать фото между заголовком и текстом.<\/p>\n<p>Правило работает с новостями из совета и с блоком из иконки, заголовка и сниппета (<a href=\"http:\/\/www.felixzawojski.ru\/\">сайт отеля «Феликс Завойский»<\/a>, <a href=\"http:\/\/vip.1gl.ru\/about\/\">промосайт «Системы Главбух»<\/a>, и виджет <a href=\"http:\/\/www.yandex.ru\/\">на главной Яндекса<\/a>):<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/icons.jpg\" width=\"768\" height=\"188\" alt=\"\" \/>\n<\/div>\n<p>Возьмём шире: логотип состоящий из графического элемента, названия компании и <a href=\"http:\/\/eldesign.ru\/sreda\/2006\/1220\/\">статусной строки<\/a> (о её расположении есть  <a href=\"http:\/\/www.artlebedev.ru\/kovodstvo\/sections\/114\/\">другое мнение<\/a>). Это состав не самого сильного логотипа (об этом стоит написать отдельно), но допустим, что такова данность. Тогда данные три элемента хорошо встают в том же порядке (авторы: <a href=\"http:\/\/whynotsmile.com\/\">Why Not Smile<\/a>, <a href=\"http:\/\/www.hulsbosch.com.au\/\">Hulsbosch<\/a>, <a href=\"http:\/\/new.pentagram.com\/2009\/05\/new-work-fort-worth-museum-of\/\">Pentagram<\/a>, <a href=\"http:\/\/lippincott.com\/en\/work\/farmers-insurance\">Lippincott<\/a>, <a href=\"http:\/\/www.artlebedev.ru\/everything\/graphic\/identities\/\">Студия Лебедева<\/a> и <a href=\"http:\/\/artgorbunov.ru\/projects\/marytrufel-logo\/\">Бюро Горбунова<\/a>):<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/logos.jpg\" width=\"768\" height=\"271\" alt=\"\" \/>\n<\/div>\n<p>Верю, что если поменять местами графэлемент и название с подписью, будет работать. Увы, не нашёл приличного примера. Поможете?<\/p>\n<p>Последнему случаю примера тоже не нашлось, но и без него ясно, что если сверху вниз расположить название, графэлемент и подпись, будет плохо (и если поменять название с подписью местами, лучше не станет). Здесь рассматриваются только композиции с расположением базовой линии на прямой, окружности работают иначе.<\/p>\n<p>Другой важный ход — блочность элементов: «...какой бы ни была форма текста (вертикальной, горизонтальной или квадратной) она всегда должна быть прямоугольной», «Каждая статья должна иметь прямоугольную форму. Вы уже слышали это сотни раз. Однако это ключ к успеху в модульной вёрстке». Больше трети книги автор разбирает всевозможные комбинации прямоугольников (-:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/Screen-Shot-2013-12-10-at-23.48.51.png\" width=\"328\" height=\"347\" alt=\"\" \/>\n<\/div>\n<p>Недавно, кстати, Артём Горбунов писал <a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20131209\/\">о ценности «прямоугольности»<\/a>. Подсвечу только прямоугольники, которые он виртуозно создал линейкой:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/boxes.jpg\" width=\"762\" height=\"166\" alt=\"\" \/>\n<\/div>\n<p>Книга полна примеров «было плохо — стало хорошо», и примеров с множественными решениями при равных исходных. Ближе к концу Тим приводит пример из 16 вариантов вёрстки статьи о Билле Косби, и показывает минусы и плюсы каждой:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/cos.jpg\" width=\"759\" height=\"371\" alt=\"\" \/>\n<\/div>\n<p>Конечно, приёмы описаны не все. Заметка скорее — затравка и помощь решающим читать или нет. Приглашаю делится хорошими методами в комментариях. И задавать вопросы — они побуждают к открытиям.<\/p>\n",
            "date_published": "2013-12-11T12:48:22+03:00",
            "date_modified": "2014-01-17T19:32:44+03:00",
            "image": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/The-Newspaper-Designers-Handbook.jpg",
            "_date_published_rfc2822": "Wed, 11 Dec 2013 12:48:22 +0300",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/www.kirillbelyaev.com\/ru\/blog\/?go=all\/newspaper-designers-handbook-by-tim-harrower\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/The-Newspaper-Designers-Handbook.jpg",
                    "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/icons.jpg",
                    "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/logos.jpg",
                    "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/Screen-Shot-2013-12-10-at-23.48.51.png",
                    "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/boxes.jpg",
                    "https:\/\/www.kirillbelyaev.com\/ru\/blog\/pictures\/cos.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3572,
    "_e2_ua_string": "E2 (v3572; Aegea)"
}