logo
28 Вер 2023

Що таке референс, коли він потрібен і де шукати джерела натхнення

Микола Ладуба

Редактор корисних текстів

Словники визначають натхнення як «творчий підйом» чи «приплив творчих сил». Але що робити, коли дні йдуть, а його все немає? З історії ми знаємо, що грецьких поетів надихали музи, Ньютона рятувало яблуко, а Далі чудово допомагав післяобідній сон. Якщо вам всі ці варіанти з якоїсь причини не підходять, завжди доступне простіше і надійніше джерело натхнення – референси. 

yellow colorful stylized collage of pretty woman in summer style wearing sunglasses, sunny day, stylish apparel fashion trend, blue jeans jacket, yellow dress, elegant hipster earrings

Редакція MC.today розібралася, що таке референси, вивчила їх види, джерела та приклади використання у різних галузях.


Що таке референс

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

Онлайн-курс "Project Manager" від Laba.
Станьте проджектом, що вміє передбачати ризики наперед і доводити проєкт до результату, який хочуть замовники. Поділиться досвідом Павло Харіков, former Head of PMO в Kyivstar.
Програма курсу і реєстрація

Референси сайтів, які зроблені на платформі Tilda

З англійської reference перекладається як «довідка», «посилання» або «приклад». Таким чином, референс – це не готове рішення, яке можна видати за свою роботу, а орієнтир кінцевого результату та довідковий матеріал. Зазвичай його збирають перед тим, як сформувати власні ідеї.

Види референсів

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

  1. Стилістичні. Абстракція, 3D-арт, неонові кольори, атмосферні градієнти – все це може бути прикладом стилізації візуальних рішень. Крім індивідуальних переваг, стилістичні референси розробляються з урахуванням трендів.
  2. Тематичні. Щоб підібрати тематичні референси, потрібно проаналізувати успішні зразки конкурентів, оцінити їхню тему, ідеї та їх втілення.
  3. Технічні. Це програми, технології та вдалі прийоми, які можна перенести до свого проекту. Наприклад, у розробці сайту це може бути паралакс, коли фон рухається повільніше, ніж об’єкти на передньому плані, що додає сторінці відчуття глибини та робить її видовищнішою.

У яких випадках потрібні референси

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

Джерело інформації

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

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

Пояснення побажань

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

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

Тренування здібності розпізнавати гармонію

Навчене око – це здатність розпізнавати стильне, гармонійне та актуальне. Вона дуже важлива для представників креативних професій, є такою ж практичною навичкою, як, наприклад, уміння читати. Її потрібно та можна тренувати.

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

Аналіз трендів

Лідери ринку на кшталт Apple і Google уславилися тим, що створюють рішення, яких ще не існує на ринку. Передбачити, що запит на них з’явиться і стане масовим, допомагає аналітика трендів.

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

Пошук варіантів

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

Онлайн-курс "React Native Developer" від robot_dreams.
Опануйте кросплатформну розробку на React Native та навчіться створювати повноцінні застосунки для iOS та Android.
Програма курсу і реєстрація

Ескіз інтер’єру

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

Джерело натхнення

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

Так, Джордж Лукас не приховує, що на створення саги «Зоряні війни» його надихнули роман «Дюна» Френка Герберта та кінострічки класичного кінематографа, в яких режисер підглянув образи робота C-3PO, Обі-Вана Кенобі та Боби Фетта.

А «королева архітектури» Заха Хадід зізнавалася, що створює футуристичні вигини своїх будівель під враженням від геометричних форм у картинах засновника супрематизму, українського художника-авгардиста Казимира Малевича.

«Офелія» Джона Еверетта Мілле, 1851

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

Фрагмент із кліпу групи Red Velvet

Наприклад, референсом для креативної фотосесії із сайту pixabay.com та відеокліпу південнокорейської групи Red Velvet послужила одна й та сама класична картина – «Офелія» англійського живописця Джона Еверетта Мілле.

Застосування референсів у різних сферах

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

