Як створювати дизайн швидко – 7 дієвих порад (Частина 3)

Продовжуємо розмову про дуже корисні поради, як створювати дизайн швидше! Адаптована версія статті José Torre від DesignTalk.club.

Коротенько про попереднє:

Оптимізуйте свій час, щоб витрачати його на потрібні речі. Не проектуйте ізольовано, відійдіть від свого дизайну і почуйте інші точки зору, це тільки допоможе вам працювати швидше, навіть якщо іноді це означає, що потрібно починати з нуля. Але сприймайте це позитивно, чим раніше ви це зрозумієте, тим краще.

Тим часом у реальному світі …

Ще в липні 2016 року я був залучений у проект, який потрібно було допрацювати, але не буду вдаватися в подробиці. Що вам потрібно знати, так це те, що у мене був усього один тиждень, щоб розробити процес навчання нових користувачів для одного додатка.

І за збігом обставин це був тиждень, коли я повинен був їхати в Амстердам (в той час я жив у Лондоні). Це автоматично означало, що я витрачу час на подорожі та ділові зустрічі, а значить, залишалося менше часу на те, щоб сісти і насправді що-небудь зробити.

Моя відправна точка

На щастя, мені не довелося проектувати ВСЕ. До того, як мене втягнули в цей проект, команди дизайнерів і маркетологів уже визначилися з тим, що ми хочемо повідомити користувачеві, і приблизно з тим, скільки екранів нам знадобиться для цього. Тому я міг зосередитися тільки на ілюстраціях та історії.

Отже, я почав з…

1. Визначення мети

Я визначив цілі ілюстрацій, в основному вони полягали в наступному:

1 – У певному сенсі, вони повинні відповідати повідомленням/тексту.
2 – Вони повинні слідувати логічному і безперервному сценарію.
3 – Якщо користувачі не читають текст і дивляться тільки на візуальні ефекти, вони все одно отримують повідомлення (наскільки це можливо).
4 – В цілому, вони повинні розповісти історію, пов’язану з додатком.

З огляду на природу цих ілюстрацій (серія екранів, які ви побачите один за одним), я подумав, що було б непогано скористатися цим і розповісти коротку історію, щоб вони здавалися логічною послідовністю, а не просто серією різних ілюстрацій.

Я подумав, що це допоможе користувачеві краще зрозуміти і запам’ятати наше повідомлення, оскільки легше запам’ятати історію, ніж список функцій.

Після цього…

2. і 3. Я не чекав натхнення, а відразу почав робити начерки

Після того, як я зрозумів, у чому полягала моя мета, я зробив кілька справді поганеньких начерків. На початку я концентруюся на ідеї, а не на стилі. Як тільки я знаходжу ідею, яка, на мою думку, може спрацювати, я починаю трохи її допрацьовувати і перевіряю її, тільки після цього я починаю думати про перехід до комп’ютера.

3 етапу замальовки першої ілюстрації

Мій підхід – створити 5 ілюстрацій і подивитися, як вони можуть працювати разом. Спочатку зробити ДУЖЕ грубі начерки, а потім довести їх до більш вишуканих ескізів.

До кінця ранку у мене були всі 5 екранів на рівні третього ескізу вище, і в цей момент я б міг перейти прямо в Illustrator, щоб зробити всі ілюстрації, але я вирішив…

4. Поділитися роботою

Ескізи всього сценарію

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

Як бачите, я …

5. Проектував поетапно

Першим етапом була історія, наступні два були стилем ілюстрації і переходами між екранами.

Оскільки сюжет для ілюстрації був в основному вичерпаним, я почав досліджувати, як може виглядати остаточний стиль ілюстрації. Для цього я зосередився тільки на одній ілюстрації, щоб зрозуміти сенс остаточного стилю, перш ніж витратити час на інші картинки.

Це справді допомогло оптимізувати мій час, тому що я міг швидше визначити стиль, адже мені довелося турбуватися тільки про одну ілюстрацію, і не довелося б редагувати п’ять ілюстрацій, якби змінився стиль.

Коли я робив начерки, я вже думав про відповідність нашому бренду, що допомогло трохи прискорити процес. Ось якою була перша версія:

Перша пропозиція для стилю ілюстрації

Я хотів, щоб ілюстрація виглядала доброзичливою і простою, з акцентом на персонажів і об’єкти на передньому плані, залишаючи фон трохи стилізованим, з низьким контрастом. Колірна палітра була натхненна відео-кампанією, яку ми тоді проводили.

Після того, як я поділився роботою ще раз, я отримав фідбек, якого я заслуговував, так що…

ДАЛІ БУДЕ!

Вам також буде ЦІКАВО:

Залишити відповідь