8 лучших портфолио графического дизайна с рекомендациями по шаблонам

Портфолио графического дизайна — это наиболее эффективный способ рассказать о том, что вы можете предложить потенциальным клиентам.

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

Давайте углубимся в это.

Лучшие портфолио графического дизайна (+ рекомендуемые шаблоны)

01. Лотта Ниеминен

Лотта Ниеминен — финский графический дизайнер и известный автор нескольких детских книг, а также тезка агентства графического дизайна.

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

Основные моменты этого портфолио графического дизайна

• Рамки придают портфолио дизайн художественной книги
• Границы также действуют как меню со ссылками на основные страницы.
• Крупные изображения помогают выделить элементы портфолио
• Макет сетки позволяет использовать элегантные карточки с описанием, сопровождающие каждый элемент.

Рекомендуемый шаблон портфолио: ГРАНИЦА

BORDER — это тема WordPress, дизайн которой имеет толстую белую рамку вокруг окна просмотра. Эта граница существует по всей теме.

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

Кроме того, BORDER — это тема фотографии, поэтому она также поставляется с несколькими шаблонами галерей и портфолио, а также полноэкранной кнопкой, которую посетители могут использовать для удаления границы на страницах галереи.

02. Нетипичный креатив

Atypikal Creative — агентство креативного дизайна, отвечающее за брендинг, веб-дизайн, дизайн социальных сетей, контент и многое другое для брендов, которые их нанимают.

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

Основные моменты этого портфолио графического дизайна

• Вертикальный ползунок
• Дизайн с разделенным экраном позволяет агентству демонстрировать несколько дизайнов на небольшом пространстве.
• Краткое описание работы, связанной с каждой коллекцией дизайна
• Простой белый фон в сочетании с черным шрифтом без засечек удерживает внимание посетителя на красочном дизайне в центре каждого слайда.

Рекомендуемый шаблон портфолио: Simpleux

Simpleux — это HTML-шаблон веб-сайта портфолио. У него нет дизайна с разделенным экраном, но он поставляется с несколькими демонстрациями домашней страницы с вертикальным слайдером, предназначенными для демонстрации портфолио.

Шаблон построен на основе Bootstrap и включает в себя все файлы для HTML, CSS, Adobe XD и других.

Он имеет более дюжины демонстрационных страниц для домашних страниц портфолио, страниц сетки и галереи и многого другого, а также имеет несколько фоновых эффектов.

03. Монография

Monograph — студия дизайна, основанная чикагским дизайнером Мэттом Эйвери. У Эйвери уже было внушительное портфолио до основания этой компании, и оно выросло только под названием Monograph.

Monograph специализируется на дизайне для публикаций, в частности, на обложках для научно-популярных книг, включая 17-е издание Чикагского руководства по стилю.

Основные моменты этого портфолио графического дизайна

• Использует перекрывающиеся дизайны обложек книг для создания коллажа.
• На каждой обложке книги можно щелкнуть, чтобы просмотреть отдельную страницу каждого проекта, несмотря на наложения.
• На сайте используется простой минималистичный дизайн, поэтому ваш взгляд притягивает коллаж из обложек книг.

Рекомендуемый шаблон портфолио: Tahoe

Tahoe — тема WordPress для креативного портфолио. Он поставляется с несколькими макетами портфолио, один из которых имеет каменную сетку.

В нем нет перекрывающихся слоев, как в монографии, но он плотно сжимает каждый элемент портфолио без промежутков между ними.

Слева есть даже простая боковая панель, позволяющая вашему портфолио доминировать над дизайном страницы.

04. Армия дизайна

Design Army — многопрофильное дизайнерское агентство. Они занимаются всем, от фирменного стиля, художественного направления и рекламы до дизайна одежды, веб-дизайна и контента в социальных сетях.

Они получили десятки наград и работали с такими клиентами, как Adobe, Bloomingdale's, Disney, Netflix, PepsiCo и Human Rights Campaign.

Основные моменты этого портфолио графического дизайна

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

Рекомендуемый шаблон портфолио: Cygni

Cygni — это интерактивный шаблон для демонстрации портфолио. Его макеты представлены в темном и светлом стилях.

В каждом макете используются полноэкранные дисплеи и тонкие, сложные стили. Один из светлых стилей напоминает портфолио домашней страницы Design Army.

Он имеет большой полноэкранный слайдер, который плавно скользит по вертикали, но им можно управлять, прокручивая его по вертикали или по горизонтали.

Как и на веб-сайте Design Army, на нем также есть скрытое меню, с которым вам нужно взаимодействовать, чтобы открыть его.

05. Эмбер Сюй

Эмбер Сюй — арт-директор, моушн-дизайнер и иллюстратор из Нью-Йорка. Она создает иллюстрации и анимационные проекты для брендов и изданий.

Среди ее клиентов такие имена, как The Wall Street Journal , Tylenol, Unilever, Google, Amazon, Shopify и Xerox.

Она выиграла и была номинирована на множество наград, включая London Independent Film Awards, Largo Film Awards и National Digital Arts Design Competition.

Основные моменты этого портфолио графического дизайна

