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

дизайн

Как я откликнулся на вакансию Студии Артемия Лебедева

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

Задание для конкурса весьма своеобразное. Нужно сфотографировать шрифт Гельветика.

А вот, что выслал я.

Дальше будет графоманское описание как, я всё это делал.

Процесс

Холодным и угрюмым вечером января я впервые читаю задание. Первые мысли неоднозначные. Как фотографировать шрифт? Зачем его вообще снимать? Где здесь место фотографу? Всё это пронеслось в моей голове где-то за пару секунд.

Еще через несколько секунд мозг встал на место. Я еще раз перечитал задание.

“снять и обработать картинки про шрифт Гельветика так, как если бы они размещались в портфолио студии”

Так, нужно «снять» — уже хорошо. «Картинки» — значит больше одной. «Как если бы они размещались в портфолио студии». Понятно. Смотрим студийные работы.

Начинаю мозговой штурм. Создаю программу-максимум и программу-минимум. Разделяю задачи на недели.

Цель: нужно сделать кадр шапку, кадр с демонстрацией шрифта, кадр с мерчем и кадр с людьми.

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

Организую первую съемку. Зову друзей и знакомых посниматься в циклораме. Прошу взять однотонную одежду, чтобы в последствии не пришлось ничего вырезать. По задумке на одежде будет красоваться текст набранный Гельветикой. Снимаю.

Проба пера.

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

Собираю данные.

Рисую варианты буклета и попутно советуюсь со знакомым дизайнером о тонкостях типографской печати.

Останавливаюсь на студийном варианте демонстрации шрифта.

Сдаю в печать и бронирую фотостудию. Приезжаю в типографию забирать результат.

Вход в типографию

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

Помимо буклетов я взял предметы, которые, как мне кажется, сгодятся для мерча. Их я отснял по отдельности.

Делаю первый набросок.

Пара часов возни и предметы встают, как будто так и было.

Набираю Гельветикой текст поверх мерча. Готово.

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

Пару дней мозговой ебли и внезапно мне приходит в голову идея. ЖЭКовское объявление!

Традиции нового русского объявления начинаются в двухтысячных, когда каждая контора обзавелась персональными компьютерами, ксероксами и всевозможными канцелярскими принадлежностями. Так появилась настенное объявление в файлике А4, прилепленное на скотч.

Это совершенно замечательная традиция агрессивного общения до сих пор привлекает к себе внимание лучше любого дизайнерского плаката. Если на двери висит текст в файлике, с подписью «Администрации» — значит всё серьезно! Не какой-то там Вася Пупкин написал и не реклама пиццы, а с вами разговаривают представители конторы!

К сожалению, такие объявление, как правило, набираются Таймсом — благородным шрифтом, не созданным для набора объявлений, особенно капсом. Почему бы не заменить его на Гельветику?

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

Беру пачку А4, файлик, скотч, друзей для кадра, выезжаю на местность. Каково же было моё удивление и ощущение неописуемого счастья, когда по приезду был обнаружен уже готовый жэк-арт! Фоткаю.

Мы решили сделать своё объявление-балванку и разместили его на стенку пофактурней.

Готово. Дольше прорабатываю идею с объявления от администрации, рисую текст на футболках и обложке и высылаю в Студию.

Спасибо Саше, Лёше, Соне и Юле за помощь над проектом и готовностью подорваться в любой момент!

Красота Зарядья

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

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

Вид и панорама города

Это правда и об этом говорят все побывавшие в парке посетители и эксперты. У Москвы появился уникальный и узнаваемый вид.

В отличие от заезженного вида с Красной площади на Храм Василия Блаженного, теперь появился новый взгляд на башни Кремля, будто утопающие в зелени.

Этот эффект особенно хорошо передаётся на фотографии.

Архитектура и малые формы

Москва никогда не стремилась сохранить архитектурное наследие. Беспощадно разделывалась с целыми районами и отдельными постройками, передвигала дома и меняла направление улиц, сносила и перестраивала. Поэтому я давно уже свыкся с мыслью, что Москва всегда будет городом без истории. Тот же самый парк Зарядье был построен на месте снесенной гостиницы Россия, а та, в свою очередь, появилась на месте целого квартала. В этом суть Москвы. Возможно через сто лет и парка не будет, а возведут что-то другое.

Суть моей мысли заключается в том, что такой подход, где одни плюют на историю, а другие ей подтираются, рождает в городе «потоковую архитектуру» — постройки, приносящие моментальную выгоду владельцу. Такие постройки неказисты, уродливы, без заботы об эстетике. Ехал Наутилус через Охотный ряд.

И мне очень радостного от того, что с архитектурой Зарядья получилось сделать реальный вклад в историю города.

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

Внутри медиацентра

Также внутри некоторых строений используется клёвая навигация.

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

Текущий логотип, напомню, такой:

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

Кстати, на территории Зарядья находится не мало храмов сохранившихся до наших дней от старого квартала. Вот, например, «Церковь Зачатия Анны, что в углу китайгородской стены» отлично вписалась современный ландшафт парка.

