템플릿 권장 사항이 포함된 8가지 최고의 그래픽 디자인 포트폴리오

그래픽 디자인 포트폴리오는 잠재 고객에게 제공할 수 있는 것을 가장 효과적으로 전달할 수 있는 방법입니다.

이 게시물에서는 실제 그래픽 디자인 포트폴리오와 유사한 디자인을 달성하는 데 도움이 되는 템플릿을 보여줍니다.

들어가 봅시다.

최고의 그래픽 디자인 포트폴리오(+ 권장 템플릿)

01. 로타 니에미넨

Lotta Nieminen은 핀란드의 그래픽 디자이너이자 여러 아동 도서의 저명한 작가이자 그래픽 디자인 에이전시의 이름을 딴 사람입니다.

Lotta Nieminen 스튜디오는 브랜딩 및 아트 디렉션을 전문으로 하며 전 세계 여러 브랜드의 그래픽 디자인 디렉션을 책임지고 있지만 스튜디오는 주로 파리와 뉴욕시에 있습니다.

이 그래픽 디자인 포트폴리오의 하이라이트

• 테두리는 포트폴리오에 아트북 디자인을 제공합니다.
• 테두리는 필수 페이지에 대한 링크가 있는 메뉴 역할도 합니다.
• 큰 이미지는 포트폴리오 항목을 돋보이게 하는 데 도움이 됩니다.
• 그리드 레이아웃은 각 항목과 함께 우아한 설명 카드를 허용합니다

추천 포트폴리오 템플릿: BORDER

BORDER는 표시 영역 주위에 두꺼운 흰색 테두리가 있는 디자인의 WordPress 테마입니다. 이 테두리는 전체 테마에 걸쳐 존재합니다.

사이트 로고, 탐색 메뉴, 소셜 미디어 아이콘 및 바닥글의 홈으로 사용됩니다.

또한 BORDER는 핵심적인 사진 테마이므로 방문자가 갤러리 페이지의 테두리를 제거하는 데 사용할 수 있는 전체 화면 버튼과 함께 여러 갤러리 및 포트폴리오 템플릿도 함께 제공됩니다.

02. 비정형 크리에이티브

Atypikal Creative는 그들을 고용하는 브랜드의 브랜딩, 웹 디자인, 소셜 미디어 디자인, 콘텐츠 등을 담당하는 크리에이티브 디자인 에이전시입니다.

그들의 웹사이트 디자인은 Awwwards를 포함한 온라인 대회 및 조직에서 수상, 가작 및 지명을 받았습니다.

이 그래픽 디자인 포트폴리오의 하이라이트

• 수직 슬라이더
• 분할 화면 디자인을 통해 에이전시는 작은 공간에서 여러 디자인을 선보일 수 있습니다.
• 각 디자인 컬렉션에 수반되는 작업에 대한 간략한 설명
• 검정색의 산세리프 글꼴과 짝을 이루는 단순한 흰색 배경은 방문자가 각 슬라이드 중앙의 다채로운 디자인에 집중하도록 합니다.

권장 포트폴리오 템플릿: Simpleux

Simpleux는 HTML 포트폴리오 웹사이트 템플릿입니다. 분할 화면 디자인은 없지만 포트폴리오를 보여주기 위해 설계된 여러 수직 슬라이더 홈페이지 데모가 함께 제공됩니다.

템플릿은 Bootstrap을 기반으로 제작되었으며 HTML, CSS, Adobe XD 등에 대한 모든 파일을 포함합니다.

포트폴리오 홈페이지, 그리드 및 갤러리 페이지 등을 위한 12개 이상의 데모 페이지가 있으며 여러 배경 효과가 제공됩니다.

03. 모노그래프

Monograph는 시카고에 기반을 둔 디자이너 Matt Avery가 설립한 디자인 스튜디오입니다. Avery는 이 회사를 설립하기 전에 이미 인상적인 포트폴리오를 가지고 있었고 Monograph라는 이름으로 성장했습니다.

Monograph는 출판용 디자인, 특히 Chicago Manual of Style의 17판을 포함하여 논픽션용 책 표지 디자인을 전문으로 합니다.

이 그래픽 디자인 포트폴리오의 하이라이트

• 겹치는 책 표지 디자인을 사용하여 콜라주 만들기
• 중복에도 불구하고 각 책 표지를 클릭하여 각 프로젝트의 개별 페이지를 볼 수 있습니다.
• 사이트는 심플하고 미니멀한 디자인을 사용하여 책 표지의 콜라주에 시선을 사로잡습니다.

추천 포트폴리오 템플릿: Tahoe

Tahoe는 창의적인 포트폴리오 WordPress 테마입니다. 여러 포트폴리오 레이아웃과 함께 제공되며 그 중 하나는 벽돌 그리드를 특징으로 합니다.

Monograph와 같이 겹치는 레이어가 없지만 각 포트폴리오 항목을 사이에 공백 없이 촘촘하게 압축합니다.

