40 смелых и красивых иллюстрированных сайтов для вашего вдохновения

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

В этом списке мы поделимся с вами 40 смело иллюстрированными креативными веб-сайтами с подробными мультфильмами, прекрасно нарисованными персонажами и интересными плоскими элементами. Некоторые из представленных здесь дизайнов запускают анимацию и другие эффекты при прокрутке. Поэтому постарайтесь посетить эти сайты, чтобы получить полный опыт.

neotokio!
Neotokio! итальянское дизайнерское агентство, специализирующееся на интерактивном дизайне и коммуникации. Этот веб-сайт представляет собой «летнее издание», демонстрирующее креативную прокрутку в сочетании со смело меняющимися иллюстрациями мороженого. Прокрутите вниз, чтобы увидеть, что я имею в виду.
Книга @ Work
Books @ Work проводит литературные семинары на рабочем месте. Мне нравятся движущиеся иллюстрации, вызванные наведением мыши на их веб-сайте. Книги могут быть статичными, но это не дизайн сайта.
Дениз Чендлер
Это сайт внештатного дизайнера Дениз. Я люблю конечности осьминога, которые появляются по всей домашней странице, которая показывает отличную комбинацию фотографии и иллюстрации. Действительно дизайнерские навыки, которые выделяются из толпы.
Major Savage
Это портфолио для внештатного дизайнера UI / UX и иллюстратора Major Savage. Каждая часть этого сайта полна творческих интерактивных иллюстраций.
Вздор
Это веб-сайт Stuff & Nonsense, одной из самых известных студий веб-дизайна в Великобритании. На главной странице размещена их любимая рекламная иллюстрация, кампания DDB по шимпанзе за чай PG Tips.
Запястье
Двухнедельный иллюстративный сайт Мэтта Джонстона, где оживают новые и старые часы. Все часы здесь показывают ваше местное время (в режиме реального времени тоже).
КАРАМЕЛЬ БАДЖИ
Это чистый, отзывчивый, плоский одностраничный портфель для Antonia (Ani) Powers aka Caramel Budgie. Домашняя страница даже выглядит достаточно хорошо, чтобы превратиться в обои для рабочего стола.
Pixel Lab
Веб-сайт Pixel Lab, студия дизайна и разработки, базирующаяся в Сиэтле, имеет иллюстрацию «Мы на работе», лишенную цвета на синем фоне. Забавно, что что-то без цвета все еще может привлечь ваше внимание.
Ага!
Красочный дизайн сайта от украинской компании Yep! играет с цветами и простыми иллюстрациями, чтобы показать вам, как работает их приложение для мгновенных встреч.
Заработай деньги
Сайт подчеркивает позитивное социальное влияние, которое оказывают кредитные союзы. Интерактивный веб-сайт, который демонстрирует ход типичного депозита через крупные банки против кредитных союзов. Начните прокручивать, чтобы увидеть действие происходит.
След рабства
Опрос, направленный на повышение осведомленности о рабстве в цепочке поставок многих товаров. Сайт позволяет вам отслеживать, сколько рабов работает на вас в зависимости от вашего образа жизни.
Nerisson
Nerisson от Jimmy Raheriarisoa – французский арт-директор, специализирующийся на дизайне и иллюстрации.
Преподобная опасность
Это портфель компании Reverend Danger. Триггеры прокрутки всплывают анимации, которые создаются с помощью CSS3 с отступом jQuery.
Малика Фавр
Малика Фавр – французская художница из Лондона. Ее смелый, минимальный стиль иллюстраций часто описывается как поп-арт и OpArt.
Даниэль Дж Диггл
Дэниел Джеймс Диггл – независимый дизайнер, иллюстратор и аниматор, в настоящее время живущий и работающий в Лондоне, Англия. Его сайт отражает его стиль и креативность.
Интерактивное ухо
Отличный учебный сайт от Amplifon. Интерактивное ухо показывает путешествие звука вместе с анатомическими особенностями человеческого уха.
Супер Синхронизация Спорт
Chrome Super Sync Sport – это эксперимент Chrome, который позволяет синхронизировать ваши мобильные устройства с компьютером и заставлять рыжего, усатого спортсмена бегать, ездить на велосипеде и плавать.
Alkopedia
Алкопедия – это интерактивный инструмент, где подростки могут больше узнать об алкоголе и его последствиях. Сайт предлагает 9 анимированных вопросов для размышления и обсуждения.
Intro Musique Emergente
Этот некоммерческий веб-сайт призван содействовать обменам между художниками, чтобы сломать изоляцию художников в практике их искусства. Большое музыкальное оборудование на заднем плане перемещается при прокрутке страницы.
Мы верим в космос
«In Space We Trust» создан как художественный проект для обучения посетителей космическим путешествиям. Это сделано в виде временной шкалы с креативной иллюстрацией и звуками для создания исследовательского настроения.
Дуду Блюз
Doudou Blues – это музыкальная сказка, в которой рассказывается о приключениях Юмы, потерянного одеялом Стеллы. Мне нравится, как иллюстрация меняется здесь, когда вы прокручиваете страницу вниз. В этом примере Storytelling получает римейк UX.
Fleximize
Веб-сайт Fleximize – это игровой процесс, основанный на SVG-анимации и иллюстрациях. Через три разных, но взаимосвязанных плавно анимированных истории пользователи могут получить доступ к разумному способу получения займа.
Тати Экспресс
Этот креативный иллюстрированный сайт посвящен фильму Тати Экспресс, Это показывает, как современность влияет на людей и проходит через эту удивительную работу на скорости 100 миль в час.
Игра злой жены
Angry Wife – это симулятор домашней работы, который помогает мужчинам научиться выполнять работу по дому. Это творчески проиллюстрировано и удивительно затягивает.
drawabetter2016
Drawabetter2016 – это благотворительный проект, призванный мотивировать и вдохновлять вас в течение всего года. Он разделяет одну мотивационную цитату и вдохновляющий характер каждый день.
Свободное время
Я люблю этот сайт! Он рассчитывает, сколько стоит ваше свободное время, исходя из того, как вы цените время, и отвечает на несколько вопросов в веселом визуальном опросе. Для этого есть причина, которая будет раскрыта в конце.
Как бороться
Этот веб-сайт создан человеком, который дважды победил рак. Он показывает 35 689 способов борьбы с раком и призван помочь людям ободриться. На сайте полно акварельных рисунков случайных предметов.
Чехов с гуглом
Этот сайт представляет собой онлайновую викторину о характере (и прослушивание) с 28 пользовательскими иллюстрациями классических архетипов персонажа Антона Чехова. Все они завернуты в игривое материальное исполнение дизайна.
Новый Снупитизер
В рамках празднования 8 марта выпуска Фильм “Арахис” на Blu-ray и DVD теперь вы можете подарить своему пушистому другу цифровой макияж в стиле собачьего компаньона Чарли Брауна.
Держите Портленд странным
«Keep Portland Weird» – популярный слоган, который появляется на наклейках на бампере, на вывесках и в общественных зданиях по всему Портленду, Орегону и его окрестностям. Ярко нарисованный сайт был создан командой стажеров просто для удовольствия.
Mcwhopper
Этот сайт посвящен McWhopper, который представляет собой смесь Биг Мак Макдоналдс и Burpper King’s Whopper. Вы найдете прокрутку вниз как можно быстрее, просто увидите действие на заднем плане.
Tuck Effect
Хотите узнать секрет больше друзей, даты и доходы? Это называется Tuck Effect – заправь рубашку, измени свою жизнь. Откройте для себя новое монументальное исследование от Fruit of the Loom.
Коллекция Dreamcar
Коллекция Dreamcar представляет автомобили мечты детей со всего мира. В акции участвуют 93 уникальных автомобиля из 81 страны и региона, которые приняли участие в конкурсе от Toyota.
Я люблю эту славу
Это некоммерческий проект, направленный на развитие любви к баскетболу среди детей. Вы можете выбрать игрока и начать стрелять по обручу с помощью мыши.
Spacelamb
Spacelamb – креативная онлайн игра. Вы можете помочь епископу Агнцу вернуться на Землю в целости и сохранности после долгого и прекрасно нарисованного путешествия по Вселенной!
История икон
Вы видели интерактивную инфографику, подобную этой. Вот краткий обзор истории значков с помощью различных графических пользовательских интерфейсов из разных операционных систем. Выбор цвета удивительно хорошо сочетается с иллюстрациями.
Лед и Небо
Wild-Touch и Luc Jacquet приглашают вас поделиться этим беспрецедентным эпосом, чтобы лучше понять невероятные явления, которые затрагивают всех нас. Из этого исследования антарктического льда вы увидите влияние человека на природу и почему для нас важно начать действовать сейчас, чтобы предотвратить дальнейшие последствия.
Али Каффе
Этот сайт позволяет вам создать новую официальную песню Ali Coffee. Выберите жанр, который вам нравится, и начните создавать свои мелодии. Я люблю иллюстрации и цвета, используемые здесь.
Для лучшего кофе
Вот 5 основных правил, чтобы сделать кофе лучше. Эффект прокрутки ведет вас через «путешествие» кофейных зерен от растения к чашке.
Привет, малыш
Этот веб-сайт позволяет создавать интерактивный альбом для вашего ребенка с дополнительными услугами, такими как измерения, наклейки, видеоистории, печатные альбомы, открытки.