Лучшие портфолио графических дизайнеров отлично справляются с одной задачей: они демонстрируют работы с определенной точки зрения и не отвлекают от них внимание.
Дизайнеры, получающие работу в студиях, контракты на постоянной основе и заказы от агентств, редко имеют самый эффектный сайт. Зато у них самый понятный сайт.
Ниже представлены 10 портфолио, созданных работающими дизайнерами. Pixpaсгруппированы по виду выполняемой ими работы и отобраны из более широкого круга лиц. Примеры портфолио графического дизайнераКаждый вариант дизайна дополняется одним удачным дизайнерским решением и пояснением к его оформлению, цвету и шрифту.
Что делает сайт-портфолио графического дизайнера по-настоящему успешным?
Отличный сайт портфолио графического дизайна Начинайте с демонстрации своих лучших работ, излагайте суть своей деятельности простыми словами и показывайте процесс, а не просто отполированные финальные результаты.
Приложение группирует проекты, позволяя арт-директору быстро находить нужные ему работы, и корректно загружается на телефоне.
Каждый из представленных ниже сайтов заслужил свое место по четырем критериям: насколько хорошо макет соответствует выполняемой работе, насколько гармонично сочетаются шрифты и цвета, выполняет ли сайт свою коммерческую задачу и насколько понятен путь к найму. Не красота, а то, какую работу он выполняет.
Дизайнеры брендов и фирменного стиля
Продемонстрировать эффективность фирменного стиля сложнее всего, поскольку сам по себе логотип — это всего лишь знак. Наиболее сильные портфолио брендов демонстрируют системный подход: сам знак, правила его построения и лежащая в его основе логика.
Julie Aabye
Визуальная идентичность, рекламная кампания и цифровой дизайн.
Джули Ааби Она размещает свое имя в полном размере вверху страницы крупным черным шрифтом без засечек, а затем указывает должность двумя словами прямо под фотографией: Графический дизайнер.
Цветовая палитра строгая, высококонтрастная, черный на почти белом фоне с одной темно-зеленой полосой в нижнем колонтитуле, так что ничто не отвлекает внимание от текста. Под вступлением находится строка тегов, которые можно просмотреть: Брендинг, Материалы для кампании, Цифровой контент, Графический дизайн, а в углу — кнопка «Свяжитесь со мной».
Достойный подражания прием — это порядок: имя, должность, одно простое предложение, дисциплины. Посетительница за две секунды точно поймет, кто она.
Возьмите это: Сначала определитесь с иерархией, а затем переходите к оформлению. Сначала имя, затем роль в одну строку, а затем ряд тегов с указанием дисциплин. Порядок обеспечивает ясность быстрее, чем любое главное изображение.
Brandon Rankin
Фирменные системы и дизайн макета.
Брэндон Рэнкин Картина начинается на почти чёрном фоне, где один глянцевый трёхмерный амперсанд словно парит в стороне, почти тонируя тёмную гамму.
Заголовок «ЧЕТКИЙ, ПОСЛЕДОВАТЕЛЬНЫЙ ДИЗАЙН» написан легким шрифтом без засечек с широким межстрочным интервалом поверх небольшого серого подзаголовка. На главной странице всего один объект, одна строка и много пустого пространства.
Сдержанность – это не лень, а аргумент. Системный проектировщик, оставляющий столько места для маневра, демонстрирует контроль, а именно это и покупает клиент.
Возьмите это: Главная страница должна быть максимально упрощена: один объект и много пустого пространства. Сдержанность воспринимается как уверенность и отсеивает клиентов, которые ценят системы больше, чем декор.
Tracy Mirkin
Старший дизайнер и арт-директор. Разработка фирменных стилей и креативное руководство.
Трейси Миркин В оформлении используется нейтральный, редакционный стиль, оттенки белого и серого, смелый логотип без заглавных букв, а также тёплые фотографии в сочетании с располагающим к себе текстом.
Ниже расположен блок «Области экспертизы», в двух строках описывающий реальное предложение: Стратегия бренда и визуальные системы, а также Креативное руководство и взаимодействие с руководством. Каждая область снабжена кратким описанием и черной кнопкой «Портфолио».
Это единственный сайт в этом наборе, который говорит на уровне руководства, и его структура это отражает: экспертные знания на первом месте, эскизы — на втором. Такая структура сигнализирует о высоком уровне должности еще до того, как посетитель увидит хотя бы один проект.
Возьмите это: Если вы работаете на руководящей должности, начинайте с конкретных областей экспертизы, а не с галереи. На этом этапе позиционирование — это и есть презентация.
Frances Krutsky
Дизайн упаковки и фирменного стиля.
Фрэнсис Крутски Работа выполнена на холсте теплого кремового цвета с нарисованной от руки оливковой монограммой «fk» и ненавязчивой навигацией.
Цветовая палитра остается мягкой и изысканной: кремовые и бежевые оттенки с фиолетовым акцентом бренда и серебристым цветом винной этикетки из фольги. Работа представлена крупным планом в двухколоночной сетке: DeLille Cellars Фольгированная этикетка "Maison DeLille" и полный Bloom Wellness Руководство по созданию логотипа с указанием цветовых значений и типографических настроек. Latoа также правила безопасного пространства для логотипа.
Показывать не только готовый логотип, но и руководство по стилю — это правильный подход. Это доказывает, что она создает системы, которые клиент действительно может использовать.
Возьмите это: Демонстрируйте правила бренда, цветовые значения, шрифт, интервалы, а не только окончательный вариант. Технические характеристики показывают, кому дизайнерская студия может доверить реальную работу.
Дизайнеры-Иллюстраторы
Когда продаешь два навыка, есть риск, что сайт будет выглядеть разрозненным. Эти два навыка создают ощущение продуманного сочетания.
Megan Dunakin
Дизайн бренда и упаковки, иллюстрации.
Megan Dunakin Ее работа размещена на бледно-кремовом фоне с оригинальным логотипом, выполненным коралловым шрифтом, а затем начинается с фразы, которая действительно что-то говорит: дизайнер и иллюстратор, которая формирует бренды и визуальные образы через призму природы и человеческих взаимоотношений.
Вступление выполнено жирным шрифтом глубокого зеленого цвета без засечек, а теплая кремовая, коралловая и зеленая палитра продолжается в трехколоночной сетке, фирменном знаке и смелой иллюстрации упаковки. Albertsons, экран приложения.
Линия точки зрения — это то, что вы запоминаете, когда десять разных мест сливаются в одно целое. Это позиция, а не список навыков.
Возьмите это: Вступительное слово должно быть искренним и правдивым, а не просто названием должности. Точка зрения – это то, что клиент вспоминает, когда снова открывает вкладки.
Seth Hamlin
Дизайн и иллюстрация. Район залива Сан-Франциско.
Seth Hamlin Работа выполнена на темно-серо-зеленом холсте, где всю работу выполняют цветные иллюстрации, в стиле ретро. Hāpuna Туристический плакат, рыба-триггер, выполненная в технике цветовых блоков, макеты приложений.
Главный текст, "Дизайнер и иллюстратор, живущий в районе залива Сан-Франциско", выполнен жирным закругленным шрифтом без засечек, а все эскизы имеют одинаковый размер и рамку, расположенные в аккуратной сетке.
Секрет в этой последовательности. Поскольку каждая клетка имеет одинаковый вес, два навыка воспринимаются как дальность действия, а не как помеха.
Возьмите это: Если вы работаете в двух режимах, отображайте их в одной сетке с одинаковым размером миниатюр. В этом случае диапазон будет восприниматься как диапазон, а не как шум.
Дизайнеры, специализирующиеся на типографике и создании плакатов.
В работах такого стиля эстетика играет решающую роль. Эти сайты придерживаются единого стиля, позволяя громкости и последовательности его подчеркнуть.
To Sin
Графический дизайн и типографика.
To Sin Главная страница построена вокруг глянцевого полупрозрачного красного 3D-изображения спартанской кирасы на сером фоне, за которым виднеется крупный полупрозрачный логотип «THOSIN», а в углу — красный логотип «T».
Цветовая палитра сдержанная, монохромная, серая с одним красным акцентом, шрифт — жирный, сжатый, без засечек. Короткий абзац объясняет логотип: буква «Т», соединенная со спартанским нагрудником, — отсылка к фильму «300», а также к точности и эффектности.
Придание логотипу истории происхождения на главной странице превращает его в повествование и свидетельствует о том, что дизайнер думает о смысле, а не только о внешнем виде.
Возьмите это: На главной странице придумайте для своего логотипа двухстрочную историю его происхождения. Это покажет клиентам, что вы создаёте не просто знаки, а смысл.
Kolby Ip
Разработка дизайна плакатов и мерча для музыкальной индустрии.
Kolby Ip Вступление полностью отсутствует. Главная страница представляет собой сплошную стену из плакатов хардкорных и панк-концертов, флаеров EP и мерча групп — десятки элементов в неумолимой черно-красно-белой цветовой гамме.
Надписи на рекламном щите, выполненные в стиле "потертый текст", расположены вплотную друг к другу, посередине находится небольшая карточка "Kolby IP / Моя работа", а в навигационной панели — демонстрационный ролик.
Для такой нишевой и последовательной работы максималистский коллаж — это именно то, что нужно. Объём и единая эстетика — вот что отличает его: это всё, чем я занимаюсь, и занимаюсь этим очень много.
Возьмите это: Если ваше творчество выдержано в единой ярко выраженной эстетике, начните с плотной стены, построенной на ней. Объем плюс однородность сигнализируют о глубине, которую не может передать ни одно биографическое описание.
Дизайнеры клиентских и рекламных кампаний
Коммерческие работы оцениваются по тому, насколько успешно они нашли применение в реальном мире. Эти две работы демонстрируют их в контексте, а не в виде плоских макетов.
Katie Rogers
Фирменный стиль и дизайн рекламных кампаний.
Katie Rogers Работа над созданием фирменного стиля для реальных клиентов, полностью выдержанного в сине-зеленых тонах бренда. Cape Fear River Watch Некоммерческая организация, показанная работающей на ноутбуке, а также рекламная кампания музыкального продукта, создающего определенное настроение.
Макет выполнен в легких и воздушных нейтральных тонах, заголовок «Привет! Я Кэти. Давайте воплотим ваши идеи в жизнь» написан смелым шрифтом с засечками — редкий выбор среди шрифтов без засечек, — под нарисованной от руки монограммой «Kt». Цвет проекта выполняет основную функцию; интерфейс остается сдержанным.
Лучше всего представлять фирменный стиль на макете реального устройства. Это создает впечатление готового продукта, а не просто логотипа, висящего на печатной плате.
Возьмите это: Демонстрация фирменного стиля и результатов рекламной кампании в контексте, на экране, в процессе использования. Контекст подтверждает эффективность выполненной работы, чего никогда не сможет сделать простой логотип.
Matt Rich
Спортивный и брендовый графический дизайн.
Matt Rich В центре логотипа — розовый глазированный пончик, а надпись «Matt Rich» выполнена фиолетовым жирным закругленным шрифтом без засечек, слоган «Дизайнер, музыкант, пончик» оранжевым цветом — индивидуальность превыше всего.
Белый холст позволяет каждому проекту выделить свой собственный цвет на трехколоночной сетке – бирюзовый. Sky Bison концепция футболки Boston Red Sox графика игрока, а Toyota Рекламное письмо для дилерского центра.
Главное здесь — разнообразие: спорт, розничная торговля, прямая почтовая рассылка, а игривый брендинг придает сайту индивидуальность, которой не хватает большинству сайтов, посвященных дизайну.
Возьмите это: Пусть ваш собственный бренд будет обладать индивидуальностью, а затем продемонстрируйте реальный коммерческий потенциал, стоящий за ним. Голос в сочетании с разнообразием лучше, чем стена из одинаковых логотипов.
Что общего у лучших портфолио графических дизайнеров?
Если посмотреть на все 10 вариантов, то можно заметить, что решения повторяются. Ни одно из них не связано со вкусом. Все они направлены на то, чтобы не мешать работе.
- Точка зрения, изложенная в первой строке. Brandon Rankin«Четкий, последовательный дизайн» и Megan DunakinПодход «через призму природы» позволяет клиенту понять ход мыслей еще до начала работы над проектом. Должность этого не делает.
- Работа ведёт, а биография ждёт. Julie Aabye и Kolby Ip В обоих случаях работа размещается вверху, а история — на одну прокрутку вниз. Арт-директора принимают решение о работе за считанные секунды.
- На каждом объекте должна быть одна сбалансированная палитра. To Sinсеро-красный и Seth HamlinТемный фон позволяет сохранить цвет в системе, благодаря чему работа остается яркой, а интерфейс — тихим.
- Системы и контекст, а не только финалы. Frances Krutsky показывает технические характеристики бренда и Katie Rogers демонстрирует работу конструкции на макете устройства, доказывая не только её привлекательный внешний вид, но и работоспособность дизайна.
- При использовании единообразных сеток диапазон читается как диапазон. Seth Hamlin и Matt Rich Демонстрация разнообразных работ с использованием ровных плиток одинакового размера позволяет воспринимать разнообразие как универсальность, а не как беспорядочность.
- Скорость и мобильность — это не выбор. Дизайнеры экспортируют слишком много файлов. Тяжелые файлы зависают на телефонах, с которых заходит большинство посетителей, поэтому, прежде чем считать сайт готовым, сожмите их и протестируйте на маленьком экране.
Как структурировать портфолио графического дизайнера по целям
Портфолио для поиска работы в штате компании строится иначе, чем портфолио для фрилансеров. Определите, для чего предназначен сайт, а затем структурируйте его в соответствии с этой целью.
Если вы продаёте шаблоны или шрифты, Pixpa's Интернет-магазин не взимает комиссию с продаж, поэтому этот ряд стоит создавать в первую очередь.
Распространенные ошибки при составлении портфолио графического дизайнера, которых следует избегать.
Пять вещей, которые легко упустить из виду, но быстро исправить.
- Стена с логотипами без какого-либо контекста. Сетка меток без описания задачи, роли или результата ничего не говорит арт-директору. Добавьте две строки контекста для каждого проекта, и работа начнет выполнять свою функцию.
- Единая лента для работы с клиентами и личных проектов. Смешивание платных заказов с личными экспериментами вводит в заблуждение как потенциального клиента студии, так и клиента бренда. Разделите их, чтобы каждый посетитель видел работу, предназначенную именно ему.
- Завершенные монтажные области без какой-либо обработки. Главный признак начинающего специалиста — это портфолио. Покажите эскизы, варианты решения задач и логическое обоснование — именно это доказывает вашу способность решать проблемы.
- Без альтернативного текста и ленивых названий файлов. Поисковые системы и искусственный интеллект не видят дизайн, только его альтернативный текст и имя файла. «final_v3.jpg» ничего не говорит; «albertsons be well packaging illustration» говорит о том, что это такое, и помогает найти файл.
- Скрытый контактный путь. Клиент, не нашедший кнопку "Задать вопрос", нанимает дизайнера, который сделал её очевидной. Разместите контактную информацию в навигации и отвечайте быстро.
Как создать собственное портфолио графического дизайнера
Вам не нужно писать код или нанимать разработчика.
- Начните бесплатный пробный период, кредитная карта не требуется.
- Выберите один из Pixpa's шаблоны веб-сайтов для графического дизайна.
- Загрузите свои работы и сгруппируйте их по тематическим исследованиям или категориям.
- Добавьте страницу «О нас» с информацией о вашем местоположении, а также магазин, если вы продаете шаблоны или шрифты.
- Подключите свой домен, проверьте его на телефоне и опубликуйте. Подробное пошаговое руководство смотрите здесь. как создать портфолио графического дизайнера.
Выводы
Успешные сайты для дизайнеров — это не те, которые бросаются в глаза. Это те, которые не мешают: сначала лучшие работы, четкая точка зрения, единая, выверенная цветовая палитра и очевидный способ связаться с дизайнером.
Все представленные выше сайты начинались с одного дизайнера, набора проектов и шаблона. Если у вас есть опыт, создание сайта — это самая простая часть.
Оформите портфолио, которого оно заслуживает, бесплатно в течение 15 дней.
Часто задаваемые вопросы о сайте-портфолио графического дизайнера
Что должно включать в себя портфолио на сайте графического дизайнера?
Ваши лучшие проекты должны представлять собой краткие тематические исследования с описанием задачи, вашей роли и результата, четким изложением вашей деятельности, страницей «О нас», контактной информацией и магазином, если вы продаете шаблоны или шрифты.
Кураторство важнее объема: то, что вы исключаете, влияет на восприятие текста так же сильно, как и то, что вы включаете.
Сколько проектов должно быть в портфолио графического дизайна?
Большинство работающих дизайнеров демонстрируют от восьми до двенадцати работ. Выбранная удачная подборка воспринимается лучше, чем длинный список, в котором посетителю предлагается самостоятельно найти лучшие работы. Ваша репутация зависит от вашей самой слабой видимой работы.
Где можно найти примеры портфолио графических дизайнеров для вдохновения?
Просмотрите полный набор Примеры портфолио графического дизайнераКаждый из них — это действующий сайт, созданный работающим дизайнером для воплощения идей по макету, цветовой гамме и структуре.
Сколько стоит сайт-портфолио для графического дизайнера?
Pixpa Стоимость подписки начинается от 5.40 долларов в месяц при годовом базовом плане, с 15-дневным бесплатным пробным периодом, без необходимости предоплаты карты и с 30-дневной гарантией возврата денег. последние цены разбито по уровням.
Какая платформа лучше всего подходит для сайта-портфолио графического дизайнера?
Единой лучшей платформы не существует. Pixpa Подходит для дизайнеров, которым нужно портфолио, галереи работ клиентов и магазин без комиссий в одном месте, с шаблонами, ориентированными на дизайн, и поддержкой в режиме реального времени от специалистов.
Squarespace Подходит тем, кто хочет иметь самый большой рынок шаблонов; Format и Pixieset Склоняюсь к фотографам.
Нужен ли мне собственный домен для портфолио графического дизайнера?
Да, для работы с клиентами это приемлемо. Собственный домен создает впечатление, что вы профессионал в своей области, а не любитель, и несколько дизайнеров, упомянутых выше, используют именно его.