왼쪽에 간단한 사이드바도 있어 포트폴리오가 페이지 디자인을 지배할 수 있습니다.

04. 디자인 아미

디자인아미는 다목적 디자인 에이전시입니다. 그들은 브랜드 아이덴티티, 아트 디렉션 및 광고에서 패션 디자인, 웹 디자인 및 소셜 미디어 콘텐츠에 이르기까지 모든 것을 처리합니다.

그들은 수십 개의 상을 수상했으며 Adobe, Bloomingdale's, Disney, Netflix, PepsiCo 및 Human Rights Campaign과 같은 고객과 협력했습니다.

이 그래픽 디자인 포트폴리오의 하이라이트

• 대화형 수평 슬라이더
• 각 슬라이드는 전체 너비 보기에서 표시 영역을 채웁니다.
• 메인 탐색 메뉴는 미니멀한 방식으로 숨겨져 있습니다.
• 이미지는 고품질이며 대담한 아트 스타일의 대행사의 일관된 사용을 나타냅니다.

추천 포트폴리오 템플릿: Cygni

Cygni는 인터랙티브 포트폴리오 쇼케이스 템플릿입니다. 레이아웃은 어둡고 밝은 스타일로 제공됩니다.

각 레이아웃은 전체 화면 디스플레이와 얇고 정교한 스타일을 사용합니다. 라이트 스타일 중 하나는 Design Army의 홈페이지 포트폴리오와 유사합니다.

부드러운 애니메이션에서 수직으로 슬라이드하지만 수직 또는 수평으로 스크롤하여 제어할 수 있는 큰 전체 화면 슬라이더가 있습니다.

Design Army의 웹사이트와 마찬가지로 이 웹사이트에도 공개하기 위해 상호 작용해야 하는 숨겨진 메뉴가 있습니다.

05. 앰버 쉬

Amber Xu는 뉴욕에 거주하는 아트 디렉터, 모션 디자이너 및 일러스트레이터입니다. 그녀는 브랜드와 출판물을 위한 일러스트레이션과 애니메이션 프로젝트를 만듭니다.

그녀의 고객은 Wall Street Journal , Tylenol, Unilever, Google, Amazon, Shopify 및 Xerox와 같은 이름을 포함합니다.

그녀는 런던 독립 영화상(London Independent Film Awards), 라르고 영화상(Largo Film Awards) 및 전국 디지털 예술 디자인 대회(National Digital Arts Design Competition)를 비롯한 여러 상을 수상했으며 후보로 지명되었습니다.

이 그래픽 디자인 포트폴리오의 하이라이트

• 그리드 레이아웃
• 포트폴리오 항목은 패턴으로 번갈아 나타납니다: 두 개의 열과 하나의 열
• 항목과 열 사이에 공간이 없으므로 포트폴리오 항목이 서로 흐릅니다.
• Xu에는 정의된 스타일이 있으므로 각 포트폴리오 항목은 더 큰 퍼즐의 조각처럼 느껴집니다.
• Xu의 전문 분야 및 위치에 대한 태그라인이 포함된 헤더는 페이지의 유일한 콘텐츠이므로 포트폴리오가 웹사이트 홈페이지의 초점이 될 수 있습니다.

권장 포트폴리오 템플릿: Werkstatt

Werkstatt는 여러 데모가 있는 창의적인 포트폴리오 WordPress 테마입니다. 이 데모 중 하나는 Amber Xu의 포트폴리오가 소개된 홈페이지와 매우 유사합니다.

이 데모는 페이지 상단에 간단한 태그라인 스타일 헤더가 있고 하단에 그리드 포트폴리오가 있습니다.

포트폴리오 내의 항목에는 공백이 없어 Xu의 포트폴리오 디자인과 유사한 모양을 제공합니다.

06. 아나스타시야 굴렌코

Anastasiia Gulenko는 파리에서 활동하는 아트 디렉터입니다. 그녀는 브랜딩, 웹 디자인, 판촉 사진, 비디오, 일러스트레이션 등을 관리하면서 많은 브랜드의 아트 디렉션과 시각적 스토리텔링을 담당합니다.

그녀의 고객 중에는 Lush, On The Wild Side, Jowae 및 The Chef's Magazine(Elle et Vire)이 있습니다.

이 그래픽 디자인 포트폴리오의 하이라이트

• 인터렉티브. 각 프로젝트 위로 마우스를 가져가면 미리보기 이미지가 화면 위에 오버레이됩니다.
• 뉴트럴 컬러는 Gulenko의 작품이 화면에 나타날 때 눈에 띄게 해줍니다.
• 우아한 세리프 글꼴 선택은 Gulenko의 세련되고 세련된 디자인 스타일을 보완합니다.
• 각 포트폴리오 항목에는 아티스트가 담당한 주요 작업(예: "아트 디렉션")이 표시됩니다.

추천 포트폴리오 템플릿: 롤리

