Блог Михаила Озорнина: заметки с тегом бюро горбунова

Про наблюдения

Михаил Озорнин — Tue, 02 May 2017 12:28:55 +0300

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

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

Что это дает

Повышает насмотренность, ну вы знаете.
Радует. Очень радует заметить милые мелочи, типа погоды в день дойки или ар-нувошного дома Дяди Федора. Неимоверная крутота же.
Прокачивает внимательность. Через некоторое время на автомате замечаешь необычные детали: мир становится интересней.

Как коплю

Интересные штуки я фотографирую. Фотографирую на телефон, даже если только что снял на фотоаппарат — с телефона я разбираю почти все, а с фотика мало что. В момент съемки я ничего не записываю.
По возвращении из отпуска или через несколько дней я разбираю фотографии и вытаскиваю наблюдения. Именно в этот момент я стараюсь понять зачем я это сфоткал, стоит ли оно моего внимания до сих пор или нет. Если там какая-то ошибка или неточность, я всегда задумываюсь или записываю как её починить.
Фотографию кидаю в пинтерест (https://ru.pinterest.com/mikeozornin/наблюдения-моё ), ИФТТ перепостит её в твиттер.

Что собираю

Так сложилось, что мои наблюдения в основном можно поделить на категории:

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

Мои любимые

Наблюдения бывают разной степени успешности, вот самые любимые.

Дядя Федор жил в модерновом доме:

Узнаваемая рука из «Сотворения мира» показывает направление и сразу рассказывает, что там именно Микеланджело — подпись к указателю необязательна:

http://artgorbunov.ru/observations/ruka-ukazatel/

Вот смотрите, я убрал подпись и функция сохранится.

В эмодзи-то Хокусай:

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

http://artgorbunov.ru/observations/pogoda-vo-vremya-doyki/

Ничего особенного, просто план эвакуации. Из Колизея:

http://artgorbunov.ru/observations/plan-evakuatsii-iz-kolizeya/

Идеальные подписи ко вкусам мороженного:

http://artgorbunov.ru/observations/podpisi-k-morozhennomu/

Некоторые штуки я не могу объяснить. Здесь матрешка, перевернутая R как Я, кефир и прочее создают ощущение русскости, но немного китайское:

Подборки:
на сайте Бюро http://artgorbunov.ru/observations/ruka-ukazatel/ (листайте вправо)
в пинтересте https://ru.pinterest.com/mikeozornin/наблюдения-моё/

Как запостить на сайт Бюро

Официальной инструкции нет, поэтому я напишу неофициальную (Бюро её не согласовывало, не читало и не проверяло).

Добавлять здесь
Возьмите фотографию получше. Найдите оригинал и приведите его в порядок — осветлите, настройте контраст.
Подумайте, чем полезна фотография людям. Запишите пользу. Иногда приходится описать более развернуто, а иногда достаточно одного предложения.
Вернитесь к написанному через полчаса, проверьте до сих пор ли всё ясно. Практика показывает, что не все описания одинаково понятны (сужу по отметкам «полезно»).
Проверьте, не является ли ваше неожиданное открытие скучной и обычной банальщиной (у меня пара таких была).
Если на картинке сфотографирована ошибка — то напишите как её надо было исправить — без исправления это в идиотеку.
Уберите точку в конце описания, Бюро её не ставит, как в подписи.
Поставьте теги:

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

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

Вот интересный канал в тему: https://t.me/ponravu

Учебник Артёма Горбунова «Типографика и вёрстка»

Михаил Озорнин — Sun, 16 Oct 2016 21:28:19 +0300

Год назад вышла первая глава учебника Артёма Горбунова «Типографика и вёрстка». Артём просит отзыв. Я с удовольствием.

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

Что могу сказать

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

Книга не заменит Чихольда, Мюллер-Брокманна, Брингхёрста, Харровера, но я убежден, что начать лучше с учебника, а книги воспринимать как доп. литературу.

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

С удовольствием рекомендую учебник всем, кто просит подсказать что-то по верстке. Игорь Штанг вот тоже советует: http://nobelfaik.livejournal.com/114586.html

Плюсы

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

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

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

Каталог шаблонов. Его удобно держать под рукой: проверять допустима ли конструкция или нет. Отдельно радует, что он появился как обновление к книге после того, как она была закончена.

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

Минусы

Не получится почитать без интернета.

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

Иногда не хватает примеров (как раз за примерами и можно идти в упомянутые книги).

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

Готов ответить на вопросы, если вдруг у кого есть.

9 месяцев в Школе стажёров Бюро

Михаил Озорнин — Thu, 13 Aug 2015 02:55:13 +0300

Оригинал в ЖЖ: http://withoutbrains.livejournal.com/90224.html

http://artgorbunov.ru/school/diploma/1sep2014/mihail-ozornin/

Прошел месяц, как я защитил диплом и закончил Школу стажёров. Это были непростые 9 месяцев.

Самое время подвести итоги. Эмоции улеглись, но важное еще не забылось.

Этапы

C 1-го сентября мы сидели на виртуальной парте студентов, грызли гранит теории, сдавали тесты и задания. 5 июня я защитил дипломный проект и получил диплом http://artgorbunov.ru/school/diploma/1sep2014/mihail-ozornin/. Все промежуточные оценки студентов — на странице школы (http://artgorbunov.ru/school/1sep2014/).

1 ступень

Школа встречает теорией: куча лекций, советов и книг. Её усвоение проверятся тестами и заданиями. Задания на этом этапе больше для самоконтроля.
Материал кажется простым, пока не дошёл до тестов. Чтобы ответить, приходится перечитывать всё снова на 3 раза. Некоторые дисциплины казались проще, с некоторыми было трудности. Тесты по верстке каждый раз мне казались чудовищными.

При этом теория сама по себе мало что дает. Прекрасно сдать теорию и параллельно провалить её применение — не вопрос. На одной из недель нам рассказывали про планирование «не впритык» — как обязательно что-то пойдет не так, поэтому важно брать запас времени. Запас позволит сделать в срок и не просесть в качестве. На той же неделе я неплохо сдал тест про «не впритык», а вот задание по редактуре закончил только в 23:58 (в 24:00 — дедлайн). При этом его можно было сделать лучше. Как раз плохо спланировал, недооценил объём. Было стыдно.

2 ступень

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

Вторая ступень учила показывать результат как можно раньше. Задание можно неправильно понять, ошибиться в направлении, забыть что-то важное. Раньше покажешь первую версию → раньше узнаешь об ошибках → успеешь переделать в срок.

3 ступень

Чтобы успешно выпуститься из Школы, нужно получить доступ к защите и защитить диплом. Диплом — готовый продукт: веб-сервис, промостраница, интерактивная инфографика, сайт. Красивая картинка не подойдёт, полусырой прототип — тоже. Сделать просто — можно, плохо — нельзя.

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

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

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

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

Особенности и принципы обучения

Важен только результат

Никого не интересовал наш учебный график, количество сна или болезнь. Важен только результат. На одной из недель я заболел, лежал с 39°, но макет доверстал.

Не знаешь как — напиши преподавателю. Говорит, что нет времени ответить — приди и спроси на «Живые советы» (два раза так делал).

Всё как в жизни

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

Однажды, на этапе диплома наш арт-директор уехал в Австралию и долго был вне интернета. Не смотрел наши варианты и не выдавал правки. Я потерял полторы недели. Кто виноват? — Я. Нельзя было рассчитывать, что он будет доступен 24/7, тем более, что это были праздники. Ничего не мешало узнать его график и согласовать время.

Нельзя плохо

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

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

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

Что-то типа выводов

Кому идти и кому не идти

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

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

Если пойдёте, договоритесь с близкими

Времени школа ест много, и так не у меня одного. Вот всё, что вам нужно знать о графике учебы в школе: twitter.com/kojoru/status/563722466363977728. Это может быть непривычно для близких. Обсудите с ними возможные изменения в графике, подумайте как перекроить будни и выходные. Поддержка и вера близких очень помогает не заглохнуть по пути.

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

Модифицированная мной картинка из совета Ильи Синельникова http://artgorbunov.ru/bb/soviet/20150703/

После Школы ощущение, что ты на новом пике. Но это пик опасности. Нужно как можно скорей перейти и упасть в яму трезвости.

О дипломном проекте следующий пост, и без того много.

Почитайте ещё пост Аркадия (http://ninedots.ru/all/chemu-uchat-v-shkole-stazherov-byuro/).

Ещё есть время попасть в новый набор http://artgorbunov.ru/school/31aug2015/.