• Макет сетки
• Элементы портфолио чередуются по схеме: два столбца, за которым следует один столбец.
• Нет пробела между элементами и столбцами, поэтому элементы портфолио перетекают друг в друга.
• У Сюй есть определенный стиль, поэтому каждый элемент портфолио кажется частью большой головоломки.
• Заголовок с лозунгом областей знаний и местонахождения Сюй является единственным другим элементом контента на странице, что позволяет портфолио быть в центре внимания главной страницы веб-сайта.

Рекомендуемый шаблон портфолио: Werkstatt

Werkstatt — это креативная тема WordPress для портфолио с несколькими демонстрациями. Одна из этих демонстраций очень похожа на домашнюю страницу Эмбер Сюй, где представлено ее портфолио.

Эта демонстрация имеет простой заголовок в стиле слогана в верхней части страницы и сетку портфолио внизу.

Элементы в портфолио не имеют пробелов, что придает ему вид, похожий на дизайн портфолио Сюй.

06. Анастасия Гуленко

Анастасия Гуленко — арт-директор из Парижа. Она занимается художественным направлением и визуальным повествованием для многих брендов, беря на себя управление брендингом, веб-дизайном, рекламными фотографиями, видео, иллюстрациями и многим другим.

Среди ее клиентов Lush, On the Wild Side, Jowae и The Chef's Magazine (Elle et Vire).

Основные моменты этого портфолио графического дизайна

• Интерактивный. Изображение предварительного просмотра накладывается на экран при наведении курсора на каждый проект.
• Нейтральные цвета позволяют работам Гуленко выделяться на экране.
• Элегантный выбор шрифта с засечками дополняет шикарный и изысканный стиль дизайна Гуленко.
• Каждый элемент портфолио помечен основной задачей, за которую отвечал художник, то есть «Художественное руководство».

Рекомендуемый шаблон портфолио: Rolly

Rolly — тема WordPress для креативного портфолио с несколькими демонстрационными страницами. Одна из этих демонстраций имеет уникальный дизайн, напоминающий страницу портфолио Гуленко.

Он также имеет интерактивный список кликабельных элементов. Когда вы наводите курсор на каждый элемент, за списком появляется полноэкранное изображение, полностью заменяющее дизайн страницы.

Демонстрация даже имеет место на этой странице для ссылок на социальные сети.

07. Пентаграмма

Pentagram — крупная студия дизайна, основанная в 1972 году. Это многонациональная команда, состоящая из десятков дизайнеров, сотрудников и партнеров. Они занимаются фирменным стилем и дизайном для рекламных кампаний.

Среди их прошлых клиентов были Национальная художественная галерея, Graphcore Hardware, The Paris Review, Hennessy VSOP и Shake Shack.

Они также разработали логотип для фильма 2016 года « Фантастические твари и где они обитают».

Основные моменты этого портфолио графического дизайна:

• Ползунок героя в верхней части портфолио выделяет проекты, которыми агентство особенно гордится.
• Макет сетки Masonry демонстрирует остальную часть портфолио
• При наведении курсора на каждый элемент портфолио открывается описание выполняемой работы.

Рекомендуемый шаблон портфолио: Brynn

Brynn — креативная тема для портфолио WordPress. Он имеет несколько макетов, в которых используется сетка каменной кладки, некоторые из которых похожи на тот, который использует Pentagram.

Вы даже можете создавать категории для своего портфолио и позволять посетителям фильтровать его по этим категориям.

Тема также имеет макеты для других страниц вашего сайта, включая страницы блога, служб и команд.

08. Метадизайн

MetaDesign — креативное бренд-агентство, которое предлагает своим клиентам брендинг, фирменный стиль и художественное направление. Это более крупное агентство с семью офисами, расположенными в Китае, Германии, Швейцарии и США.

Среди прошлых клиентов компании были Нью-Йоркский филармонический оркестр, 23andMe, Kohler, Coca-Cola, Volkswagen, Lacoste и Porsche.

Основные моменты этого портфолио графического дизайна

• Простая сетка
• Включает раздел, в котором несколько элементов портфолио кажутся больше, чтобы выделить избранные проекты.
• Каждый элемент портфолио помечен основной целью агентства для каждого проекта.
• Веб-дизайн портфолио включает в себя тонкую боковую панель со ссылкой на страницу «О компании». Аналогичная боковая панель включена на эту страницу для продвижения рабочей страницы компании.

Рекомендуемый шаблон портфолио: Zugan

Zugan — это тема WordPress с минимальным портфолио и шаблон Bootstrap 4. Он имеет множество демонстраций домашней страницы и 36 демонстраций для портфолио в четырех разных стилях.

Демонстрации портфолио очень похожи на дизайн портфолио MetaDesign, и есть несколько демонстраций домашней страницы, которые похожи на общий дизайн компании.

В этом дизайне есть разделы, которые вы можете использовать для выделения конкретных проектов и перечисления остальных в сетке внизу. У него даже есть боковые панели, которые вы можете использовать для дополнительного контента.

Последние мысли

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

Создайте портфолио, в котором будут представлены ваши лучшие работы и ваше уникальное чувство стиля графического дизайнера.

Затем решите, как вы хотите построить свое портфолио графического дизайна. Некоторые из этих шаблонов относятся к WordPress и требуют установки хостинга, оптимизированного для WordPress.

Другие шаблоны основаны на Bootstrap и требуют работы опытного веб-разработчика.

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