Где брать референсы для веб-дизайна: сайты с подборками UI/UX решений. Собрала самые интересные ресурсы и расположила по убыванию: от самых классных до наиболее «засмотреннных».
Сайт с подборками сайтов и приложений.
Самая крутая функция ресурса — фильтр по дизайну отдельных UX-элементов: можно посмотреть подборку форм/карточек/тарифов, etc. Всего 100+ фильтров.
Сайт с подборками сайтов и приложений.
Самая крутая функция ресурса — фильтр по дизайну отдельных UX-элементов: можно посмотреть подборку форм/карточек/тарифов, etc. Всего 100+ фильтров.
Что на этом сайте есть классного:
- Подборки лендингов по цветам
- Подборки лендингов по тематике (есть, например, «лендинги книг», «лендинги с 3д иллюстрациями»)
- 500+ бесплатных ресурсов для дизайнеров
Ежедневно обновляемые галереи-подборки UI/UX дизайна
Онлайн премии по веб-дизайну
Еще больше интересного — в моем телеграм-канале для дизайнеров
Я как раз из сочувствующих. Сам не дизайнер, но люблю хороший дизайн, поэтому разглядываю картинки. Надеюсь, что найдёте здесь невиданные ранее ссылки.
Замечаю, что за рубежом лучше работают с приёмами графического дизайна, типографикой и вообще делают чище и проще. Хочу больше хороших сайтов на русском, поэтому смотрите, анализируйте и рисуйте как никогда до этого.
Не теряющая актуальности подборка. Отдельно доставляет навигация — от начала к концу.
Хорошая коллекция, похожая по стилю и дизайну на Cssdsgn (или наоборот).
Следит за трендами с 2012 года.
Блог-архив типографики в вебе с удобной фильтрацией по шрифтам. К сожалению, только латиница.
Идеальное место, чтобы выбрать шрифт и узнать, как он работает. Есть раздел с кириллицей.
Три разных по задачам конструктора, объединённые красотой работ, которые на них делают.
Ещё один долгожитель среди подборок сайтов. Первый проект опубликован 11 лет назад.
Скоро будет год, как проект не обновляется, но подборка там воистину отборная.
Хорошие примеры продуктовых лендингов.
Ещё пара каналов и ссылок
За последние несколько лет кириллизировали много интересных шрифтов. «Кириллица · дизайн» — редкая подборка сайтов на русском.
Ассортимент канала представляет выжимку с ресурсов выше с рецензиями авторов.
Интересный архив графического дизайна, чтобы залипнуть на пару часов.
Снова жив (но это не точно).
С главной убрали надпись во весь экран «Brutalist websites are dead», но обновлений пока не было, ждём.
Если знаете ресурсы с хорошими подборками, скидывайте в комментариях, буду обновлять.
#статьи
- 14 фев 2022
-
0
Где искать референсы
«Google Kaрты», анатомический атлас в 3D, картины гиперреалистов и другие источники вдохновения для дизайнеров и художников.
Иллюстрация: Оля Ежак для Skillbox Media
Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.
В интернете бывает непросто найти нужную картинку-референс. Обычно за ними сначала идут на стоки или в Pinterest, но если вам нужны тематические ресурсы, мы собрали несколько хороших источников, которые помогут найти вдохновение или нужный пример для работы.
Из подборки вы узнаете множество новых источников:
- Референсы с людьми — от обычных поз до детализированных изображений рук в разных положениях.
- Референсы животных — фотостоки с экзотическими насекомыми, рыбами и млекопитающими.
- Референсы с городами, машинами и едой — фотостоки на случай, если вам понадобится конкретный объект.
Люди в разных позах — Figurestock. На сайте изображения можно фильтровать по полу, возрасту, положению тела, ракурсу съёмки. Есть занятный поиск по жанру — если вам нужен исторический персонаж или герой триллера с пистолетом в руке. Фотосток платный — в среднем изображения стоят от 200 евро. Но для референса необязательно покупать картинку — водяной знак не помешает скопировать позу или костюм для своей иллюстрации.
Сток с изображениями лиц людей, сгенерированными нейросетью, — Generated Photos. На сайте более 2 миллионов портретных фото людей разного возраста, пола, расы. Они созданы искусственным интеллектом, но выглядят абсолютно правдоподобно.
Ещё в Generated Photos можно генерировать свои изображения. Пользователь задаёт цвет кожи, волос, возраст, другие особенности внешности, а затем — меняет на получившемся лице эмоции: от радости до грусти, от злости до удивления.
Подписка на сервис стоит 20 долларов в месяц, но изображения в невысоком разрешении для личного использования можно скачивать бесплатно.
Руки в картинах гиперреалистов Хавьера Аризабало, Омара Ортиза и Даниэля Майдмэна. У этих художников вы сможете найти детальные изображения рук в разных положениях, которых, скорее всего, на фотостоках нет.
Анатомический атлас в 3D — Human BioDigital. Это сайт для медиков, художников и всех, кому интересно устройство человеческого тела. Трёхмерные схемы доступны бесплатно после регистрации. Пользователь может посмотреть на всё тело целиком или на каждый орган отдельно. Есть фильтр по системам органов — например, в нём можно оставить только скелет или только мышцы. При просмотре можно скрывать любые органы, чтобы подробнее рассмотреть, что находится под ними.
Анатомия — Uldis Zarins и Anatomy Source. Модель Human BioDigital помогает детально рассмотреть каждый мускул, но не даёт представления, как они работают в разных положениях, как выглядят у людей разного возраста и телосложения. Более разнообразные референсы можно найти в Instagram-аккаунтах** художников и преподавателей анатомии Uldis Zarins и Anatomy Source: они ведут свои блоги и делятся обучающим контентом.
Подводный мир — Ocean Image Bank. Это коллекция бесплатных фотографий рыб, млекопитающих, раков и крабов, кораллов и медуз. Быстро найти нужное можно по ключевым словам.
Дикая природа — Minden Pictures. Этот ресурс поможет, если на привычных стоках вам не хватает фотографий муравьедов, шакалов, гиен, бизонов и других животных. У каждого животного в среднем есть по 100 фотографий с разных ракурсов: стоящих, сидящих, лежащих или бегущих. Но скачать фото можно только с водяным знаком или за деньги.
Насекомые — Nicky Bay на Flickr. Эти ресурсы помогут, если вам нужно найти какой-нибудь редкий вид бабочки, тропическую муху или паука-птицееда.
Смешные фотографии животных — Comedy Wildlife Photo. Это галерея ежегодного конкурса, в которой выкладывают снимки зверей с разнообразной мимикой и в необычных позах.
Comedy Wildlife Photo: сайт.
Виды городов — «Google Карты». В режиме панорамы вам покажут конкретную улицу или дом почти в любой точке мира. Снимки обновляются раз в несколько лет, и конкретный сезон там выбрать нельзя — но если точная достоверность и время года для вас некритичны, можно смело брать панорамы в качестве референсов.
В сервисе можно скорректировать ракурс: посмотреть на здание снизу, сверху или прямо. Удобно искать какое-то конкретное здание или просто виртуально «гулять» по красивым улицам в поисках вдохновения.
Старые фотографии — New Old Stock. Если вам нужны старые аутентичные городские виды и интерьеры, их можно подобрать здесь. Искать что-то конкретное на сайте не очень удобно, так как фильтров здесь нет. Но если нужно просто вдохновиться эстетикой XX века, полистать галерею будет вполне полезно.
Автомобили — Auto Salon Singen. Просто выберите производителя, и откроется раздел галереи с автомобилями — от старых до современных. Каждая машина снята в разных ракурсах, можно крупным планом рассмотреть детали кузова и салона.
Еда — Foodiesfeed. На этот фотосток выкладывают снимки отдельных продуктов, готовых блюд и процесса приготовления. Есть удобный поиск по ключевым словам.
* Решением суда запрещена «деятельность компании Meta Platforms Inc. по реализации продуктов — социальных сетей Facebook* и Instagram* на территории Российской Федерации по основаниям осуществления экстремистской деятельности».
Научитесь: Профессия Графический дизайнер
Узнать больше
Большая подборка ресурсов с референсами и не только: от натуры и одежды до текстур и специализированных программ.
Референс — это вспомогательное изображение, на которое художник опирается при рисовании. Референсом может быть, например, картина, фотография, видео или Gif-анимация.
Референсы используют, чтобы достоверно изобразить анатомию, понять объёмы, правильно передать цвет и светотень, подобрать костюм и детали облика персонажа, вдохновиться и поймать общее настроение проекта, разобраться с деталями, в устройстве которых не разбираешься.
Мы отобрали ресурсы с референсами для художников и аниматоров, и для удобства разбили их по разделам.
Основные ресурсы
-
ArtStation — один из главных ресурсов для размещения арт-портфолио.
-
Pinterest — популярный ресурс по поиску и хранению референсов. У него удобные алгоритмы: если вы нажмете на понравившуюся картинку, ресурс подберет вам еще несколько похожих на нее.
В аккаунте Pinterest можно создавать тематические доски и прикреплять к ним собранные картинки. Другие пользователи могут подписываться на ваши доски, как и вы — на чужие. Ниже в разделах мы предложим несколько интересных досок и аккаунтов.
Также много интересного можно найти на сайте huaban.com — это китайский аналог Pinterest (весь интерфейс на китайском).
-
DeviantArt — когда-то очень популярная социальная сеть для творческих людей. На DeviantArt всё ещё можно найти много интересного, так как там публикуются не только художники и аниматоры, но и фотографы, косплееры, натурщики.
-
Character Design References — ресурс с множеством концепт-артов персонажей, дизайнов и артбуков от разных художников. Также сайт проводит челленджи и берёт интервью у художников.
-
PhotoBash.co — большой ресурс, на котором можно купить полноценные паки референсов и фото. Сайт заточен под фотобаш, но материалы можно использовать и как стандартные референсы.
-
SketchFab — аналог Artstation с сильным упором на 3D. Все модели, представленные на сайте, можно смотреть и крутить прямо в браузере, подбирая нужный вам ракурс. Работы разделены на категории: архитектура, персонажи, машины и так далее. Есть платные и бесплатные. Также у SketchFab есть мобильное приложение.
-
Shutterstock — крупнейший подписочный контент-сток. На сервисе можно купить фотографии, изображения, шаблоны, видео, музыку и многое другое.
-
iStockPhoto, GettyImages, Depositphotos, Adobe Stock, Unsplash, Pixabay — аналоги Shutterstock с разными условиями использования.
-
Google Arts & Culture — сервис с коллекциями изображений на культурную тематику. Можно найти классические картины, фото достопримечательностей, выставок и экспозиций музеев со всего мира. Также можно «прогуляться» онлайн по выставкам и музеям.
Анатомия человека
-
Line Of Action — сайт, на котором можно порисовать наброски на время. Есть возможность задать разные настройки и выбрать подходящие лично вам режимы тренировок. Схожим образом работает сайт Quick Poses.
-
SketchDaily Reference Site — ещё один сайт с референсами и таймером. Отличается глубокой настройкой. Помимо человеческой фигуры, можно рисовать животных и окружение.
-
Characterdesigns.com — ресурс, посвященный натуре в разных образах и позах. Есть раздел с окружением.
- Bodiesinmotion — большая фотобиблиотека натуры в движении: балерины, акробаты и спортсмены. Есть раздел с разобранными покадрово эмоциями. Все референсы представлены в виде серий фотографий.
-
Syccas-stock — большой пак фото-референсов для экшен-сцен, драк и сражений на мечах.
-
Anatomy360 — сайт с трёхмерными сканами разных людей и частей их тел. Большинство из них платные и доступны только в приложении с большим количеством настроек. Каждый скан нужно покупать отдельно. Бесплатная часть — скриншоты 3D-моделей, которые размещены на сайте.
-
Human Anatomy For Artist и Female Anatomy For Artist — два крупных сайта с натурой.
-
Mixamo — сервис, на котором можно выбрать анимацию из библиотеки и посмотреть, как она будет работать на 3D-модели вашего персонажа или на любой другой модели из галереи.
-
BioDigital — позволяет посмотреть на трёхмерные модели людей слой за слоем — в том числе на кости и мышцы. Примеры очень подробные и напоминают пособия для медиков, однако художникам там тоже будет, на что посмотреть. Недостаток — нельзя выбирать позы для моделей и смотреть, как мышцы себя ведут в разных положениях.
-
Photo Reference For Comic Artists и Comicreference — сайты с фото-референсами для художников-комиксистов.
-
DAZstudio — позволяет создавать трёхмерные болванки, выбирать для них позы и смотреть, как будут двигаться мышцы. После модель можно использовать как референс или перенести в другой редактор, чтобы «долепить» детали (например, одежду или броню).
-
Аккаунт Jademacalla — много фото с мужчинами в военном обмундировании и оружием.
-
Доска Pinterest Photo References — набор фото-референсов с разными позами.
-
Доска Pinterest How to Draw Body — много человеческой анатомии.
-
Бесплатный пак референсов от Grafit Studio. Если вам понравится бесплатный пак — можно купить и все остальные.
-
Adorkastock — ресурс с референсами для художников. Сначала это была простая галерея на DeviantArt, которая разрослась до полноценного сайта. Понравившиеся паки можно купить, есть возможность потренироваться во встроенном редакторе с таймером.
-
Pose-emporium и Lalunatique — большая подборка разных поз.
Много полезных материалов по анатомии и натуре можно найти на YouTube, например:
-
Каналы CroquisCafe и New Masters Academy — большие плейлисты с натурщиками и натурщицами.
- Канал Draw This — видео с натурой (обнажённой или в образе).
Портреты
-
Аккаунт DeviantArt chronic doodler — большая коллекция фотопортретов с разными эмоциями. Пригодится не только художникам, но и аниматорам.
-
Библиотека Onehundredone — фотографии лиц мужчин, женщин и детей. Материалы рассортированы по возрасту.
-
Reference Angle — сайт, на котором можно найти референсы для портретов под любым нужным вам углом.
-
Доска Pinterest References Faces and Emotions — портреты людей с разными эмоциями.
-
Доска Pinterest Portraits — набор фактурных портретов, собранный художником leshiy.
-
Portraits — галерея фотографа Стива МакКарри с колоритными фотографиями людей из разных уголков мира.
-
Portrait Drawing References и Portrait and Figure Drawing References — архивы фотопортретов для референсов.
- Only the best portraits — сайт с портретами, собранными с 500px, Flickr, Instagram, Pinterest, Tumblr.
-
Доска Pinterest Art Reference : Face-Side — подборка лиц разных людей в профиль.
-
Danielboshung.com — сайт с фотографиями лиц в большом разрешении.
-
MetaHuman Creator — модуль для Unreal Engine 4. Позволяет создать уникальную модель человека, чтобы использовать её в качестве референса. В утилите можно создавать высокодетализированных людей без навыков моделирования — модели собираются из доступных в меню частей, а интерфейс программы похож на внутриигровой редактор персонажей The Sims.
Одежда и мода
-
Tokyo Fashion, Japanese Streets и Tokyo Street Styles — сайты, на которых можно найти много фотоматериалов с японской модой, стилями и течениями. Также можно почитать полезные статьи о моде и культуре.
-
Доска Pinterest Costume, Make-Up, Hair — подборка разных дизайнов одежды и причёсок.
-
Demobaza — ресурс с одеждой, дизайн которой напоминает апокалиптичные сай-фай фильмы, в духе «Обливиона» Джозефа Косински.
-
Сайт The Atlantic — фото костюмов, людей и животных. Все изображения разбиты на категории.
-
Небольшой набор досок Pinterest Fashion: Cultural + Historical Costume — этнические костюмы народов разных стран.
-
Доска Pinterest Clothing Reference — костюмы, доспехи и национальная одежда разных стран.
-
Набор досок Pinterest от пользователя Serhii Hunkov — броня, одежда, предметы окружения и многое другое.
-
Набор досок Pinterest художницы Valve Клэр Хьюммел — внутри большая коллекция дизайнов костюмов, которые рассортированы по стилям и эпохам.
-
Набор досок Pinterest от Мелинды Ковакс — костюмы и платья разных эпох.
-
Набор досок Pinterest Crowded Heads Millinery — одежда разных времён. Доски рассортированы по годам.
-
Аккаунт Pinterest пользователя Jaana Seppälä — набор досок с костюмами и нарядами разных исторических периодов и эпох.
-
Whithewing-stock — фото-референсы моделей в необычных костюмах и с нестандартным макияжем. Также в галерее можно найти фотографии разных материалов и эффектов.
- Сайты музеев Метрополитен и Лувр — пригодятся, если нужны исторические референсы для воссоздания эстетик какого-то конкретного периода: от костюмов до предметов окружения.
Пропсы и окружение
-
Сток Little Visuals — хранилище качественных фото зданий, ландшафтов, предметов и пейзажей. Есть возможность искать по хэштэгу и скачивать архивы лучших фото, которые выложили за неделю.
-
Malopolska`s Virtual Museums — пак бесплатных моделей разных экспонатов из Польских музеев. В коллекции отсканированные в 3D редкие вазы, украшения, мебель, часы и раритетные фотокамеры. На данный момент количество моделей в паке перевалило за тысячу. Большинство можно скачать бесплатно. Сайт самого музея и его коллекция вот тут.
-
FoodiesFeed — хранилище фотографий еды. Можно искать прямо по категориям и интересующим вас блюдам.
-
Доска Pinterest Fantasy Architecture — фентэзи-арт и концепты с архитектурой в разных стилистиках.
-
Samovaroff — сайт с огромной коллекцией самоваров, бульоток и кухонной утвари.
-
Доска Pinterest Materials — подборка камней и и других материалов.
- Набор досок Pinterest от Met Textile Conservation — фото раритетных текстильных изделий.
-
Free Refe Photos — tumblr-канал с фотографиями окружения, предметов, одежды, еды, пейзажей и многого другого.
-
New Old Stock — архив винтажных фотографий. Бесплатных фото-материалов мало, но сайт часто обновляется.
- BoneClones — магазин сувениров, который торгует костями и черепами.
-
MapCrunch и Ediscover — сервисы с интерфейсом в духе Google-карт, хорошо подойдут для виртуального пленэра. Можно выбрать рандомный режим и отправиться в неизвестное место.
Техника и оружие
-
Rocketumblr — tumblr-канал, где вы можете найти множество различных вариаций холодного и огнестрельного оружия, а также современной техники и даже арты меха-персонажей в стиле аниме.
-
Доска Pinterest Weapon & Armor — холодное оружие и доспехи.
-
Доска Pinterest Weapon References — очень много изображений оружия, от реалистичного до футуристичного.
-
IndustryForever — сборник фотографий автомобилей, самолетов, кораблей и другой техники. Библиотека очень большая, есть даже скриншоты с техникой из разных фильмов.
Животные
-
HotNStock, Sikaris-stock и Malleni-stock — стоки с огромным количеством фотоматериалов. Собраны животные из разных частей света.
-
Animal Photo Art Reference — аналог Reference Angle, но вместо людей — животные. Можно выбрать животное из списка и задать нужный ракурс.
-
Wild Life Reference — большой архив фотографий разных животных. Бесплатно можно смотреть только обрезанные версии в низком качестве. Чтобы полноценно пользоваться функционалом, придётся покупать каждое фото по отдельности.
-
Доска Pinterest Anatomy/Animal — изображения животных и их анатомия.
-
Yudy Sauw — фото насекомых в режиме макросъемки от индонезийского фотографа.
- Ryo Minemizu — красивые фотографии морских существ от подводного фотографа.
Текстуры
-
Textures, Quixel, Share Textures, Texture Haven — ресурсы, специализирующиеся на текстурах. Все четыре сервиса похожи друг на друга по функционалу.
-
CC0Textures — большой ресурс, с которого можно скачать не только текстуры, но и PBR, фотограмметрические текстуры и файлы Substance.
-
The Pattern Library — сайт с текстурами и шаблонами. Выбор очень большой.
-
Substance Share — пользователи выкладывают свои собственные материалы и обмениваются ими. Здесь можно найти кисти, шейдеры, маски, эффекты и текстуры.
Анимация
-
Model Sheets — большая библиотека модельных листов. На сайте собраны листы с персонажами из многих мультфильмов, включая «Алладина», «Красавицу и чудовище» и «Каспера».
-
SAKUGA BOORU — ресурс, на котором собраны Gif-анимации с отрывками из разных мультфильмов. Сайтом часто пользуются аниматоры, работающие в студиях.
-
Live Link Face — мобильное приложение для iOS от Epic Games, которое позволяет переносить мимику с вашего лица в любой проект на Unreal Engine 4 через камеру iPhone.
Виртуальные экспозиции музеев
Много материала: от классических картин и скульптур до раритетных предметов интерьера.
-
Онлайн-экспозиция Третьяковской галереи — оцифрованные работы известных художников и скульпторов, которые находятся в собственности музея. Есть возможность перемещения по залам.
-
Онлайн-экспозиция музея Эрмитаж — аналогично с экспозицией Третьяковской галереи.
-
Виртуальный тур по Национальному музею естественной истории в Вашингтоне — полная цифровая коллекция экспонатов музея с удобной навигацией по залам.
-
Онлайн-каталог Государственного исторического музея — множество экспонатов, разложенных по разделам: оружие, монеты, рукописи и многое другое.
-
Онлайн-экспозиция Венского музея истории искусств — работы знаменитых европейских классиков в цифре и высоком разрешении.
-
Онлайн-экспозиция Национального музея Кореи — фото всех исторических экспонатов музея, включая скульптуру и посуду.
-
Онлайн-экспозиция Итальянского музея скрипки — раритетные и винтажные скрипки.
-
Виртуальный тур по Белому дому — одно из самых известных зданий в цифре.
- Онлайн-коллекция Киноконцерна Мосфильм — много реквизита из любимых фильмов.
- Онлайн-тур по музею Михаила Булгакова — советские интерьеры, винтажная мебель, книги.
-
Уже упомянутые сайты музеев Метрополитен и Лувр.
Бонус
Интересные ссылки, которые не подошли к основным разделам:
-
Brushezee — сайт с большим количеством дополнений для Photoshop: кистями, текстурами, шаблонами. Аналог Brushezee — ресурс Brushez.
-
WowHead — сайт со всеми 3D-моделями из World of Warcraft, от классических до обновлённых. У большинства есть анимации.
-
CreativeUncut — галерея концепт-артов и артбуков разных видеоигр (в списке более 800 наименований).
-
Набор досок Pinterest от художницы Джамилы Кнопф — от оружия и комиксов до портретов.
-
VideoGameArtStyles — tumblr-канал со скриншотами из игр. Автор в первую очередь сосредотачивается на проектах с интересными визуальными решениями.
-
PolyCount — форум, на котором пользователи обмениваются ссылками на сайты с референсами.
-
Доска Pinterest Sketches — подборка скетчей из игр, мультфильмов и кино.
-
GameArtPortfolio — огромная коллекция портфолио разных художников из кино и игровой индустрии. Но учтите, что сайт старый и давно не обновляется.
-
DeadendThrills — ещё один сайт со скриншотами из игр. Автор фотографирует через фоторежим и строит необычную композицию.
- Iconfinder — архив иконок. Большинство платные, но можно найти и много бесплатных. Поддерживаемые форматы: PNG, SVG, ICO, ICNS.
-
Архив Wootha — 90 гигабайт всех работ художника Стефана Ричарда, больше известного под псевдонимом Wootha. Внутри — арты, которые художник делал для Netflix и Legendary, а также авторские работы.
- Public Domain Archive — сборник ссылок на разные сайты с бесплатными референсами. Всё в высоком разрешении. Внутри есть много интересного: фотографии природы и еды, снимки интерьеров и погодных эффектов и т.д.
- Adobe Color — позволяет подобрать палитру, в том числе с учетом гармоничных цветовых моделей: треугольной, комплементарной, составной и так далее.
-
PureRef — программа для управления референсами. Не требовательная к железу и очень простая в обращении. Поможет легко собрать все референсы на одной поверхности и в любой последовательности.
Ещё больше о программах, которые будут полезны художнику в работе, можно почитать в нашей статье.
Текст написал Владимир Шумилов, автор в Smirnov School. Мы готовим концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придёте к нам на курс, не забудьте спросить о скидке для читателей с DTF.
Советы
Что такое референсы, для чего они нужны и где их искать
Создание чего-то нового начинается с изучения примеров. Референс (reference) — как раз и есть пример для работы и вдохновения.
Например, я рисую логотип для автомобильной компании или записываю курс по игре на гитаре. Отправная точка работы — поиск референсов. Найти референс — значит, посмотреть, как выглядит логотипы у автомобильных компаний или структура гитарных курсов у других музыкальных школ.
Референсы решают две задачи:
- Задают вектор работы — помогают на примере понять, в каком направлении двигаться, какие идеи реализовывать, просто вдохновиться.
- Согласовывают видение проекта с коллегами. С референсами проще доносить свои пожелания и синхронизировать цели работы.
Что такое референсы — разобрались. Дальше расскажу, где искать референсы и в каких сферах деятельности их применяют.
Если хотите сразу посмотреть список всех сервисов, то выбирайте:
Dribbble (дизайнерам и художникам)
Behance (дизайнерам, художникам, иллюстраторам)
Pinterest (дизайнерам, художникам, фотографам)
ArtStation (художникам из сферы digital и геймдева)
Motionographer (motion-дизайнерам)
They draw (иллюстраторам)
Muzli (медиа для дизайнеров)
Awwwards (веб-дизайнерам, разработчикам)
Фотостоки (фотографам, видеомейкерам)
Kоллекции email-писем (email-маркетологам)
Каналы вакансий в Телеграме (smm-щикам, редакторам, авторам, маркетологам)
Альтернативные площадки для поиска
Где применяют референсы
Везде — как в работе, так и в личных целях.
В личных целях. Например, мне надоело жить в безликой комнате и я хочу сделать ремонт. Для этого можно изучить референсы — посмотреть, как другие люди украшают свою комнату: какие предметы уюта используют, как выстраивают освещение и располагают вещи.
В работе. Например, я smm-щик — веду соцсети клиентов, создаю картинки и пишу подводки. Проект с новым заказчиком я начну с обсуждения референсов: он пришлет мне примеры соцсетей, которые ему нравятся. В этом случае мне интересны стратегия продвижения и способ коммуникации у компании-референса.
Референсы используют в любых областях, где нужно создать что-то не под копирку. Архитектура, дизайн, иллюстрации, музыка, редактура, видео, фильмы, геймдев, программирование, проектирование приложений, юридическое дело — это произвольные примеры, где потребуются референсы для работы.
Эту статью я также писал с оглядкой на референсы. Я смотрел, на какие вопросы отвечают другие статьи на эту тему, какая у них структура, подмечал, что мне не нравится и как улучшить материал, который я буду писать сам.
Отдельно стоит упомянуть как полезны референсы для художников и дизайнеров. Иллюстратор может открыть для себя новые стили рисования, особенности сочетания цветов, решения в оформлении сайтов, визуальные приемы, или просто подсмотреть, как другие специалисты рисуют конкретный объект и с какого ракурса. Из-за этого появились специальные социальные сети в ядре которых — обмен визуальными референсами и картинками.
А вот так выглядит обсуждение, какой рисовки вы ждете от художника. Мне нужно было донести, что рисовка должна быть простой и основанной на незамысловатых линиях. И тут выручает обмен референсами — они помогают синхронизироваться. Текстовые описания каждый человек понимает по-своему и с ними вряд ли получится приблизиться к единому видени
Не во всех сферах деятельности используют слово «референс» — есть синонимы «образец» и «пример». Но в диджитале это обычно все же «референс».
Где искать референсы
Собрал сайты для поиска референсов в разных сферах: дизайне, иллюстрации, графике, веб-разработке, фотографии, видео, email-письмах.
Dribbble
Перейти на сайт
Для кого: дизайнеры, художники.
Язык: английский.
Поиск референсов — основной функционал, но также есть биржа, обучающие семинары и блог. Картинки можно сохранить себе и подписаться на художников, работы которых вам нравятся. Есть платные опции.
Ищу иконки для смартфонов. Можно просто просматривать категории — их 8. Доступны фильтры по хештегам и даже по палитре
Behance
Перейти на сайт
Для кого: дизайнерам, художникам, иллюстраторам.
Язык: русский, но лучше знать английский.
Онлайн-площадка для дизайнеров компании Adobe. Функционал близок к прошлой платформе — есть поиск по ключевым словам, категориям, палитре, на понравившихся авторов можно подписываться, доступна биржа. Из необычностей: есть раздел с прямыми трансляциями незавершенных проектов — например, мне попалась на глаза двухчасовая запись, как 3D-художник рисовал объемную хэллоуин-локацию. По аналогии с Инстаграмом есть формат сторис.
Площадка переведена на русский и поиск на кириллице не такой скудный, как в других сервисах — однозначно плюс для тех, кто не владеет английским. Но я бы советовал комбинировать поиск на двух языках — так будет больше результатов.
У сервиса нет платных опций, однако сами авторы могут монетизировать свой контент — за платную подписку давать больше материалов.
Behance мне понравилась больше Dribbble — интерфейс проще и понятнее, поиск точнее и радуют фишки вроде трансляций и сторис. Для новичков здесь предусмотрен небольшой гид по сервису — ух, забота, классно.
Главная раздела «Для вас». Сверху колонка трансляций художников, на которых вы подписаны и рекомендации. Сторис в том же месте, правее
Интерфейс поиска
Перейти на сайт
Для кого: дизайнерам, художникам, фотографам.
Язык: русский, но лучше знать английский.
Социальная сеть для обмена референсами (их здесь называют пинами) — в большей мере визуальными, но можно, например, искать рецепты тортов и картинки плюшевых игрушек. Пользователи загружают свои пины или дают ссылку на то, что нашли в интернете. Пины можно искать, сохранять, а также на основе ваших вкусов формируется умная лента. К каждому пину дают похожие — так можно блуждать по ним, пока не найдешь «то самое».
Выдача Pinterest по запросу «векторный дизайн сайта»
Человек-паук и похожие пины
ArtStation
Перейти на сайт
Для кого: художникам из сферы digital и геймдева.
Язык: английский.
Площадка для художников в сфере digital. Большинство разделов поиска посвящены стилю и объектам рисования, а не сфере работы: анатомия, комиксы, хоррор. Помимо поиска референсов, здесь можно обучаться, слушать подкасты и продавать свои работы на маркетплейсе.
Если вы художник из игровой индустрии, эта площадка — лучшее, что можно придумать.
Поиск Цири и список разделов, по которым можно искать — поместились не все, их больше
Motionographer
Перейти на сайт
Для кого: motion-дизайнерам.
Язык: английский.
Поиска здесь нет, но отсюда можно узнавать новости, читать статьи и смотреть творчество топовых студий и художников из сферы motion-дизайна.
В разделе Quickies собраны ролики студий и художников — их можно листать. Поиск есть по всему сайту, но без фильтров и категорий
They draw
Перейти на сайт
Для кого: иллюстраторам.
Язык: английский.
Необычный проект для иллюстраторов, в котором рисуют только тематические картинки — еда и путешествия. Авторы делятся своими работами, которые можно искать через поиск. Несмотря на то что концепция рисунка крутится вокруг еды и путешествий, стили у всех художников разные — сюда как раз можно приходить и вдохновляться уникальным видением участников этого милого комьюнити. А можно принять челлендж проекта и нарисовать самому на какую-нибудь тему, например, проиллюстрировать алфавит.
Лента сайта с новыми рисунками. Мне кажется, этот проект и полезен как случайный, а не целенаправленный источник вдохновения — смотришь ленту раз в несколько дней и ищешь, за что зацепится взгляд
Weekly Design Inspiration #328 — это еженедельная подборка работ для вдохновения. На картинке поместилась парочка. На каждую работу есть ссылка на источник-оригинал, обычно с Dribbble
Awwwards
Перейти на сайт
Для кого: веб-дизайнерам, разработчикам.
Язык: английский.
Сайт престижного конкурса среди веб-дизайнеров и разработчиков. Номинации: сайт дня, месяца, года и другие. Удобно искать референсы среди победителей 🙂 Проект расширился — появились блог, курсы, биржа труда.
На главной сайт дня с оценкой по критериям
Фотостоки: Life of pix, Pexels, Adobe Stock, Unsplash
Life of pix
Pexels
Adobe Stock
Unsplash
Для кого: фотографам, видеомейкерам.
Язык: английский.
Лучшие референсы для фотографий удобно искать на фотостоках. Везде есть поиск и указываются авторы — если запало в душу видение какого-то фотографа, его можно найти в соцсетях и следить за ним там.
Life of pix мне особенно понравился. Для главной администрация отбирает фотографии самостоятельно. Меня удовлетворил поиск сервиса, но мало работ. На Adobe Stock фотографий больше, но некоторые из них пластмассовые, словно карточки из интернет-магазина. У Pexels очень много портретных фото, а Unsplash всем хорош — у них еще и блог есть.
Если вам нужно больше фотостоков, почитайте статью в которой мы собрали аж 58 штук.
Поиск фото обуви на Life of pix
Really Good Emails, Email Competitors и другие коллекции email-писем
Really Good Emails
Email Competitors
Для кого: email-маркетологам.
Язык: русский, английский.
В email-маркетинге важен не только облик письма, но содержание от письма к письму, адаптивность, регулярность рассылки, тема и прехедер писем — все это влияет на вовлеченность аудитории и опенрейт. Посмотреть решения можно на сайтах, которые собирают письма.
Другие сервисы с коллекциями писем
Также советую подробнее изучить наш блог. Мы собирали лучшие приветственные письма, самые интересные рассылки и многое другое — все это источник референсов.
Поиск рассылок СМИ на Email Competitors
На Really Good Emails можно ограничить поиск только welcome-письмами, плюс есть много других категорий
Каналы вакансий в Телеграме
Статья с подборкой Телеграм-каналов
Для кого: smm-щикам, редакторам, авторам, маркетологам.
Для SMM и блогов иногда полезно изучить непрямые референсы — посмотреть, какие фишки компании используют в ведении своих площадок: оформление, подача материала, настроение публикаций, юмор. В прямых референсах конкуренты могут быть слабыми и равняться на них не стоит, особенно, если это нишевый продукт. Можно даже найти ответы на совсем глубокие вопросы: в чем смысл этих соцсетей и как они привязаны к продуктам компании.
Через поисковики это вряд ли найдется, зато в Телеграм-каналах с вакансиями это лежит на поверхности — достаточно ввести в поиске канала «smm» или «редактор». Так можно нарваться на интересные проекты и подсмотреть, как компании решили свои проблемы из неожиданных сфер: медиа для женщин, соцсети бренда презервативов, Instagram*-аккаунт строительной компании. Все это живые примеры, которые ищут свой подход к клиенту прямо сейчас — этим тоже можно вдохновляться.
Вот, например, вакансия автора в издание «Горящая изба». По слову «автор» и «редактор» можно искать референсы медиа и блогов
Альтернативные площадки
Конкуренты. Первые, у кого нужно искать референсы. Сейчас почти ни в одной сфере не обойтись без конкуренции.
Instagram*. В Instagram* есть профили на все тематики — даже nudes-фото, хоть и с замазанными интимными местами. Главное преимущество Инстаграма — рекомендации и развитая система хештегов. Тут же можно посмотреть, как другие компании ведут свои странички, чем завлекают аудиторию, как оформляют картинки.
Поиск фотографий еды по хештегу #food_photo. Такой хештег помог бы фотографам, которые ищут референсы для съемки еды
Не по всем хештегам есть годные публикации и не все профили их используют. Тогда можно поискать подборки инстаграм-аккаунтов на заданную тему в поисковике или в специализированном сервисе. Например, trendhero — это сервис для проверки блогеров на накрутку, но у сервиса занятный способ поиска аккаунтов. Так можно посмотреть 500 похожих профилей на указанный вами аккаунт, а еще искать по тематикам на основе частотных слов. Сервис платный, а результаты непредсказуемы — не всегда они дают желаемое.
Так выглядит поиск — есть много параметров
Собственная насмотренность. Главный помощник в поиске референсов — энтузиазм и любопытство. Насмотренность можно развить, если изучать материалы:
- Email-рассылки.
- Видео.
- Статьи в блогах — как личных, так и корпоративных.
- Нишевые форумы.
- Сообщества в соцсетях.
- Книги.
Если вы читаете полезные блоги, подписаны на интересные рассылки, смотрите качественные видео, замечаете крутую работу — у вас не будет дефицита референсов.
Личный лайфхак: больше читать — даже на темы, которые, кажется, далеки от вас. Это не только полезно для общего развития, но и поможет с референсами.
Загляните к нам в рубрику «Подпишись!» и найдете рассылки под любопытную для вас тему. Нам давали интервью редакторы, маркетологи, предприниматели и авторы, которые пишут о том, что их прёт — от технологий до дайджеста главных мировых новостей.
Если нужен пример конкретной сферы, напишите в комментариях под этой статьей, что вас интересует, постараемся помочь. Или зайдите в наш телеграм-чат «Коллеги нужно вчера» — там общаемся в основном про маркетинг, но участники не оставят в беде никого из ищущих 🙂
ЭКСКЛЮЗИВЫ ⚡️
Читайте только в блоге
Unisender
Поделиться
СВЕЖИЕ СТАТЬИ
Другие материалы из этой рубрики
Не пропускайте новые статьи
Подписывайтесь на соцсети
Делимся новостями и свежими статьями, рассказываем о новинках сервиса
«Честно» — авторская рассылка от редакции Unisender
Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.