Референс у живописі

  • Референси у живописі. Коли немає можливості малювати з натури, то митці використовують фотографії, що виконують роль референсу.
  • Референси у фотографії. Замовники за допомогою референсів пояснюють, що хочуть від фотосесії. Стилісти завдяки їм зможуть підібрати відповідні вбрання та макіяж, моделі – пози, а фотографи вибрати відповідні умови зйомки, технічні прийоми та фільтри.
  • Онлайн-курс "Створення електронної музики" від Skvot.
    Практичний курс про те, як знайти власний стиль та написати й зарелізити свій перший трек.
    Програма курсу і реєстрація
  • Референси у веб-дизайні. Допомагають знайти відповідну естетику та зручні для користувачів рішення.
  • Референси у дизайні одягу. Це можуть бути зразки одягу, фотографії з модних журналів та показів мод або інформація про костюми якої-небудь епохи. На їх основі дизайнер створює нові моделі за задумом замовника.
  • Референси в архітектурі. Визначають вектор роботи над проектом будівлі, визначають його особливості та стиль.
  • Референси в SEO та копірайтингу. Допомагають відібрати до контент-плану найпопулярніші теми, створити релевантну запитам структуру статей і таким чином підвищити охоплення в соцмережах, а також досягти високих позицій у пошуковій видачі.
  • Референси в маркетингу. Дозволяють візуально відбудуватися від конкурентів або навпаки створити схожий фірмовий стиль.
  • Референси в бізнесі та сфері послуг. Навіть якщо компанія надає товари та послуги високої якості, до угоди справа може і не дійти, якщо контрагенти не отримали актуальних даних про ваші можливості та реалізовані проекти. На сайті інформація може бути неповною, під час особистої зустрічі її можна випадково спотворити. Тому для економії часу та зміцнення ділової репутації підприємства створюють референс-лист – це добірка відомостей про компанію та перелік завершених угод із контактами попередніх клієнтів, щоб ваші партери за бажання могли перевірити інформацію.
  • Референси у комп’ютерній техніці. У застосуванні до відеокарт для ПК референсний дизайн означає, що продукт еталонний і повністю виготовлений розробником чіпа – NVIDIA або AMD. Референсні відеокарти є зразком, на який рівняються інші компанії-виробники, тавідрізняються підвищеною надійністю та мінімальним дизайном. 

 

Де художникам та фотографам шукати референси

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

Психологічний профорієнтаційний тест для IT-фахівців від Ithillel.
Пройдіть психологічний профорієнтаційний тест для IT-фахівців щоб дізнатися ваші сильні сторони, вподобання і інтереси і з'ясувати, яка IT-спеціальність вам підходить.
Пройти тест

Соціальні мережі для обміну референсами

Pinterest

У довідці на сайті сказано, що Pinterest – це платформа для візуального пошуку ідей, що надихають. Тому вже на стартовій сторінці вас зустрічають добірки фото, які так і називаються: «Ідеї страв на вечір», «Ідеї стильного образу», «Ідеї домашнього декору». Одним словом, референси на будь-який смак.

Добірки ідей у ​​Pinterest

Добірки ідей у ​​Pinterest

Після того, як зображення завантажені в Pinterest, вони називаються пінами (від англійського pin – «шпилька»), а їх колекції – дошками. Виглядає це так, ніби ви збираєте вирізки з газет та журналів, щоб приколоти їх шпилькою на реальну дошку з ідеями та замітками.

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

DeviantArt

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

DeviantArt

Окрім художників та аніматорів на платформі публікуються фотографи, дизайнери та навіть косплеєри. Рекомендуємо також подивитись твіттер X DeviantArt, стрічка якого – це справжній вибух фарб, стилів та різноманітних напрямків образотворчого мистецтва. 

Безкоштовні фотостоки

Unsplash

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

unsplash.com

Тому ви можете зареєструватися безкоштовно чи ні, але в будь-якому випадку отримаєте доступ до мільйонів фото для створення презентацій, ілюстрацій, макетів тощо. Щоб полегшити пошук, в меню стоку є зручні вкладки за напрямками: 3D візуалізації, Архітектура та інтер’єри, Текстури та візерунки, Вуличні фото, Експериментальні, Мода та краса, Бізнес та робота, Їжа та напої, Мистецтво та культура та інші.

unsplash.com

Ліцензія Unsplash передбачає можливість безкоштовно завантажувати та використовувати фото як для особистих, так і для комерційних цілей. Дозвіл для їх використання не потрібний, але посилання на ​​автора вітається.

Pexels

Один із найкращих, на наш погляд, безкоштовних фотостоків із елегантним візуальним стилем та підтримкою української мови. Він був заснований в Німеччині в 2014 році тамає бібліотеку з більш ніж 3200000 фотографій і відео. У 2018 році Pexels купила платформа графічного дизайну Canva .

