포트폴리오는 이력서와 같은 디지털 방식입니다. 여기에서 잠재적 고용주가 쉽게 검색하여 귀하가 해당 직업에 적합한지 확인할 수 있는 방식으로 귀하의 모든 기술, 지식 및 경험을 과시할 수 있습니다.
그러나 실제 이력서와 마찬가지로 포트폴리오도 잘 디자인되고 전문적으로 제시되어야 인상을 남길 수 있습니다. 다음은 포트폴리오를 멋지게 만드는 데 도움이 되는 몇 가지 디자인 팁입니다.
1. 디자인 요소 사이에 공백 포함
포트폴리오를 만들 때 모든 것을 쑤셔넣고 싶은 유혹이 있습니다. 그러나 잠재 고객이나 채용 담당자를 끌어들이기 위해 우아하고 전문적인 모습을 원할 경우 공백을 사용하여 콘텐츠가 페이지에서 적절하게 배치되도록 하고 싶을 것입니다.
공백은 디자인 요소 사이의 빈(음수) 공간을 의미합니다. 서로 다른 종류의 콘텐츠를 구분하는 데 도움이 됩니다. 예를 들어 페이지의 왼쪽에 이미지가 있고 오른쪽에 단락이 있는 경우 두 단락 사이의 공백으로 인해 하나가 끝나는 위치와 다음이 시작되는 위치가 명확해집니다.
기본적으로 디자인, 텍스트 또는 이미지 요소가 조직적인 방식으로 페이지 전체에 분산되도록 하는 데 도움이 됩니다. 이렇게 하면 방문자가 콘텐츠를 쉽게 스캔할 수 있고 콘텐츠가 복잡하거나 압도적으로 보이는 것을 방지할 수 있습니다.
2. 당신이 하는 일에 맞는 테마를 선택하세요
포트폴리오 웹사이트를 만드는 데 있어 정답은 없습니다. 당신은 당신이 보여주려고 하는 것과 당신의 목표가 무엇인지 생각해야 합니다.
예를 들어 사진 작가라면 여백이 많고 잘 디자인된 사진 갤러리가 있는 테마를 선택하세요. 당신이 작가이고 사람들이 당신의 기사를 읽기를 바란다면 읽기 쉬운 섹션이 있는 블로그 형식이나 주제를 선택하는 것이 좋습니다.
코딩에 시간을 들이지 않고도 포트폴리오를 쉽게 구축할 수 있도록 도와주는 무료 포트폴리오 웹사이트 제작자 가 많이 있습니다. 주변을 살펴보고 어떤 것이 자신에게 적합한지 알아보기 위해 몇 가지 다른 것을 시도해 볼 가치가 있습니다.
3. 포트폴리오에 적합한 서체 또는 글꼴 얻기
웹 디자인을 위한 글꼴을 선택할 때 가독성, 가독성, 감정 및 톤과 같은 몇 가지 요소를 고려해야 합니다. 일부 글꼴은 제목과 헤드라인에 적합하지만 본문에는 그다지 좋지 않습니다.
창의적인 프로젝트에 적합한 글꼴을 선택하는 방법을 이해하는 것이 중요합니다 . 때로는 서로 다른 텍스트 요소에 대해 여러 글꼴을 선택하는 것이 좋습니다. 즉, 단일 글꼴은 웹 사이트의 여러 영역에서 작동하여 응집력과 전반적으로 즐거운 시각적 경험을 제공할 수 있습니다.
예를 들어, 비즈니스 지향적인 포트폴리오 사이트를 구축하려는 경우 Helvetica (또는 Arial )와 같은 인기 있는 사이트가 잘 작동할 것입니다. 그러나 약간의 예술적 감각과 함께 좀 더 캐주얼하고 개인적인 것을 원한다면 Bogart 또는 Argesta 가 더 나은 선택일 수 있습니다.
이러한 서체는 웹사이트에 약간의 개성을 더하고 덜 답답해 보일 수 있습니다. 또한 사이트에 있는 다른 시각 자료의 미학과 더 잘 맞을 수 있으며, 이는 더 강력한 전체 디자인 효과를 만드는 데 도움이 될 수 있습니다. 더 나은 글꼴을 선택 하는 데 도움이 되도록 사용할 글꼴과 함께 사용하는 방법을 선택하는 데 도움이 되는 전략 목록을 작성 했습니다.
4. 전문적인 얼굴 사진과 이미지 사용
프로필 사진은 사람들이 포트폴리오를 방문할 때 가장 먼저 보게 될 것입니다. 미소와 여유로움을 가능한 한 가장 잘 보여주는 전문적인 사진을 사용하십시오. 프로필 사진이 잘 보이도록 배경이 밝은지 확인하세요.
이미지와 관련하여 모든 이미지가 고품질이고 잘려졌는지 확인하십시오. 작동하지 않는 이미지 요소가 있는 경우 온라인 사진 편집 도구를 사용하여 변경해 보십시오 .
5. 카드 레이아웃으로 작업 과시
사람들이 너무 깊이 파고 들지 않고도 작업을 잘 이해할 수 있도록 하려면 웹 사이트에 카드 레이아웃을 사용하는 것이 좋습니다. 이것은 눈이 쉽게 따라갈 수 있는 단순한 격자이며 방문자를 압도하지 않고 이미지와 텍스트를 적절하게 조합할 수 있습니다.
카드는 프로젝트의 가장 중요한 부분을 강조하는 작은 정보 패키지와 같기 때문에 다른 콘텐츠를 헤매지 않고도 빠르고 쉽게 사용할 수 있습니다. 이를 통해 방문자는 한 입 크기로 귀하의 콘텐츠에 대해 자세히 알아볼 수 있습니다. 그들은 또한 귀하의 사이트가 아름답게 보이도록 도와줍니다!
여러 작업이 있는 경우 각 프로젝트에 대해 별도의 페이지를 만드는 것이 좋습니다. 이렇게 하면 단일 카드에 너무 많은 정보가 들어 있어 부담이 되지 않습니다. 이 레이아웃은 더 많은 창의성과 유연성을 허용하며, 이는 다양한 프로젝트를 강조할 때 중요합니다.
6. 시각적 계층 패턴 활용
포트폴리오를 만들 때 고려해야 할 가장 중요한 디자인 개념 중 하나는 시각적 계층 구조입니다. 시각적 계층은 페이지의 요소를 교묘하게 배열한 것입니다. 이를 확인하는 한 가지 방법은 색상 대비 및 배율을 사용하는 것입니다. 즉, 일부 디자인 요소를 다른 요소보다 크게 만들거나 다른 요소에 비해 특정 디자인 요소에 더 많은 색상을 사용할 수 있습니다.
방문자가 페이지를 스캔하는 방법에는 일반적으로 F 패턴(텍스트가 많은 웹 페이지에 이상적)과 Z 패턴(더 많은 시각적 요소가 있는 페이지에 적합)의 두 가지가 있습니다. 포트폴리오를 디자인할 때 이러한 패턴을 염두에 두는 것이 중요합니다. 방문자의 주의를 각 페이지의 가장 중요한 정보로 안내하는 데 도움이 되기 때문입니다.
예를 들어, 요소를 F자 패턴으로 구성하여 방문자가 먼저 보고 싶은 것을 볼 수 있도록 할 수 있습니다. 각 페이지의 왼쪽 상단에는 다른 후보자와 차별화되는 귀하의 이름이나 얼굴 사진을 포함할 수 있습니다. 각 페이지의 왼쪽 하단에서 방문자가 연락처 정보를 확인하여 귀하와 협력하는 방법에 대해 자세히 알고 싶은 경우 귀하에게 신속하게 연락할 수 있습니다.
7. 가독성을 위해 텍스트 및 색상 대비 확인
요소를 예쁘게 보이도록 조정할 때 글꼴과 배경색 간의 텍스트 대비 비율을 확인하는 것을 잊지 마십시오. 텍스트 대비는 화면의 밝은 색상과 어두운 색상의 차이입니다.
WebAIM Color Contrast Checker 도구를 사용하면 방문자, 특히 시각 장애가 있는 사용자가 액세스할 수 있고 읽을 수 있는 콘텐츠를 만들 수 있습니다. 이 도구는 WCAG(웹 콘텐츠 접근성 지침)에 따라 텍스트 및 기타 요소의 색상 대비를 확인하는 데 도움이 됩니다.
고대비 색상 비율에 대한 경험 법칙은 일반 텍스트의 경우 4.5:1이고 더 큰 텍스트(예: 제목 또는 제목)의 경우 3:1입니다. 슬라이더 또는 RGB 값을 사용하여 전경색과 배경색을 입력하면 도구가 대비율을 제공하여 웹 페이지에 액세스할 수 있고 읽을 수 있는지 확인합니다.
8. 모바일 장치에 대한 포트폴리오 최적화
오늘날 온라인 트래픽의 대부분은 모바일 장치에서 발생합니다. 이미지 최적화는 시작하기에 좋은 장소일 뿐만 아니라 너무 많은 글꼴을 로드하거나 너무 많은 플러그인을 실행하지 않는지 확인합니다.
맞춤형 웹사이트를 만드는 경우 포트폴리오가 모바일 장치를 포함한 모든 장치에서 멋지게 보이도록 반응형 디자인 원칙을 활용 해야 합니다. 이는 사이트가 표시되는 화면의 크기에 관계없이 사이트가 보기 좋고 제대로 작동하는지 확인하는 것을 의미합니다. 마지막으로 버튼 및 기타 클릭 가능한 항목을 포함하여 모든 요소가 대화형인지 확인해야 합니다.
9. 디자인 선택에서 당신의 개성을 보여주세요
포트폴리오를 만들 때 자신의 고유한 개성을 약간 추가하는 것을 두려워하지 마십시오. 예를 들어 앱 개발자라면 인터페이스에 재미있는 요소를 포함시키세요.
당신이 디자이너라면, 당신을 돋보이게 하는 밝은 색상에 대한 선호도가 있을 것입니다. 과거에 공식 또는 기업 프로젝트에서 작업한 적이 있다면 깨끗하고 미니멀한 미학을 만드는 데 열정을 갖고 싶을 수 있습니다. 포트폴리오의 색상과 스타일 선택에서 귀하의 독특한 감각이 빛날 수 있도록 하는 것이 중요합니다. 그것이 당신의 작업을 진정으로 빛나게 할 것입니다.
잠재 고객이 좋아할 포트폴리오 구축
요약하자면, 새로운 테마를 시도하고 창의력을 발휘하는 것을 두려워하지 마십시오. 개인적인 선호도뿐만 아니라 전문가로서의 목표 및 대상 고객의 측면에서도 귀하에게 적합한 것이 무엇인지 알아보십시오. 포트폴리오 디자인에 더 많은 노력을 기울일수록 더 나은 결과를 얻을 수 있습니다.
궁극적으로, 그것은 당신이 누구이고 당신의 관심과 노력을 반영해야 합니다. 그것은 잠재적인 고용주나 고객에게 당신이 하는 일의 유형에 대한 좋은 감각을 제공해야 합니다. 이 디자인 팁을 활용하면 주목을 받을 수 있습니다.