Блог Ромы Филиппова

о проектировании, интерфейсах, управлении проектами

Обо мнеИзбранное

Ctrl + ↑ Позднее

Как я работаю с вектором

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

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

И вот с осени 2003 года моим главным инструментов на ближайшие 5 лет стал Corel Draw (далее Корел), каждый день я узнавал этот инструмент все больше и больше, я стал практически Робином Корела. И с тех пор если мне требуется что-то сделать с формой или примитивным объемом, я работаю исключительно в Кореле. В 2009-2010 для меня начался веб 2.0 и в том время было модным пересаживаться с Корела в Adobe Illustrator (далее Иллюстратор), и полностью работать в рамках одного пакета Adobe. Я тоже пробовал перейти, но окончательно так и не смог.

Иллюстратор

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

Скетч

Теперь перейду к разработке интерфейсов. Хуже всего дела с работой в векторе обстоят в Sketch (далее Скетч), ощущение что ребята взяли пример с Иллюстратора, а он как мы видим не самый лучший, но и этот опыт полностью повторить не смогли. Я могу предположить что разработчики исходили из аудитории, что большинство потребителей работают в пакете Adobe, и что лучшее решение — повторить пользовательский опыт. А может быть потому, что у пользователей Маков нет опыта работы в Кореле, но это не относится именно к процессу работы с вектором. Работать с вектором в Скетч — непередаваемая боль, дальше я не могу передать культурно весь мой опыт работы.

Корел

Сейчас мой процесс работы с формой и объемом следующий: я быстро накидываю черновик в Кореле, сглаживаю острые углы и потом с помощью копировать/вставить отправляю в Иллюстратор. Дальше работа продолжается с шлифовкой объекта и работа с цветом в Иллюстраторе, в этом Иллюстратор силен. Далее в зависимости от назначения файл из Иллюстратора может улететь смарт-объектом в Фотошоп или в Скетч.

Вся соль

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

Люди, которые работают с формой в Кореле: Эркен Кагаров, Вова Лифанов.

Кина не будет

Попытка записать рабочий процесс работы с объемом средствами Monosnap была плохой, но что получилось, то получилось.

Василий Кандинский

Придет время и я изучу Историю искусств Эрнста Гомбриха и Истории дизайна Шарлотты Филл или замечательные издания Стивена Хеллера, но пока можно начать с малого — собирать и конспектировать отрывки. Яндекс сделал замечательный ролик про Кандинского, рекомендую к просмотру.

Деформация идеи

cover !white

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

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

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

Иллюстрация: Афинская школа, 1511, Рафаэль Санти.

2016   идея   мысли

Качество эмоций ≠ Качество товаров

cover white

Товары Икея второстепенны, главное — эмоция

Основная претензия к товарам Икеи — это их низкое качество (Яндекс отвечает), но бизнес Икеи построен не на товарах, поэтому не нужно ждать от них вообще какого-либо качества. Но это не значит, что их не нужно покупать.

Икея проектирует эмоции, эмоции вертят потребителем

Помните замечательный фильм «Wag the Dog»? Освежим в памяти

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

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

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

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

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

Воспитание визуальной среды

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

P.S. У Икея есть товары отличного качества, но они намного выше среднего ценового сегмента по рынку.

2016   Икея

Что почитать около дизайна — 5

cover white

Обзор интересных материалов

На русском

  1. Приблизительная оценка чего угодно с помощью вопросов Ферми.
  2. Влад Головач написал заметку о подмене понятий и о гуманистической роли дизайнеров.
  3. Задача, которую не приняли — не проблема контролера. Максим Ильяхов о том, что необходимо предпринять чтобы сдать задачу.
  4. В деталях не только дьявол, но и жизни окружающих людей. Людвиг рассказывает о людях, которые скатываются в детали.
  5. Илья Бирман о важности понимания задачи.
  6. Как хочу, так и говорю. В произношении правил нет.
  7. Федор Борщев написал очередной пост о том, что Слэк — дно, но если выбросить информацию про Слэк, то пост очень хороший.
  8. И напоследок короткая заметка: «Творчество — способность думать».

In English

  1. Любовь к буквам. Monotype обновили шрифт Johnston100 для навигации Лондона.

