Двенадцать шагов, чтобы медлить, как профессионал

1. Начните с реорганизации рабочего пространства

Начните с реорганизации рабочего пространства

Чистое рабочее пространство обеспечивает ясность сознания. Так что переставьте стол, воспользуйтесь советами Marie-Kondo, сфотографируйте уже упорядоченное рабочее место и опубликуйте фото в Instagram с хештегом #readytowork. Отвечайте на каждый комментарий вдохновляющей цитатой о чистоте. Например, «Наведение порядка на рабочем месте ведет к продуктивному дню». Подумайте о написании на Medium статьи об этом. Начните набрасывать черновик. Добавьте его к другим двадцати статьям, которые вы никогда не закончите.

Сторонние проекты!

2. Ждите вдохновения

Ждите вдохновения

В любую минуту вдохновение может поразить вас подобно молнии, и ваша работа взорвется всплеском творчества. Полазьте на Dribbble и оставьте неконструктивные комментарии, например, «OMG. БЛЕСК. ОФИГЕТЬ. МНЕ ОЧЕНЬ НРАВИТСЯ. ВАУ. ЗАЦЕНИТЕ МОЮ РАБОТУ». Затем посетите Behance и часами просматривайте невероятные работы других людей. Вскоре вы начнете чувствовать себя подавленным, потому что вам не хватает их таланта и самоотдачи.

Вдохновение!

3. Сделайте кофе

Сделайте кофе

Ваш мозг нуждается в кофеине, чтобы заставить идеи двигаться. Эй, еще лучше, прогуляйтесь в модную кофейню с длинными очередями и купите свой любимый эспрессо. Ничто не пробудит вашу креативность так, как обезжиренный ванильный макиато по завышенной цене. Это еще одна возможность для поста в Instagram. Поставьте кружку рядом с ноутбуком, найдите правильный угол, используйте правило третей и сделайте снимок! Напишите под картинкой текст: «Кофейни поддерживают мою супер изобретательность!» Потратьте полчаса на редактирование и выбор идеального фильтра.

Продуктивность!

4. Тратьте много времени на обзор шрифтов

Тратьте много времени на обзор шрифтов

Всегда есть что-то новое в модных швейцарских типографических магазинах. Посмотрите на эти великолепные рукописные шрифты, эти восхитительные геометрические рубленные шрифты и эти искусные лигатуры! Просмотрите и попробуйте различные комбинации шрифтов, даже если вы никогда ничего не покупаете. Они стоят слишком дорого (все равно вы используете шрифт Futura во всех своих проектах).

Копейка рубль бережет!

5. Почитайте твиты

Почитайте твиты

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

Кто-то не согласен с вами? Заглушите их! Кто-то был груб с вашим кумиром дизайна? Киньте на них жалобу! Кто-то критикует ребрендинг стартапа, который вам нравится? Внесите их в черный список! Медленно начинайте создавать пузырь вокруг себя. Изолируйте себя от реальности, обернувшись в окружении поверхностных отношений. Окружайте себя людьми, которые согласны с вами и не будут вас критиковать. Оставайтесь защищенными в своем прекрасном безопасном мирке.

#designleadership.

6. Съешьте полезных снэков

Съешьте полезных снэков

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

О, вашему телу нужно больше энергии? Нет проблем, на выручку придет ближайший фуд-трак. Купите буррито и впадите в пищевую кому.

Здоровое питание!

7. Вздремните

Вздремните

Ну, после этой дорогущей жирной горы углеводов, вам нужно отдохнуть. Знаете ли вы, что сон положительно коррелирует с дивергентным мышлением и творческим поведением? Нет, это чушь, но скажите себе, что все ок. Вы проснетесь полными сил и готовыми доделать работу.

Подзарядитесь!

8. Посмотрите обучающие видео

Посмотрите обучающие видео

Хорошо, вы только что проснулись. Естественно, вы не можете пошевелить и пальцем. Это отличная возможность узнать что-то новое. Пока вы лежите, откройте ноутбук, положите его на живот и начните запоем смотреть на Netflix передачу Абстракция: Искусство дизайна. Она связана с дизайном, поэтому вы можете сказать себе, что это для вдохновения. Также можно посмотреть сериал «Офис» и изучать офисную политику. Как насчет сериала «Кремниевая долина»? Ведь это шоу о жизни стартапа, так что все в порядке, не так ли?

Образовательный!

9. Прогуляйтесь

Прогуляйтесь

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

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

Откройте свой разум!

10. Сделайте наброски своих идей

Сделайте наброски своих идей

Нет ничего лучше, чем ощущение карандаша и бумаги в руке. Начните рисовать все, что приходит на ум. Долой Sketch! Что? Не приходят идеи? Творческий ступор? Возможно, у вас нет необходимых инструментов. Поищите на Amazon альбом и ручки, прочитайте обзоры, посмотрите видео, оцените рекомендации. Эй, прошел час, и теперь в вашей корзине туфли, солнечные очки и шарф, которые вы «изначально и собирались» купить.

