시각적 '꾸밈' 벗어나 '전달'에 집중하는 포트폴리오 팁

안녕하세요! 😊 청년취업사관학교 Day12 강의요약 내용을 가져왔습니다. 오늘은 UX/UI 포트폴리오를 준비하면서 겪었던 막연함과 갈증을 시원하게 해소해주는 피드백이 많아서 포트폴리오 제작 팁을 많이 알아갔어요. 솔직히 말해서, 디자인은 꾸밈이라고만 생각했지, 이렇게 깊은 시스템적 사고가 필요할 줄은 몰랐거든요. 저처럼 디자인 포트폴리오 때문에 머리 아팠던 분들이라면, 오늘 제 이야기가 조금이나마 도움이 될 거라고 확신합니다! 바로 본론으로 들어갈게요

 

핵심 문제의식과 방향성 🔍

오늘 피드백의 핵심은 바로 "디자인은 꾸밈이 아니라 전달이다"라는 메시지였어요. 기존에는 시각적으로 화려하게 보이려다 보니, 정작 중요한 '메시지'가 희미해지는 경우가 많았다는 거죠. 제 포트폴리오도 그런 문제가 있었어요.

💡 알아두세요!
포트폴리오 디자인에서 가장 중요한 것은 미적인 요소가 아니라, 여러분의 생각과 과정을 명확하게 '전달'하는 것입니다. 모든 시각 요소에는 '왜'와 '무엇을 위해'라는 목적이 담겨야 해요.

아래 표는 오늘 피드백을 통해 제가 깨달은 핵심 문제점과 앞으로의 개선 방향을 정리한 내용입니다. 하나씩 뜯어보면 정말 뼈아픈(?) 지적들이지만, 동시에 성장의 발판이 될 소중한 가이드라인이었어요.

카테고리	핵심 이슈	개선 방향
디자인 전략	시각 중심의 그래픽 → 시스템적 사고 부족	목적 있는 시각 시스템 구축 필요 (정보 구조 기반)
표지/썸네일	무의미한 장식 요소 많음, 컨셉 불분명	컨셉 명확화 + 최소한의 시각 요소로 위계 구성
기초 디자인 역량	자간, 행간, 여백, 정렬 등 미흡	타이포그래피/그리드 훈련 병행 필수
색상 및 폰트 사용	보색 간의 충돌, 자극적인 대비	명도·채도 조절 + 가독성 중심 톤 설계
디자인 시스템 부재	선, 도형의 목적 없음	모든 시각 요소에 '왜'와 '무엇을 위해'가 있어야 함
표현력	세련미 부족, 정리되지 않은 구성	단순함(Simplicity), 위계(Hierarchy), 밀도(Density)의 조화 필요

 

개선을 위한 핵심 가이드라인 💡

피드백을 바탕으로, 앞으로 포트폴리오를 어떻게 개선해야 할지 구체적인 가이드라인을 받았어요. 정말 실질적인 내용들이라 바로 적용해볼 수 있을 것 같아요.

표지(썸네일) 리디자인 방향 📝

컨셉 키워드 도출 후 시각화: "정돈, 조화, 신뢰, 창조" 같은 키워드를 먼저 뽑고, 기하 도형이나 미니멀 타이포로 표현하는 연습을 해봐야겠어요.

텍스트 중심 배치 전략 채택: 여백, 자간, 정렬을 기준으로 정보 구조를 정돈하는 게 핵심이라고 하네요.

의미 없는 장식 삭제: 그라디언트나 선 같은 요소는 '의미 있는 구획'에만 사용하는 걸로! 😊

타이포그래피 및 구성 훈련 📐

자간 기본값: -25(일러스트에선 이거임) , 글자 크기 대비 행간 140~150px(피그마)로 조절하는 연습!

폰트: Pretendard나 Helvetica 중심으로 연습해보려 합니다.

레이아웃 훈련: 4분할 그리드, 좌상단 기준 구성, 하이라키 설계 등 꾸준히 훈련해서 감각을 익혀야겠어요.

색상 전략 🎨

퍼플·오렌지 보색 조합 지양: 이 부분은 저도 늘 고민이었는데, 톤 다운하거나 한쪽 색상을 제거하는 방향으로 가야겠어요. 컬러에 명확한 목적을 부여하는 게 중요하대요.

의미 부여 기반 색상 활용: 예를 들어, 퍼플은 창의, 신비 같은 느낌을 줘서 AI나 화장품 분야와 연결할 수 있다고 하네요. 저만의 색상 규칙을 만들어봐야겠어요.

 

