Де шукати натхнення для дизайну та як красти як митець

Що таке надивленість простими словами

Є зручний міф: дизайнер сидить, чекає на музу, і тут - бац! - ідея з неба. Гарно. Тільки неправда. Насправді все прозаїчніше. Смак і сильні рішення ростуть з однієї штуки - надивленості Надивленість - обсяг якісних прикладів, які ти побачив і осмислив. Чим більше хорошого перед очима, тим легше відрізнити хороше від поганого і зібрати своє. .

Уяви кухаря, який жодного разу не куштував чужу їжу. Готує навмання. А той, хто обʼїздив сотню ресторанів, відчуває поєднання і збирає страву з перевірених прийомів. З дизайном те саме. Натхнення - це не дар, а надивлений архів у тебе в голові.

І тут на сцену виходить легендарна фраза митця Остіна Клеона: «Кради як митець». Звучить зухвало? А зміст чесний. Ніщо не береться з порожнечі - усе нове зібране зі старого. Усе питання в тому, як саме красти, щоб вийшло своє, а не калька.

Навіщо дизайнеру надивленість і натхнення

Можна сісти і вичавлювати дизайн «з голови». Вийде одне з трьох: страшно, як у всіх, або година залипання в порожній екран. А можна за двадцять хвилин глянути, як те саме завдання вже вирішили сильні хлопці, і зробити краще та швидше. Що обираєш?

• Перестанеш залипати в порожній екран - завжди є від чого відштовхнутися.
• Навчишся відрізняти хороше від модного - а це і є смак.
• Будеш красти усвідомлено, а не випадково повторювати чуже і потрапляти в незручність.
• Збереш свій упізнаваний стиль швидше: він народжується із суміші улюблених джерел.

Девʼять із десяти «у мене немає фантазії» насправді звучать як «я мало бачив». Фантазія не вроджена - вона тренується очима. Більше дивишся хорошого - більше можеш.

Де дивитися хороший дизайн: три типи джерел

Джерела бувають трьох типів, і тобі потрібні всі три. Вони відповідають на різні питання. Одне скаже «як може бути гарно», друге - «як роблять ті, у кого працює», третє - «як правильно за каноном».

Галереї дизайну: Dribbble, Behance, Awwwards

Це вітрини, куди люди викладають свої роботи. Тут ловиш візуальний смак: колір, шрифти, композицію, настрій.

• Dribbble Dribbble - майданчик, де дизайнери викладають невеликі візуальні роботи і кадри інтерфейсів. Хороший для смаку: палітри, шрифти, стиль. Мінус - багато що там гарне, але неробоче. - короткі гарні кадри. Ідеально для палітр і настрою. Але обережно: частина робіт - картинка заради картинки, у реальному продукті так не вийде.
• Behance (від Adobe) - тут не один кадр, а цілі проєкти з описом: як прийшли до рішення і чому. Краще для розуміння логіки, а не лише картинки.
• Awwwards, Godly, Lapa Ninja, Land-book - добірки сильних сайтів і лендингів. Сюди йдеш за вау-ефектом і за тим, як влаштовані «дорогі» сторінки.

Реальні продукти: Mobbin і живі застосунки

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

• Mobbin Mobbin - бібліотека реальних екранів із живих застосунків: онбординг, оплата, налаштування. Показує не картинку-мрію, а те, як зроблено в продуктах, які реально працюють. - бібліотека справжніх екранів із живих застосунків: цілі сценарії, від реєстрації до оплати.
• Самі застосунки і сайти, якими ти користуєшся. Відкрий банк, доставку, улюблений сервіс - і дивись, як там вирішено те, що мучить тебе. Це безкоштовний майстер-клас щодня, прямо в кишені.

Дизайн-системи: Apple HIG і Material Design

Це звід правил від великих компаній: які відступи, розміри, як поводяться кнопки. Береш їх не заради краси, а заради надійної бази під ногами.

• Apple HIG Apple Human Interface Guidelines (HIG) - офіційний гайд Apple про те, як мають виглядати і поводитися інтерфейси на їхніх пристроях. Еталон вивіреності та стриманості. і лінійка продуктів Apple - еталон стриманості й уваги до дрібниць. Дивись, як вони НЕ перевантажують екран.
• Material Design (Google) - детальна система з готовими правилами для відступів, кольору і руху.

Як красти як митець, а не як ксерокс

Ось уся суть. Є два способи «надихнутися чужим», і вони дають протилежний результат. Один робить тебе автором. Другий - копіром.

Головне правило просте: одне джерело - це плагіат, десять джерел - це твій стиль. Коли крадеш в одного, одразу видно, у кого. А коли змішав голову одного, руку другого і колір третього - виходить щось, чого раніше не було. Ось це і є творчість. Жодної магії.

Приклад: як зібрати екран входу від порожнього екрана до свого рішення

Припустимо, тобі треба зробити екран входу для застосунку, а в голові порожньо. Знайомо? Не вигадуй. Вкради з розумом - ось за цими кроками.

Сформулюй завдання однією фразою: екран входу, спокійний, для фінансового застосунку.
Іди в реальні продукти (Mobbin) і галереї (Dribbble, Behance). Набери не один, а 8-10 прикладів входу.
Про кожен запитай себе: що мені тут подобається і ЧОМУ. Запиши словами - повітря, велика кнопка, мʼякий фон.
Збери ці причини в список принципів. Це твій рецепт, а не чужий макет.
Закрий усі вкладки з референсами і збери свій екран за списком принципів, своїми руками.
Порівняй з джерелами. Якщо впізнається рівно одне з них - ти скопіював. Перемішай сильніше.

Часті помилки під час пошуку натхнення

• Чекати на музу. Натхнення приходить не до тих, хто чекає, - а до тих, хто дивиться. Відкрий галерею замість того, щоб сидіти над порожнім екраном.
• Копіювати одного в лоб. Одне джерело завжди впізнається. Бери в багатьох і мішай - так народжується своє.
• Тягнути картинку з Dribbble у реальний продукт. Гарний кадр часто неробочий: там немає справжніх даних, довгих текстів і помилок. Звіряйся з живими застосунками.
• Красти вигляд, а не причину. Скопіював колір кнопки, але не зрозумів навіщо - отримав чужорідну деталь. Кради принцип, а не піксель.
• Дивитися лише модне. Тренд застаріє за рік. Учись відрізняти вивірене (Apple, дизайн-системи) від просто хайпового.
• Нічого не збирати. Без своєї папки референсів щоразу починаєш з нуля. Колекціонуй смак заздалегідь.