Подготовка.

11. Делайте все в последнюю минуту

Делайте все в последнюю минуту

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

Работайте умнее, а не больше

12. Произведите впечатление!

Произведите впечатление!

Хорошо, вот оно. Пришло время произвести отличное впечатление. Поместите все в изометрический макет, примените преувеличенные мягкие тени и используйте разные градиенты для фона. Скопируйте все свои проекты в доклад и добавьте анимацию Magic Move. Напишите большие полужирные заголовки, используя случайные слова, например, UX основанный на реальности, ориентированный на пользователя подход, устойчивый фреймворк, конвергентный дизайн, геймефикация электронной коммерции и т. д. Большие слова и яркие эффекты будут отвлекать от реальной работы, и никто не заметит, что вы представляете дерьмо.

Если доклад не отвлечет их достаточно, и они начнут задавать вопросы, просто скажите следующее:

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

ЛОЛ.

Завершение работы!

Как я сделал эти анимации

Как я сделал эти анимации

Некоторые люди спрашивают меня, как я создаю GIF-файлы, подобные тем, что выше. Позвольте вам рассказать.

  1. Я использую Photoshop, чтобы нарисовать иллюстрации.
  2. Я использую старый, но надежный 12-дюймовый планшет Cintiq.
  3. Я использую две кисти. Основная твердая кисть, чтобы нарисовать все контуры с непрозрачностью 100%. И для раскраски я использую кисть Kyle Big Rough Texture (которая должна идти бесплатно с Photoshop).
  4. Я разделяю контуры и раскраску в разных слоях. Это дает мне большую гибкость при экспериментировании с цветом. Это также сохраняет чистоту контуров.
  5. Если я хочу добавить тени или блики, я также помещаю их в разные слои. Я установил режим смешивания теневого слоя как Multiply, а слоя со световыми эффектами, как Screen или Dodge с низкой непрозрачностью. Обычно мне нравится использовать цветные огни и тени, а не только черные и белые — это делает ваши иллюстрации ярче.
  6. Для создания анимаций, я использую Временную шкалу (Timeline) в Photoshop. Чтобы открыть ее, перейдите в меню Window / Timeline.
  7. Существует два типа временной шкалы, которые вы можете создать — Video и Frame. Видео похоже на облегченную версию After Effects, вы устанавливаете ключевые кадры, а Photoshop создает между ними кадры-близнецы — очень просто! Временная шкала Frame работает подобно анимации старой школы, где вы рисуете каждый кадр в отдельности. Это требует много работы и времени. Я использую временную шкалу Frame 😎
  8. Чтобы начать анимацию нарисуйте что-то, а затем создайте новый слой поверх него. Измените непрозрачность предыдущего рисунка примерно на 30% и нарисуйте новый кадр на новом слое.
  9. Если вы хотите создать более медленную анимацию, ваш новый рисунок должен лишь слегка сдвинуться. Если вы хотите, чтобы анимация была быстрее, разница между вашим новым слоем и предыдущим должна быть больше.
  10. Повторяйте шаги 8 и 9, пока не закончите все анимации.
  11. Чтобы создать анимацию, вам нужно на панели временной шкалы создать новый кадр для каждого слоя, который вы нарисовали. Включите видимость слоя, каждому кадру, и отключите те, которые хотите скрыть.
  12. Чтобы зациклить анимацию, вы должны убедиться, что ваши последние кадры возвращаются к исходному рисунку. Иногда вы можете просто повторить некоторые кадры и поместить их в обратном порядке, чтобы создать эффект бумеранга. Измените цикл на forever. И, наконец, установите время каждого кадра на 0,1 или 0,2 секунды. Большее значение, создаст очень отрывистую анимацию. Вот и все!

По общему признанию, это не самый эффективный способ создания рисованной анимации. Я рекомендую его только для быстрых gif-файлов. Если вы уже знакомы с Photoshop, это очень просто. Существуют и другие профессиональные инструменты, такие как Toon Boom, которые специально предназначены для анимации. Если вы серьезно относитесь к этому вопросу, вы должны его попробовать.

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

PSD файлы

Если вы хотите поиграть с файлами Photoshop, вы можете загрузить их из Dropbox. Не забудьте включить панель временной шкалы, чтобы увидеть, что происходит;)

С удовольствием бы посмотрел, что у вас получится!

Как эффективно создавать дизайн в последнюю минуту

Хола, амигос. Я Пабло Стенли, дизайнер и сооснователь Carbon Health.

Обычно я публикую комиксы и связанные с дизайном вещи в Twitter. Подписывайтесь, если это вам интересно: https://twitter.com/pablostanley

У меня также есть YouTube канал со множеством уроков по дизану. Подписывайтесь на него.

Надеюсь, ваш день полон счастливых моментов.

Отдельное спасибо Courtney M. Sawyer, Gabriel Valdivia и Edgar Chaparro за то, что отредактировали мою статью.

Спасибо Gabriel Valdivia, Edgar Chaparro и Courtney Sawyer.