요즘 3D 형태의 구성 요소를 자주 만나볼 수 있습니다. 2D 대비 더 생동감 있는 모습을 제공하고, 각 화면에서 사용자에게 전하고 싶은 메시지를 훨씬 구체적으로 전달할 수 있다는 장점 때문입니다. 다만 그만큼 시간을 투자해야 하고, 정체성이 뚜렷하지 않으면 전혀 다른 모습으로 적용될 수 있다는 우려도 있죠. 오늘은 프로필 등에서 우선적으로 사용할 수 있으며, 상업적 이용이 가능한 3D 아바타 생성 서비스 ‘Peeps’를 소개하겠습니다.

디자이너로 첫 취업 준비를 할 때만 해도 ‘프로덕트 디자이너’라는 직무가 생소했는데, 이제는 IT 업계에서 매우 친숙해졌습니다. 이제는 프로덕트 디자이너로서의 제 업무 범위를 제대로 알고 있지만, 아직도 프로덕트 디자이너와 일해 본 경험이 없는 사람들은 다른 직무와 차이를 잘 알지 못합니다. 그래서 지금부터 제가 프로덕트 디자이너로 일하며 느낀, 프로덕트 디자이너의 업무 범위와 하는 일을 이야기해보려 합니다.

이번 시리즈를 통해서 다양한 직무와 협업하는 IT 기업 직장인 중 개발자가 함께 일하고 싶어 하는 동료에 대해 다루고 있습니다. 오늘은 그중에서 개발자가 생각하는 ‘함께 일하고 싶은 디자이너'에 대해 살펴볼 예정입니다. 여러 의견을 듣기 위해 2년 차 개발자부터 10년 차 개발자까지 총 8명의 개발자와 인터뷰를 진행해 보았습니다. 과연 개발자는 어떤 디자이너와 함께 일하고 싶어 할까요?

오늘 기업 문화를 소개해 줄 분은 핀다의 윤미선 시니어 프로덕트 디자이너입니다. 핀다는 비교 대출 플랫폼 'FINDA'를 운영하고 있으며, 모든 사람이 금융 정보 혜택을 누릴 수 있도록 돕고 있는 핀테크 스타트업입니다.

만일 여러분이 디자인 업무를 협업할 때 다른 사전 준비를 제치고 디자인 툴에 곧바로 뛰어든다면 이는 결국 여러분의 창의성을 빼앗아 갈 것입니다. 그 대표적인 예로 피그마와 스케치가 있습니다. 그들은 제품에 라이브러리를 탑재했고, 덕분에 디자이너는 복사/붙여 넣기를 할 필요가 없어졌으며, 각종 컴포넌트를 최신 버전으로 확보할 수 있게 됐습니다. 기업의 디자인 팀은 하나의 파일에서 작업하면서 많은 파일의 일관성을 유지할 수 있게 되었습니다. 통합되거나 내장된 기능으로 프로토타입 작업은 더 쉬워졌습니다. 그러나 이러한 강력한 기능들은 디자이너들을 중력과도 같이 끌어당겨 그들을 이러한 도구에서만 작업하도록 만들었었습니다. 이는 큰 문제입니다.

기본 아이콘을 직접 제작해 활용할 수 있으면 좋지만, 스타트업이나 사이드 프로젝트에서는 이런 환경을 갖추지 못할 때가 종종 발생합니다. 그렇다고 이곳저곳에 올라온 기본 아이콘을 쓰기에는 일관성 있는 스타일이 아니라 마음에 들지도 않고요. 오늘은 280여 개 기본 아이콘을 3가지 스타일에 따라 확인하고 각각 SVG, JSX 포맷으로 복사해 활용할 수 있는 곳을 소개하고자 합니다. 특히 피그마 파일을 별도로 지원해 피그마에서 자유롭게 사용할 수 있는 점이 특징입니다. 바로 ‘heroicons’입니다.

이번 토스의 리브랜딩은 2019년 대대적인 리브랜딩 이후 불과 3년 만입니다. 사실 일반 기업의 브랜드 변화 속도를 생각하면 3년은 너무 짧은 시간입니다. 많은 기업이나 브랜드들이 적어도 5년 이상 길게는 10년을 훨씬 넘어 리뉴얼을 하기 때문입니다. 하지만 현재 인터넷 시장의 변화 속도와 토스의 성장세를 감안해보면 일반 기업의 10년이 토스에겐 3년에 버금간다고 생각합니다.

디지털 디자인의 세계에서, 인터랙션 디자인과 시각 디자인 둘 다 사용자 경험을 강화하는 데 있어 중요합니다. 이들은 웹과 모바일 애플리케이션 등의 디지털 플랫폼에서 주로 사용됩니다. 또한, 이 둘은 사용자가 디지털 플랫폼에 참여할 수 있도록 기술을 사용자의 직관, 그리고 미적 요소와 함께 효과적으로 혼합합니다. 그러나 각 디자인은 서로 다른 방식으로 이를 가능하게 합니다. 우리는 이번 글에서 우선 인터랙션 디자인과 시각 디자인의 정의와 원리에 대해 설명할 것입니다.

디자이너가 새 회사나 프로젝트에 지원하기 위해 포트폴리오를 만드는 것은 정말 중요하면서도 생각보다 쉽지 않은 일입니다. 저는 운 좋게도 채용이라는 과정의 양단을 경험해봤습니다. 일을 구하는 디자이너였던 적도 있고, 작은 팀의 리더로서 실력 있는 디자이너를 채용하는 담당자였던 적도 있죠. 이런 경험을 통해 채용에 관해 두 가지 관점을 가지게 되었고, 관련한 실용적인 팁을 여러 개 모을 수 있었습니다. 그리고 이 글에서 제가 가진 팁을 아낌없이 소개하려 합니다.

오늘은 피그마의 레이아웃 툴인 Autolayout과 Constraint를 활용해 반응형 UI 디자인 방법을 설명할 예정이다. 두 기능이 의미 있는 이유는 이를 통해 개발자의 코드와 유사한 원리로 화면을 기획할 수 있기 때문이다. 디자인이 실제로 잘 구현되기 위해서는 디자이너가 어떤 체계와 의도로 화면을 구성했는지 개발자에게 명확하게 전달할 수 있어야 한다. 레이아웃의 크기나 콘텐츠의 변화에 따른 모든 케이스를 화면으로 전부 그리거나 글로 설명하지 않아도 Autolayout과 Constraint 기능으로도 충분히 할 수 있다.