Rolly는 여러 페이지 데모가 있는 창의적인 포트폴리오 WordPress 테마입니다. 그 데모 중 하나는 Gulenko의 포트폴리오 페이지와 유사한 독특한 디자인을 가지고 있습니다.

또한 클릭 가능한 항목의 대화형 목록이 있습니다. 각 항목 위로 마우스를 가져가면 목록 뒤에 전체 화면 이미지가 나타나 페이지 디자인을 완전히 대체합니다.

데모는 이 페이지에 소셜 미디어 링크를 위한 자리도 있습니다.

07. 펜타그램

Pentagram은 1972년에 설립된 주요 디자인 스튜디오입니다. 그들은 수십 명의 디자이너, 동료 및 파트너로 구성된 다국적 팀입니다. 그들은 프로모션 캠페인을 위한 브랜드 아이덴티티와 디자인을 처리합니다.

과거 고객 중 일부는 National Gallery of Art, Graphcore Hardware, The Paris Review, Hennessy VSOP 및 Shake Shack을 포함했습니다.

그들은 또한 2016년 영화 < 신비한 동물사전>의 로고와 그들을 찾을 수 있는 곳을 디자인했습니다.

이 그래픽 디자인 포트폴리오의 하이라이트:

• 포트폴리오 상단의 영웅 슬라이더는 에이전시가 특히 자랑스러워하는 프로젝트를 강조 표시합니다.
• 벽돌 그리드 레이아웃은 포트폴리오의 나머지 부분을 보여줍니다.
• 각 포트폴리오 항목에 마우스를 가져가면 관련된 작업에 대한 설명이 표시됩니다.

권장 포트폴리오 템플릿: Brynn

Brynn은 창의적인 WordPress 포트폴리오 테마입니다. 석조 그리드를 사용하는 여러 레이아웃이 있으며 그 중 일부는 Pentagram이 사용하는 것과 유사합니다.

포트폴리오에 대한 범주를 만들고 방문자가 해당 범주별로 필터링하도록 할 수도 있습니다.

테마에는 블로그, 서비스 및 팀 페이지를 포함하여 사이트의 다른 페이지에 대한 레이아웃도 있습니다.

08. 메타디자인

MetaDesign은 브랜딩, 브랜드 아이덴티티 및 아트 디렉션을 고객에게 제공하는 크리에이티브 브랜드 에이전시입니다. 그들은 중국, 독일, 스위스 및 미국에 7개의 사무실이 있는 더 큰 대행사입니다.

회사의 과거 고객 중 일부는 New York Philharmonic, 23andMe, Kohler, Coca-Cola, Volkswagen, Lacoste 및 Porsche를 포함합니다.

이 그래픽 디자인 포트폴리오의 하이라이트

• 간단한 그리드 레이아웃
• 주요 프로젝트를 강조하기 위해 몇 가지 포트폴리오 항목이 더 크게 표시되는 섹션을 포함합니다.
• 각 포트폴리오 항목에는 각 프로젝트에 대한 대행사의 주요 목표가 표시되어 있습니다.
• 포트폴리오의 웹 디자인에는 회사의 정보 페이지에 대한 링크를 강조하는 얇은 사이드바가 포함되어 있습니다. 회사의 작업 페이지를 홍보하기 위해 유사한 사이드바가 이 페이지에 포함되어 있습니다.

추천 포트폴리오 템플릿: Zugan

Zugan은 최소 포트폴리오 WordPress 테마 및 Bootstrap 4 템플릿입니다. 네 가지 스타일의 포트폴리오에 대한 많은 홈페이지 데모와 36개의 데모가 있습니다.

포트폴리오 데모는 MetaDesign의 포트폴리오 디자인과 상당히 유사하며, 회사의 전체 디자인과 유사한 홈페이지 데모가 몇 개 있습니다.

이 디자인에는 특정 프로젝트를 강조 표시하고 아래의 그리드 레이아웃에 나머지를 나열하는 데 사용할 수 있는 섹션이 있습니다. 추가 콘텐츠에 사용할 수 있는 사이드바도 있습니다.

마지막 생각들

귀하의 작업이나 클라이언트의 작업을 나타내는 올바른 디자인을 선택하는 것은 쉽지 않습니다. 프로젝트를 나타내는 데 사용하는 이미지도 중요하지만 이를 보여주는 데 사용하는 디자인도 중요합니다.

최고의 작품을 보여주고 그래픽 디자이너로서의 독특한 스타일 감각을 나타내는 포트폴리오를 만드십시오.

그런 다음 그래픽 디자인 포트폴리오를 구축할 방법 을 결정하십시오. 이러한 템플릿 중 일부는 WordPress에만 해당되며 WordPress에 최적화된 호스팅 설정이 필요합니다.

다른 템플릿은 Bootstrap을 기반으로 하며 숙련된 웹 개발자의 작업이 필요합니다.

무엇보다도 그래픽 디자이너로서의 자신과 고객에게 제공할 수 있는 결과를 가장 잘 전달할 수 있는 포트폴리오 템플릿을 선택하십시오.