Отличный сайт-портфолио иллюстратора делает одну вещь хорошо: он демонстрирует работы на экране и не отвлекает от основной работы.
Лучшие из них быстро загружаются, заполняют страницу изображениями и имеют достаточно простую навигацию, чтобы арт-директор или клиент могли найти нужную информацию в два клика. В этом вся суть. Всё остальное — лишь украшение.
Мы отобрали 15 реальных портфолио иллюстраторов, каждое из которых создано и доступно для просмотра. Pixpaи рассмотрели, что хорошо получается у каждого из них, что можно скопировать на свой сайт, начиная от цветовой палитры и макета галереи и заканчивая той единственной функцией, которая обеспечивает их работоспособность.
Они охватывают широкий спектр тем: от детских книг до 3D-моделей, от редакций новостей до заказов на создание фресок. Если вы хотите сначала просмотреть более широкий набор, есть и другие варианты. примеры портфолио иллюстраций Можно просмотреть, но 15 вариантов ниже заслуживают внимания, поскольку каждый из них предлагает четкий и повторяемый выбор.
Что делает сайт-портфолио иллюстратора по-настоящему успешным?
Отличный сайт-портфолио иллюстратора размещает тщательно отобранную подборку ваших лучших работ на видном месте, быстро загружается на телефоне и за считанные секунды сообщает посетителю, каким видом работ вы занимаетесь и для кого.
Это визуальное резюме, а не архив. Самые сильные из них отсекают всё, что конкурирует с искусством.
Мы оценивали каждый объект по четырем критериям, тем же четырем, которые определяют качество объекта. веб-сайт портфолио иллюстратора независимо от стиля:
- Дизайн служит искусству. Макет, цвет и шрифт обрамляют произведение. Они не производят должного впечатления рядом с ним.
- Организация. Посетитель без труда сможет отличить работы, выполненные на заказ, от личных проектов.
- Работа в коммерческой сфере. На сайте следующий шаг становится очевидным, будь то заказ работы, продажа печатной продукции или аренда.
- Mobile. Большинство людей сначала увидят ваши работы на телефоне.
Иллюстрации для детских книг и редакционных статей.
Издатели и редакторы нанимают сотрудников, ориентируясь на четко определенный портфель работ. Эти четверо отдают предпочтение проектам, а не личности.
Sirma Karaguiozova
Иллюстрации к детским книгам. Болгария.
Сирма Карагиозова Главная страница разделена на три раздела с названиями: «Сказки», «Книги для чтения по главам» и «Книги для юных читателей», каждый из которых имеет одно изображение на чистой белой странице.
Рисунок от руки AMRIS ART Логотип и закругленные кнопки создают теплую атмосферу, не перегружая пространство, где представлены работы от смелой зеленой гравюры на дереве до детальных черно-белых рисунков чернилами, и редактор может сразу перейти к оформлению заказа.
Возьмите это: Разделите детский каталог по целевой аудитории, чтобы редактор мог одним щелчком мыши найти нужную книгу на полке.
Ed J Brown
Иллюстрации к детским книгам.
Эд Джей Браун Здесь расположена просторная белая сетка, которая позволяет каждому фактурному произведению народного искусства свободно «дышать», от кукольного представления с тигром до шагающего туриста с рюкзаком.
Единственный броский элемент — многоцветная монограмма EJB, а навигация разделяет контент на книги, редакционные материалы и магазин, так что каждая аудитория найдет для себя что-то по душе.
Возьмите это: Оставляйте достаточно свободного пространства вокруг сложных, фактурных работ. Спокойствие позволяет воспринимать каждую работу как законченное произведение, а не как эскиз.
Stefano Regazzo
Иллюстрации для книжных обложек, редакционных материалов и детской литературы. Италия.
Стефано Регаццо Иллюстрации для обложек книг и редакционных разворотов, выполненные акварелью, на теплом кремовом фоне, напоминающем состаренную бумагу, идеально подходят для детских книг, от обложки с садовым пейзажем до иллюстрированной карты Древнего Рима.
Синий рукописный логотип и переключатель между итальянским и английским языками дополняют сайт, созданный для издателей на двух рынках.
Возьмите это: Подберите фон в соответствии с используемым материалом. Теплый, бумажный оттенок лучше обрамляет акварель и чернила, чем ярко-белый.
Ana Clara Moscatelli
Иллюстрации для редакционных и новостных материалов. Бразилия.
Ана Клара Москателли Сохраняется чистая белая сетка, в которой каждый новостной материал занимает всю ширину экрана, от сцены в амазонских тропических лесах до инфографики G1 и кадра из новеллы «Возрождение».
Навигационная панель одновременно служит сервисным меню: Иллюстрации, Инфографика, Анимация, Раскадровка, поэтому редактор видит форматы, которые он предоставляет, прежде чем прокручивать страницу.
Возьмите это: Редактирование заголовка и информации о теме. Указание авторов повышает вашу достоверность.
Иллюстрация для рекламы, брендинга и музыки.
Некоторые Иллюстраторы продают услугу, которую клиент уже заказывает. Эти три варианта делают предложение понятным и доступным.
Montana Tayler Johnson
Графический дизайн и иллюстрация. Роли, Северная Каролина.
Монтана Тейлор Джонсон В начале ролика — фотография самой художницы и графического дизайнера из Роли, Северная Каролина, на нежно-персиковом фоне, на фоне простой линии, после чего группа What I Do демонстрирует коммерческий ассортимент: макет бренда Streamline Health рядом с живописным пейзажем.
Теплая коралловая цветовая палитра и личный герой придают коммерческому портфолио скорее располагающий, чем корпоративный характер.
Возьмите это: Начните с вашего лица и краткого, лаконичного предложения. В коммерческой работе человек является частью того, что покупает клиент.
Monica Liaw
Иллюстрация и дизайн.
Моника Лиау Вас сразу же погружают в произведение. Главная страница представляет собой живописную сетку из мягких, сказочных сцен на чистом белом фоне: ночь в форме полумесяца, дети, идущие в школу, две наряженные мышки.
Единственное оформление — небольшой логотип в виде совы, а также линейная иллюстрация и дизайн; остальное — это сами картины.
Возьмите это: Если произведение искусства — ваш главный аргумент, пропустите главного героя и откройте сетку. Пусть первым свитком будут картины.
Myghail
Разработка дизайна обложек альбомов и фирменного стиля для музыкальных лейблов.
Майгаил Главная страница полностью погружается во тьму: единственное неоновое изображение с эффектом жидкого мрамора, где пурпурный и электрический синий цвета растекаются по чисто черному, заполняет собой всё пространство, что точно соответствует настроению обложек альбомов и музыкального брендинга.
Черный холст заставляет насыщенные цвета светиться так же, как обложка альбома на экране телефона ночью.
Возьмите это: Если ваша работа яркая и насыщенная, черный фон заставит ее сиять. Подберите холст в соответствии с жанром.
Концепция, сюжет и 3D-иллюстрация
Четкая точка зрения сама по себе является ее главным преимуществом. Эти три аспекта объединяются вокруг одного.
Maciek Łazowski
3D и 2D иллюстрации. Варшава.
Мачек Лазовский Сайт выполнен в чистом белом цвете и дополнен трехмерными изображениями в стиле пластилиновой анимации, каждое из которых размещено на собственном ярком фоне: темно-фиолетовом, небесно-голубом и ярко-желтом, так что сетка выглядит как ряд ящиков с игрушками.
Вступительная фраза состоит из одной строки, в которой сразу же называются клиенты: HP, BBC Science Focus и PlayStation, а забавные 3D-персонажи являются основой всей цветовой гаммы.
Возьмите это: Каждой фигуре присвоен свой собственный яркий фоновый цвет. Разнообразие воспринимается как разнообразие, и при этом набор ощущается как единое целое.
Ego Rodriguez
Иллюстрации для повествований и редакционных материалов. Лондон.
Эго Родригес Замысел изложен в одной центральной строке. Иллюстратор из Лондона, работающий на стыке квир-идентичности, мифологии и повествования, затем использует четырехколоночную сетку из отточенных, кинематографичных фигур: мужчина на закате, фигура, плавающая в пруду с лилиями, двое мужчин, плывущих на лодке сквозь джунгли. Чистая белая рамка удерживает внимание на изображении.
Возьмите это: Пусть одна четкая тема организует работу. Нанять человека с собственным мнением проще, чем специалиста широкого профиля.
Kitty Moth
Раскадровка и комиксы.
Кошачья моль Действие разворачивается в мрачном, почти чёрном формате, где черно-белые комиксы следуют один за другим, перемежаясь несколькими цветными фрагментами, сценой ужаса с розовым освещением и отсылкой к «Секретным материалам» в зелёном цвете.
Темный фон делает линии и редкие цветовые акценты более выразительными, а панели расположены в правильном порядке, благодаря чему история читается легко.
Возьмите это: Последовательная работа требует последовательности. Раскадровки и комиксы следует показывать в порядке чтения, а не как стену галереи.
Иллюстраторы, которые продают и демонстрируют свои работы.
Портфолио может делать больше, чем просто демонстрировать работы. Эти пять работ помогают вывести проект на продажу или получить комиссию, используя различные методы. Интернет-магазинзаказы на роспись стен или рыночный прилавок.
Moonstruck
Независимая иллюстрационная студия с магазином.
Помешанный Сначала это выглядит как магазин: в навигации отображаются разделы «Принты», «Аксессуары» и «Канцелярские товары» с тележкой, а вверху в режиме слайд-шоу сменяется картина, написанная нежной пастельной гуашью.
Мечтательная фиолетово-розовая палитра связывает товары с произведениями искусства, поэтому магазин воспринимается скорее как продолжение произведений, чем как пристройка.
Возьмите это: Покажите работу, а затем позвольте людям купить ее, не покидая сайт. Один сайт может выполнить обе задачи.
Kloes
Уличное искусство, живопись и графический дизайн. Нидерланды.
Клоэс Начинается всё эффектно: на главном экране — монументальное панно в стиле поп-арт, заполняющее всю площадь, с ярко-розовой кнопкой «Купить у меня» и чёрной навигационной панелью, в которой отдельно перечислены панно, произведения искусства и услуги. Индивидуальность — это и есть бренд: нарисованный от руки логотип, лаконичный текст и интернет-магазин, доступный в один клик.
Возьмите это: Чётко указывайте типы заказов, например, роспись стен или живопись. Это отсеивает неподходящие запросы и ускоряет обработку правильных.
Minuit:05
Графическая иллюстрация. Нор, Франция.
Минута:05 Самое тихое место здесь: рукописный логотип, несколько строк мелкого курсивного шрифта и широкое белое поле с новостным блоком, объявляющим о выставке в галерее.
Сдержанность соответствует лаконичному подходу к работе, представляющей собой графические этюды городов северной Франции, и создает ощущение, будто вся экспозиция размещена на стене галереи.
Возьмите это: Если ваша работа посвящена одной конкретной теме, не стоит придавать оформлению слишком много лишнего объема. Пустое пространство воспринимается как признак уверенности.
Olivia Di Liberto
Фрески, иллюстрации и живопись. Ванкувер.
Оливия Ди Либерто Начинается всё с фотографии, на которой она рисует фреску, используя свой фирменный знак, написанный белым шрифтом. chilliviaРасположенный прямо над ним, масштаб работы — это первое, что бросается в глаза.
Навигационная панель разделяет общественные фрески и коммерческие проекты, что позволяет заказчику точно определить, о каком типе работы следует обратиться.
Возьмите это: Покажите работу в реальном масштабе, фотографию процесса ее создания, чтобы заказчик мог оценить размер еще до того, как прочитает хотя бы слово.
The Ghost Egg
Комиксы и искусство, используемое на конвенциях.
Призрачное яйцо, название студии Mary Ann CountrymanСлева расположена необычная для этой серии боковая панель навигации, на которой отображается высокая сетка из мягких пастельных тонов: призраки в цветущей сакуре, баннеры с карпами кои, милые бутылочки.
Первая ссылка ведет буквально к «Портфолио поставщиков», что указывает на то, что выставочный стенд и веб-сайт представляют собой один и тот же бизнес.
Возьмите это: Укажите места, где с вами можно встретиться лично. В сфере маркетинга и организации конференций расписание продаж так же важно, как и сами произведения искусства.
Что общего у лучших портфолио иллюстраторов?
Если просмотреть все 15 вариантов, то снова и снова будет встречаться одна и та же горстка вариантов. Ни один из них не связан со вкусом. Они направлены на то, чтобы не мешать работе.
- Назначенная работа лучше, чем беспорядочная куча. Книги Эда Дж. Брауна с названиями, тематические подписи Аны Клары Москателли и разделы «Сказки», «Книги для чтения по главам» и «Книги для юных читателей» Сирмы Карагуиозовой позволяют посетителю сразу перейти к тому, за чем он пришел.
- Коммерческий этап очевиден. Moonstruckнавигация по магазину, KloesКнопка «Купить мои вещи» и разделение Оливией Ди Либерто работы над общественными фресками и коммерческими проектами сокращают путь от поиска работы до найма. Если ваша цель также состоит в продаже репродукций или оригиналов, стоит изучить этот вопрос. как продавать искусство онлайн прежде чем приступать к разработке дизайна страницы.
- Фон — это рамка, а не второстепенный элемент. Кремовые, словно бумага, страницы работы Стефано Регаццо хорошо подходят для акварели; MyghailЧистый черный цвет заставляет неон светиться; Мачек Лазовский придает каждому трехмерному элементу свой собственный цветовой блок.
- Настоящий логотип выполняет функцию брендинга, которую стандартный шрифт не может. Нарисованные от руки логотипы на Minuit:05Оливия Ди Либерто chilliviaи Сирмы AMRIS ART придать индивидуальности студии, состоящей из одного человека.
- Сдержанность побеждает. Моника Лиау сразу же выходит на старт и Minuit:05 Оставляет широкие белые поля, поэтому посетитель в первую очередь читает не интерфейс, а само произведение.
- Скорость и мобильность — это не выбор. Большинство посетителей заходят на сайт с телефонов, где большие файлы с иллюстрациями зависают, а цвета искажаются. Это самый простой и дорогостоящий способ сэкономить, поэтому перед тем, как считать сайт готовым, протестируйте его на маленьком экране.
Как структурировать свой инвестиционный портфель по целям
Ваша цель определяет структуру. Выберите строку, которая соответствует вашей цели, а если хотите получить преимущество, то... шаблоны для рисунков и иллюстраций Они построены на основе этих планировок.
Распространенные ошибки при создании портфолио в Illustrator, которых следует избегать.
Именно эти ошибки незаметно стоили вам работы.
На изображении присутствуют выраженные водяные знаки. Водяной знак, достаточно большой, чтобы предотвратить кражу, может испортить первое впечатление. Защищайте файлы высокого разрешения, а не предварительный просмотр.
PDF-файл, которому место в веб-галерее. Портфолио в формате PDF, доступное для скачивания, требует от арт-директора дополнительной работы и перерывов на телефонные звонки. Перенесите эту работу на бумагу.
Медленное отображение изображений и отсутствие альтернативного текста. Иллюстрации занимают много места. Несжатые изображения и пустой альтернативный текст приводят к медленной загрузке и отсутствию в результатах поиска, поэтому базовое сжатие изображений и... Инструменты SEO То, что помогает найти портфолио, не является необязательным.
Единая лента, объединяющая личные и коммерческие работы. Когда детская книга соседствует с экспериментальной личной серией, не разделяя их, клиент не может понять, для чего он вас нанимает. Разделите эти потоки.
Форма обратной связи, указывающая на почтовый ящик, который никто не проверяет. Самый быстрый способ потерять комиссионные — это заполнить форму, которая никуда не ведет. Протестируйте ее и добавьте прямой адрес электронной почты в качестве резервного варианта.
Как создать собственное портфолио иллюстратора
- Выберите 10-15 своих самых сильных работ. Удалите все, что не является лучшим; ваше портфолио настолько сильно, насколько силен самый слабый его снимок.
- Сгруппируйте работы по типу, чтобы посетитель мог без труда найти работы на заказ, личные проекты и любые товары, выставленные на продажу.
- Напишите краткую страницу «О себе», в которой укажите, чем вы занимаетесь, с какими клиентами работаете и какой у вас опыт, а также как вас можно нанять.
- Добавьте коммерческий этап: контактный путь, магазин или и то, и другое, в зависимости от вашей цели.
- Опубликуйте, затем проверьте на телефоне и исправьте все неполадки. Для более подробного пошагового руководства прочитайте как создать портфолио иллюстраторов.
Выводы
Всех этих 15 иллюстраторов объединяет сдержанность. Они показывают свои лучшие работы, четко дают названия, подбирают страницы под свои задачи, делают следующий шаг очевидным и позволяют искусству занимать все пространство экрана. Ничто из этого не требует специальной сборки или разработчика.
Часто задаваемые вопросы о сайте-портфолио иллюстратора
Что должно включать в себя портфолио иллюстратора на веб-сайте?
Подборка из 10-15 ваших лучших работ, сгруппированных по жанрам, краткая страница с информацией о вашем стиле и опыте, а также понятный способ связи или заказа работ. Если вы продаете репродукции или оригиналы, добавьте информацию о вашей мастерской.
Сколько работ мне следует включить в своё портфолио иллюстраций?
Старайтесь, чтобы в подборке было от 10 до 15 качественных материалов. Тщательно отобранная, хорошо структурированная подборка выглядит профессиональнее, чем большой архив, и при этом страница быстро загружается.
Какая платформа лучше всего подходит для портфолио иллюстратора?
Лучшая платформа хорошо отображает большие изображения, быстро загружается на мобильных устройствах и позволяет продавать отпечатки или оригиналы без отдельного инструмента. Pixpa Этот сервис создан для специалистов в области визуального творчества и объединяет портфолио, галереи работ клиентов и интернет-магазин на одном сайте.
Нужен ли мне собственный домен?
Да. Собственный домен, например yourname.com, выглядит профессионально и обеспечивает независимость вашей работы от правил каких-либо социальных платформ. Каждый сайт в этом списке использует такой домен.
Стоит ли иллюстраторам использовать Behance или Instagram вместо веб-сайта?
Используйте их как каналы распространения, а не как основную площадку. Социальные платформы сжимают изображения, меняют макеты без предупреждения и могут мгновенно снизить охват аудитории. Ваш собственный сайт — это единственное место, которое вы контролируете.
Сколько стоит сайт-портфолио для иллюстратора?
On PixpaПлатные тарифные планы начинаются от 5.40 долларов США в месяц при ежегодной оплате, с 15-дневным бесплатным пробным периодом, для которого не требуется банковская карта. Узнать больше см. последние цены на тарифные планы для текущих уровней.
Как мне добиться того, чтобы мое портфолио иллюстраций занимало высокие позиции в поисковой выдаче?
Сжимайте изображения, добавляйте описательный альтернативный текст для каждой работы, давайте каждому проекту реальное название и краткое описание, а также обеспечьте быструю загрузку сайта на мобильных устройствах. Эти основные принципы позволят привлечь внимание арт-директоров, занимающихся поисковой оптимизацией.
Может ли сайт-портфолио продавать отпечатки своих работ напрямую?
Да. Портфолио и интернет-магазин могут использовать один сайт, так как Moonstruck Здесь это предусмотрено, поэтому посетитель может за один визит перейти от любования произведением искусства к покупке его репродукции.