다음 액션 플랜 (실행 순서) 🛠️

이론적인 가이드라인을 넘어서, 실제로 무엇부터 시작해야 할지 구체적인 단계도 제시해주셨어요. 이거야말로 진짜 실전 팁 아니겠어요? 당장 오늘부터 시작해야 할 것 같아요!

좌(전 썸네일) 우(개선 후 썸네일)

1단계: 썸네일 리디자인

키워드 3개 도출 (나의 강점/포폴 특성)

타이포/기하 중심 구성으로 재설계

선/그라디언트 최소화

2단계: 타이포그래피 훈련 병행

자간/행간/정렬 훈련

Pretendard 폰트 기준 계층 구조 실습

3단계: 색상 조정 및 도형 의미 재설정

사용 색 2~3개로 축소

도형 사용 이유 명시 (예: 교집합 = 사용자와 제품 간 관계성)

4단계: 표지 외 프로젝트 페이지 정리

각 페이지마다 위계 구조 정리

제목 → 서브 → 내용의 흐름 구성

5단계: 컨셉 기반 프로젝트 구성 정리

포트폴리오 전체 컨셉 재설계

대표성 있는 Main → Side 프로젝트 구성

 

마지막으로, 정말 중요한 이야기 📌

오늘 수업의 마무리로 해주신 말씀이 가장 기억에 남아요. "디자인은 꾸밈이 아니라 전달입니다. UX/UI 포트폴리오는 '보여주는 것'이 아니라 '말을 거는 것'입니다." 이 문장이 저에게는 큰 울림으로 다가왔어요. 단 하나의 선, 하나의 여백도 의도가 없다면 오히려 방해가 된다는 말씀에 고개를 끄덕일 수밖에 없었죠.

이번 피드백을 통해 디자인적 감각뿐만 아니라 시스템적 사고를 함께 기르는 기회로 삼는다면, 취업 포트폴리오의 깊이와 설득력이 확실히 달라질 것이라는 믿음이 생겼습니다. 단순히 멋있어 보이는 포트폴리오가 아니라, 저의 생각과 과정을 논리적으로 보여줄 수 있는 포트폴리오를 만들 수 있도록 앞으로 더 열심히 노력해야겠어요.

💡

UX/UI 포트폴리오, 핵심 요약!

핵심 문제: 시각 중심의 '꾸밈'에 치우친 디자인

궁극적인 목표: '전달'을 위한 시스템적 사고

개선 방향:

명확한 컨셉 → 타이포그래피/그리드 → 의미 기반 색상/도형

다음 스텝: 썸네일 리디자인 및 기초 디자인 역량 강화

Day12 피드백을 통해 깨달은, 포트폴리오의 본질!

 

자주 묻는 질문 ❓

Q: 디자인에서 '전달'이 중요하다는 건 무슨 의미인가요?

A: 디자인은 단순히 예쁘게 꾸미는 것을 넘어, 여러분의 아이디어, 사고 과정, 문제 해결 능력 등을 보는 사람에게 명확하게 이해시키는 과정입니다. 포트폴리오에서는 특히 여러분이 어떤 문제를 어떤 과정을 통해 해결했는지 효과적으로 전달하는 것이 중요해요.

Q: 타이포그래피 훈련이 왜 그렇게 중요한가요?

A: 타이포그래피는 텍스트 정보를 체계적으로 정리하고 가독성을 높이는 데 핵심적인 역할을 합니다. 자간, 행간, 정렬, 폰트 선택 등은 정보의 위계를 만들고 메시지를 더 효과적으로 전달하는 데 필수적인 요소이기 때문입니다.

Q: 포트폴리오에 쓸만한 참고 자료가 있을까요?

A: KRDS (카카오 디자인 시스템) 같은 국내외 디자인 시스템을 참고하면 체계적인 디자인 프로세스와 가이드라인을 익힐 수 있습니다. Notion 템플릿의 UX Case Study 정리법이나 마루부 디자인 타이포그래피 가이드도 포트폴리오 구성을 위한 좋은 자료가 될 수 있습니다.

이번 청년취업사관학교 요약내용이 여러분의 포트폴리오 고민에 조금이나마 도움이 되었기를 바랍니다! 저는 이제 배운 내용들을 바탕으로 포트폴리오를 갈아엎을(?) 준비를 해봐야겠어요. 혹시 더 궁금한 점이 있거나, 저의 액션 플랜에 대해 함께 이야기 나누고 싶으시다면 언제든지 댓글로 물어봐주세요~ 😊 함께 성장해요!