Де шукати референси для натхнення? ТОП 20 ресурсів

Де шукати референси для натхнення? ТОП 20 ресурсів

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

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

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

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

Дизайнер повинен використовувати їх для подальшого мозкового штурму та пошуку власного стилю. Це врешті-решт допоможе створити унікальний дизайн.

20 найкращих сайтів для пошуку референсів та натхнення

Приклади сайтів на Weblium

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

Httpster 

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

Mobbin

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

Page Collective 

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

Muzli Search

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

Web Design Inspiration 

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

Hoverstat.es

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

Brutalist Websites

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

Lapa Ninja

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

Behance.net

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

Siteinspire

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

Хочете створити ідеальний сайт? Створіть його на конструкторі сайтів Weblium 💫

Спробувати вже зараз

Dribbble

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

SaaS Pages

Колекція лендингів з акцентом на копірайтинг та дизайн. Фільтруйте сайти за такими блоками, як hero, navbar, cta тощо. Варто зауважити, що тут можна знайти тільки сайти SaaS-сервісів, але їхній мінімалізм та універсальність дозволяють аналізувати їх та шукати креативні ідеї.

SaaS Landing Page

Відкрийте для себе найкращі приклади лендингів, створених першокласними SaaS-компаніями, та отримайте ідеї та натхнення для вашого наступного дизайн-проєкту. 

Awwwards

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

LOADMORE

Галерея найкращих мобільних сайтів. Добірка демонструє важливість адаптації сайтів для смартфонів та використання mobile-first підходу на практиці. Всі ці сайти максимально оригінальні, цікаві та креативні. Створюйте такі ж — і ви точно потрапите в цю добірку!

Design Inspiration

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

Рідне

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

One Page Love

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

Coverjunkie

Це не бібліотека сайтів, а бібліотека журнальних обкладинок. Але вони зазвичай дуже нагадують сайти, тому ви можете знайти натхнення навіть тут. Класна обкладинка — це та, від якої ви не можете встояти перед спокусою взяти її в руки і прочитати. Таким може бути й ваш майбутній сайт.

Як надихатися референсами, а не копіювати їх

Знайти референси — не складно, особливо завдяки нашій добірці. Але правильно їх використати — це вже складніше. Тому ось кілька порад, які допоможуть вам дати раду референсам: 

  1. Зосередьтеся на концепції. Замість того, щоб просто на 100% повторювати референс, спробуйте зрозуміти основну концепцію. Що саме робить сайт ефективним або привабливим для вас? Це і буде концепція, яку ви можете доопрацьовувати, змінювати та переосмислювати по-новому.
  2. Подумайте про користувачівЦільова аудиторія сайту та їхні потреби — про це ніколи не можна забувати. Ваш дизайн повинен бути не тільки привабливим, але й функціональним та зручним для користувачів. Якщо сайт гарний, але не зручний, то в довгостроковій перспективі від нього буде мало користі.
  3. Надихайтеся тим, що відбувається навколо: дивіться фільми, гортайте журнали, підписуйтесь на цікавих особистостей, відвідуйте виставки. Так ви зможете розширити свій кругозір та знайти ще більше цікавих ідей в інших сферах.

Висновок

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

Читайте також:

👉  15 українських шрифтів, про які ви могли не знати

👉  Як створити сайт: 9 простих кроків

👉  Як зробити мудборд за 7 простих кроків 

Привіт!

Якщо ви не знайшли відповідь в нашому довідковому центрі, наші суперзірки відділу підтримки допоможуть вам за декілька хвилин!

Напішить нам у месенджерах

Ви можете написати нам у зручному вам месенджері або почати чат прямо на сайті.