«Большой луг».

Луг на самом деле вовсе не большой. Он намного меньше, чем на рендере и не переходит плавно в крышу ресторана, как показано под цифрой 14.

Разнообразные скамеечки.

Столбики с подписанными растениями и ландшафтами.

Парящий мост

Главная изюминка парка, ставшая знаменитой задолго до открытия — Парящий мост.

Мост и правда парящий, на окончании нет никаких опор и для России это очень удивительно. Не обманули.

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

Рекомендую любоваться на мост со стороны, людей, желающих сделать селфи здесь много.

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

В следующем посте я расскажу о недостатках парка, которые еще можно исправить.

А пока можно почитать про главный позор Москвы.

История развития карточного дизайна

Вчера выступал в РГГУ с презентацией на тему карточного дизайна в интерфейсах мобильных устройств. Рассказал, почему это возникло и дал прогнозы развития подобного подхода.

Вкратце объяснил, что из-за телефонов значительно сократилась читаемость текста. Упор на визуальный контент и переход от вертикального скролла простыни к горизонтальному свайпу повлиял на фрагментирование контента.

По отзывам выступление понравилось. Те, кто совсем не интересуется дизайном интерфейсов не совсем поняли, что же я имел в виду под словом «карточка». Поэтому, конвертируя презентацию в пост, я исправляю эту оплошность и начну сразу с определения.

«Карточки — это такие прямоугольники с минимальным количеством текста, в которых картинка или видео служит обложкой»

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

Тиндер

В 2012 году на айфон выходит приложение для знакомств Тиндер. Его основная особенность — новый вид подбора пары. Вместо устаревшего списка потенциальных претендентов, на главный экран выносится колода карт с фотками. Листая карточки влево или вправо мы, соответственно, выкидываем карточку или ставим лайк.

Слева направо: главный экран, пример свайпа, информация внутри карточки

И что тут нового?

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

В до мобильную эпоху контент на компьютерах размещался сверху вниз. Чтобы посмотреть всю страницу нужно было крутить экран. Это называется скролл. Характерный элемент интерфейса — «ползунок».

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

Ок. Что это дало?

После Тиндера в 12 году началась массовая экспансия карточек на приложения в аппсторе. Менялось название, но суть оставалась — ты листаешь слева направо какой-то контент. Самая интересная реализация карточек получилась у Снапчата, её подхватили остальные ребята на рынке мобильных соцсетей.

Карта развития карточного дизайна внутри приложений
Градиентиком — название раздела внутри соцсети основанного на карточках (кроме Тиндера). Циферка — год появления раздела, стрелочка — влияние.

Снапчат: Сториес, Дискавер

Практически неизвестная российскому пользователю социальная сеть Снапчат появилась в 2011 году. Это такое приложение-камера с различными способами оформления фотографий и видео, которые можно отправить друзьям.

Snap ink компания инноваций — они придумали самоуничтожающиеся фотки, они же придумали Сториес.

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

В 2015 году Снапчат запускает раздел Дискавер — аналог сториес для старых медиа. Газетам, тв каналам и интернет изданиям предоставили инструменты для ведения своих каналов внутри ленты пользователей Снапчата.

Слева направо: страница Дискавер и Сториес, карточка про культ от ViceNews, карточка про говно от BuzzFeed

Если очень грубо и по-простому, это новый телевизор для поколения миллениалов. Минимум текста, максимум эмоциональности, броские заголовки и качественная анимация. Один слайд — одна мысль, новость, история. Таким образом пользователь Снапчата за пару минут может получить новости CNN и приколы Buzzfeed, на чтение которых привычным способом уйдёт больше времени. К тому же это было бы менее весело.

Твиттер: Моментс

В Твиттере просто использовали формат карточек для объединения нескольких твитов.

Твиты в карточках

Инстаграм: Сториес

Инстаграм в 16 году скопировал Сториес у Снапчата. Одна из причин зачем они это сделали, как говорили сами разработчики, заключалась в том, что люди попросту перестали постить житейские фотки в ленту. Это снижает вовлечённость аудитории, что плохо сказывается на прибыли.

Принцип Сториеса тот же, что и в Снапчате — карточка видна всем подписчикам и живет 24 часа. Такое решение позволило избавить пользователей от необходимости постить «качественное» фото и сделать упор на эмоциях и моменте. То, что и нужно было миллениалам с клиповым мышлением.

Раздел популярных фото и сториесы

Медиум: Сериес

Завершает картину на сегодняшний день реализация карточного дизайна в сервисе лонгридов Медиум.

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

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

Я сокращу для ясности: в сервисе лонгридов появились клиповые тексты.

О чем это всё говорит?

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

Выходит, что краткость теперь не только сестра таланта, но внебрачная дочь ясности и понятности.

Кстати. Эта презентация есть в сокращённом варианте на медиуме. И да, она тоже в виде карточек.