😮ЧТО ТАКОЕ РЕФЕРЕНСЫ И ГДЕ ИХ ИСКАТЬ? + ПОДБОРКА 10 САЙТОВ ДЛЯ ВДОХНОВЕНИЯ
✍️Референс (от англ. reference — «отсылка», «справка», «пример») — это изображение, видео, материальный или другой объект, который используется в ходе работы над проектом. Референсы — это базовый визуальный материал, который собирают и изучают для разработки собственных идей.
❔️Где искать?
Ответ на этот вопрос важен, как для самих веб-дизайнеров, так и для владельцев бизнеса. Если вы решили заказать разработку сайта, то дизайнер при переговорах обязательно спросит у вас, какие сайты вам нравятся. Что привлекает: шрифт, цвет, анимация, а может быть определенная структура сайта?
Я всегда прошу клиента отправить сайты своих конкурентов, спрашиваю, нравятся ли им эти сайты и спрашиваю, что НЕ нравится. Ориентируясь на приведённые вами примеры, дизайнер сможет понять ваш вкус, предпочтения и определить, в каком направлении ему думать и творить.
Недавно у меня был такой случай: клиентка— куратор выставок современного искусства, увидела на одной из выставок, на табличке с описанием рядом с экспонатом был qr-код, который вёл на страницу с мини интернет-магазином с работами этого автора. Мы реализовали такой функционал и я создала 14 страниц с работами на продажу для каждого автора на выставке моей клиентки.
Конечно, точнее определить цветовую гамму, шрифты поможет составленная доска настроения, которую дизайнер подбирает и согласовывает с клиентом. Но об этом поговорим у следующих постах.
↘️Вернёмся к референсам.
Референсы бывают трех типов:
-тематические (анализируем сайты конкурентов). Смотрим структуру, выделяем, что нравится, что не нравится;
-технологические (отбираем технические приёмы, которые хотим использовать на своём сайте (всплывающее окно, форма оплаты, дизайн корзины);
-стилистические (анализируем цветовую гамму, шрифты с засечками/без и так далее)
🔝Список сайтов с референсами:
Made on Tilda
https://madeontilda.ru/
Behance
https://www.behance.net/
Dprofile
https://dprofile.ru/
Pinterest
https://ru.pinterest.com/
Dribbble
https://dribbble.com/
Идеи для лендингов
Landingfolio
https://www.landingfolio.com/
Идеи для Футера
Footerdesign
https://www.footer.design/
Css design awards
https://www.cssdesignawards.com/
Сайты в стиле Минимализм
https://minimal.gallery/
Сайты в стиле Брутализм
https://brutalistwebsites.com/
Подборка сайтов от дизайнера Макса Васильева
https://m-vasilyev.site/inspiration
Сайты с кириллицей
https://archive.cyrillic.design/
Лендинги
https://onepagelove.com/
Идеи для сайтов со всего мира
https://httpster.net/
Лендинги
https://www.lapa.ninja/
💗Надеюсь, вы найдёте для себя что-то полезное в этих источниках.
✍️Референс (от англ. reference — «отсылка», «справка», «пример») — это изображение, видео, материальный или другой объект, который используется в ходе работы над проектом. Референсы — это базовый визуальный материал, который собирают и изучают для разработки собственных идей.
❔️Где искать?
Ответ на этот вопрос важен, как для самих веб-дизайнеров, так и для владельцев бизнеса. Если вы решили заказать разработку сайта, то дизайнер при переговорах обязательно спросит у вас, какие сайты вам нравятся. Что привлекает: шрифт, цвет, анимация, а может быть определенная структура сайта?
Я всегда прошу клиента отправить сайты своих конкурентов, спрашиваю, нравятся ли им эти сайты и спрашиваю, что НЕ нравится. Ориентируясь на приведённые вами примеры, дизайнер сможет понять ваш вкус, предпочтения и определить, в каком направлении ему думать и творить.
Недавно у меня был такой случай: клиентка— куратор выставок современного искусства, увидела на одной из выставок, на табличке с описанием рядом с экспонатом был qr-код, который вёл на страницу с мини интернет-магазином с работами этого автора. Мы реализовали такой функционал и я создала 14 страниц с работами на продажу для каждого автора на выставке моей клиентки.
Конечно, точнее определить цветовую гамму, шрифты поможет составленная доска настроения, которую дизайнер подбирает и согласовывает с клиентом. Но об этом поговорим у следующих постах.
↘️Вернёмся к референсам.
Референсы бывают трех типов:
-тематические (анализируем сайты конкурентов). Смотрим структуру, выделяем, что нравится, что не нравится;
-технологические (отбираем технические приёмы, которые хотим использовать на своём сайте (всплывающее окно, форма оплаты, дизайн корзины);
-стилистические (анализируем цветовую гамму, шрифты с засечками/без и так далее)
🔝Список сайтов с референсами:
Made on Tilda
https://madeontilda.ru/
Behance
https://www.behance.net/
Dprofile
https://dprofile.ru/
https://ru.pinterest.com/
Dribbble
https://dribbble.com/
Идеи для лендингов
Landingfolio
https://www.landingfolio.com/
Идеи для Футера
Footerdesign
https://www.footer.design/
Css design awards
https://www.cssdesignawards.com/
Сайты в стиле Минимализм
https://minimal.gallery/
Сайты в стиле Брутализм
https://brutalistwebsites.com/
Подборка сайтов от дизайнера Макса Васильева
https://m-vasilyev.site/inspiration
Сайты с кириллицей
https://archive.cyrillic.design/
Лендинги
https://onepagelove.com/
Идеи для сайтов со всего мира
https://httpster.net/
Лендинги
https://www.lapa.ninja/
💗Надеюсь, вы найдёте для себя что-то полезное в этих источниках.