Что посмотреть

Нью-Йорк сформировал и дополнил имеющуюся визуальную коммуникацию. NYCgo Relaunch.

Иллюстрация: Illustrated Gifs Euro 2016, Raisch Studios LLC

Навыки дизайнера

cover white

Челове́к дизáйнер. Глава 2

Это продолжение серии записей о Челове́ке дизáйнере. Цель этого цикла — разобраться в себе, задача этой заметки — найти отличия между новичками и опытными дизайнерами. Серия заметок будет двигаться от общего к частному. Сопутствующая задача — помочь себе в проведении собеседований на открытые вакансии в Студии. Также я хочу понимать на какие качества следует обратить внимание сотрудникам, чтобы стать лучше и эффективнее.

В апреле в Томске прошла 4-я ежегодная конференция DevPro, после которой меня заинтересовала тема доклада Сергея Дорофеева о личностных качествах кандидатов на работу: «Soft skills сотрудников — залог успешного развития IT-компании». В результате я решил, что будет полезно составить схему навыков и качеств кандидата в дизайнеры / действующего дизайнера (отчасти и аналитика), и, одновременно, добавить те навыки и качества, которые я вижу в себе или хочу увидеть.

Минутка истории

В V веке нашей эры философ Марциан Капелла написал трактат «О бракосочетании Филологии и Меркурия». Этот текст в аллегорической форме закрепил представление о круге научных знаний, формирующего образованного человека и необходимого для занятия философией. В списке Капеллы было семь дисциплин, разбитых на тривий (три базовых, в современном понимании — гуманитарных) и квадривий (четыре второстепенных, технических): грамматика, диалектика или логика, риторика, арифметика, геометрия, музыка и астрономия.

«Чему учили детей в Древней Греции», Артем Асташенков

Философия и семь свободных искусств. Миниатюра из книги Геррады Ландсбергской «Hortus Deliciarum» (1167—1185)

Навыки и качества. В чём разница?

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

На́вык — деятельность, сформированная путём повторения и доведения до автоматизма.
Википедия

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

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

Качества личности — стабильные внутренние особенности человека.
Психологический словарь

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

Открыть схему: «Качества и навыки дизайнера». Автор: Рома Филиппов

Проводя собеседование аналитиков, я задавал вопрос: «Чем отличается аналитическое, системное мышление от критического?» — но ни одного внятного ответа от кандидатов так и не получил, хотя ждал логических выводов на основании названий типов мышления. Схему я буду периодически пополнять и расширять, на её основе четко сформулирую требования вакансий в Студии 15 и расширю свой список необычных вопросов на собеседовании. О типах мышления и работы с ним я расскажу в следующей заметке.

В заключение я хочу сказать спасибо моей Маме, моей семье, моим преподавателям — Савиной Татьяне Николаевне (преподаватель физики, г. Ачинск) и Фоминых Сергею Фёдоровичу (заведующий кафедрой современной российской истории ТГУ, г. Томск), моим друзьям. Благодаря этим людям у меня сформировались те личностные качества, которые мне помогают в работе.

Иллюстрация: Scene from The Storehouse of Loyalty (Chushingura), 1806, by Hokusai (1760—1849). Japan. Edo period (1615—1868).

Что почитать около дизайна — 4

cover white

Обзор интересных материалов за неделю

На русском

  1. Плюсы и минусы работы в команде.
  2. Людвиг собрал свои лекции в одном месте.
  3. Что делать с фичами, когда все сроки горят в аду? Ответ Антона Жиянова. А еще советую прочитать заметку Антона о книге Купера «Психбольница в руках пациентов».
  4. Ошибочная эмпатия и самообман проектировщика.
  5. Николай Товеровский о том, что менеджеры называют «не важно» и в каких случаях это важно.
  6. Сергей Стеблина о правильной постановке задач.
  7. Основы презентаций.

In English

  1. Чумовые работы с неоном Джеймса Клэра.
  2. Атлас эмоций человека, кладезь для проектировщиков.

Что посмотреть

Волшебство рождения книги, надеюсь книга всегда останется доступной.

Иллюстрация: James Clar, Horizontal Force (2015)

Ctrl + ↓ Ранее