Курс Frontend розробки від Mate academy.
Front-end розробник одна з найзатребуваніших професій на IT ринку. У Mate academy ми навчимо вас розробляти візуально привабливі та зручні інтерфейси. Після курсу ви зможете створювати вебсайти і застосунки, що вразять і користувачів, і роботодавців.
Дізнатися більше про курс

pexels.com/uk-ua

Зображення Pexels публікуються на основі ліцензії Creative Commons Zero. Ними можна користуватися абсолютно безкоштовно, посилання на джерело та фотографа не потрібні, але вітаються. Фотографії можна змінювати та редагувати як вам завгодно.

Burst

Фотобанк від творців платформи Shopify – популярного програмнеого забезпечення для інтернет-магазинів. Мета проекту – допомога підприємцям у просуванні їх товарів. 

shopify.com/stock-photos

У вкладці «Бізнес-ідеї» фотографії товарів упорядковані за типами: мода, косметика, туризм, посуд, сумки, прикраси, годинник, кава, йога, телефони тощо. Для того, щоб скачати, наприклад, набір фотографій «Шкарпетки» мені достатньо було вказати свою адресу електронної пошти.

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

Де дизайнерам шукати референси

Behance

Авторитетний майданчик для дизайнерів від компанії Adobe – розробника Adobe Photoshop, Adobe Acrobat, Adobe Illustrator, Adobe Premiere Pro та інших популярних інструментів для дизайнерів та цифрових художників.

behance.net

Вже на етапі реєстрації Behance просить вибрати кілька цікавих вам напрямків дизайну. У цьому списку Фотографія, Графічний дизайн, UI/UX , Архітектура, Мода, Реклама, Ігровий дизайн , Творчі завдання та 3D Art.

Приклад портфоліо графічного дизайнера на Behance


Результат вибору допоможе платформі підібрати цікавий вам контент і сформує вміст вкладки For You. Крім неї користувачам доступні вкладки Discover – з вибраними роботами по кожному з інструментів Adobe, Hire – з портфоліо дизайнерів-фрілансерів, Assets – з ресурсами для проектів та Creative Jobs – з вакансіями.

Де шукати референси для відеороликів

Refsee

Спеціалізований сервіс для пошуку відео референсів використовує нейронну мережу, яка розпізнає вміст роликів та дозволяє задавати пошук не тільки за назвами, але також за конкретними сценами та предметами у цих сценах.

Онлайн-курс Frontend-разробник від Powercode academy.
Курс на якому ти напишеш свій чистий код на JavaScript, попрацюєш із різними видами верстки, а також адаптаціями проектів під будь-які екрани. .
Зарееструватися

refsee.com


Наприклад, ви пишете в рядку пошуку: «телефон у руці» або «людина за кермом автомобіля». Після цього ШІ аналізує всі кадри відео, які зберігаються в базі даних сайту, і вибирає з них ті, на яких є необхідні вам об’єкти.

Крім цього сервіс дозволяє створювати на основі відео GIF, шукати по одному кадру з відео схожі ролики та багато іншого. Для повноцінної роботи з Refsee потрібна платна підписка, але доступний безкоштовний пробний період. 

VIMEO

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

https://vimeo.com/

vimeo.com

До послуг користувачів безліч інструментів та функцій: записуйте відео, завантажуйте, обрізайте, створюйте на його основі GIF-файли, додавайте в ролики інтерактивні елементи та створюйте контент за допомогою генератора сценаріїв на основі штучного інтелекту. 

Висновок

Референси відіграють важливу роль у світі. Вони можуть бути джерелом натхнення, довіри та успіху в різних сферах життя. Вміння шукати та використовувати референси може допомогти вам досягти визначних результатів.

Курс Power Skills For Tech від Enlgish4IT.
Зменшіть кількість непорозумінь на робочому місці та станьте більш ефективним у спілкуванні в мультикультурній команді. Отримайте знижку 10% за промокодом ITCENG.
Реєстрація на курс

По темі:

Спецпроекти

Новини

Вакансії компаній

Менеджер з активних продажів B2B

Creators Media Group
20 000 – 40 000 грн, Ставка + відсоток

Надихаючі компанії-работодавці

Ваша жалоба отправлена модератору

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: