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