이 질문 뒤에 면접관이 확인하려는 것은 따로 있습니다.
아이콘을 제작할 때 가장 먼저 하는 것은 각 아이콘이 전달해야 하는 의미와 컨텍스트를 정리하는 것입니다. 비슷한 개념을 표현하는 아이콘이 시각적으로 너무 유사하면 혼동이 생기기 때문에, 각각의 차별점을 어떻게 시각화할지를 설계 전에 정의해두었습니다.
그리드 기반 구조화도 중요하게 적용했습니다. 일정한 비율과 픽셀 단위에 맞춰 제작하면 다양한 크기로 사용해도 일관된 비례감이 유지되고, 다른 아이콘과 나란히 놓였을 때 시각적 통일감이 생깁니다.
일러스트레이션은 스타일을 먼저 정의하는 것이 핵심이었습니다. 선의 두께, 색상 팔레트, 디테일 수준을 첫 번째 시안에서 결정해두면 이후 작업들이 같은 세계관 안에서 만들어지는 기준이 됩니다. 그 기준이 흔들리면 전체 일관성이 무너지는 경험을 했습니다.
아이콘과 일러스트레이션 제작 경험을 쌓으면서 아직 충분하지 않다고 느끼는 영역이 있습니다. 작은 크기에서도 가독성이 유지되는 아이콘을 만들려면 솔리드(Solid)와 스트로크(Stroke) 스타일 중 어느 것이 이 프로덕트에 맞는지를 판단하는 근거를 갖고 있어야 하는데, 아직 감각보다 체계적인 기준이 부족합니다.
SVG 파일을 실제 개발 환경에서 어떻게 최적화하는지도 이론으로는 알지만 실제로 구현팀과 맞춰가며 해본 경험이 적습니다. 24dp 그리드와 광학 보정 여백 원칙은 배웠지만, 다양한 크기에서 동일한 시각적 무게감(Visual Weight)을 유지하는 미세한 조정은 반복 경험이 쌓여야 가능하다는 걸 알고 있습니다.
아이콘 패밀리 전체의 일관성을 혼자 유지하면서 빠르게 제작하는 속도도 앞으로 채워야 할 부분입니다. 한계를 알고 있어야 어떤 훈련이 필요한지도 명확해집니다.
아이콘을 제작하면서 과정의 각 단계마다 결정이 필요하다는 것이 가장 크게 배운 점이었습니다. 처음에는 바로 디지털 툴을 열었는데, 스케치 단계에서 시각 메타포를 먼저 결정하지 않으면 디지털 작업 중에 방향을 바꾸는 비용이 컸습니다. 그리드 위에 올려두고 작업하면 다른 아이콘과 나란히 놓였을 때 크기와 무게감이 통일되는데, 그리드 없이 만든 아이콘은 나중에 일관성이 맞지 않아 다시 손봐야 했습니다.
실제 화면 배경색 위에서의 QA 단계가 가장 놓치기 쉬운 단계라는 걸 배웠습니다 — 밝은 배경에서 잘 보이던 아이콘이 다크 모드에서 뭉개지는 경우가 있었습니다. 아이콘이 작을수록 디테일을 줄이고 핵심 형태만 남기는 결정이 가독성에 더 영향을 줍니다. 제작은 어느 환경에서도 읽히는지를 확인하는 것으로 끝납니다.
답변에서 흔히 빠지는 것들 — 빠져 있으면 꼬리질문이 깊어집니다.
이 질문에 이어 넥스트증권 UX/UI 디자이너 면접관이 던질 가능성이 높은 후속 질문.
이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 특정 회사가 실제로 이 질문을 출제했다는 것을 보장하지 않으며, 모든 예시는 우문현답이 직접 작성한 창작물입니다. 해당 회사의 공식 입장과는 무관합니다. 회사 측의 정정 요청이 있을 경우 24시간 이내에 응답·수정합니다.