2D 디자이너와 3D 디자이너의 차이점에 대해서 생각해 본 적이 있는가? 두 디자이너 모두 기본적으로 디자인에 대한 이해와 소양을 갖춰야 하지만, 각각 활동하는 영역과 필요로 하는 스킬셋은 생각보다 차이가 크다. 2D 디자이너가 그래픽 디자인, 타이포그래피 등을 주로 기본으로 익힌다면, 3D 디자이너는 기본적으로 컴퓨터 그래픽스와 같은 공간 지각 능력을 갖춰야 한다. 그런데 오늘 소개하는 DragGan은 이들 간의 경계선을 서서히 허물고 있는 모습이다.

디자인 핸드오프에 대해 들어 보셨나요? 핸드오프(Hand off)란 ‘손을 떠나다’라는 뜻으로, 업계 용어에 대입하면 ‘개발자가 구현할 수 있도록 디자인 작업물을 만들어 떠나보내다.’라는 의미를 가집니다. 디자이너가 작업한 디자인을 의도대로 잘 구현하기 위해서는 무엇보다 논리적인 사고와 의사소통이 중요한데요. 이번 글을 통해 핸드오프에서 중요한 항목을 살펴보고, 제가 사용한 양식을 추가해 두었으니 함께 참고해 보시길 바랍니다.

디자이너라면 개발 전 와이어프레임을 만들어 보셨을 텐데요. 쉽게 말해 아이디어 출발점이라고도 할 수 있는데, 이 내용을 다시 디자인이라는 작업을 거쳐 서비스에서 볼 수 있는 화면으로 만드는 과정입니다. 다만 디자인 툴을 통해 아이디어를 구체화하거나 화면을 만들 수 있고, 하나의 화면을 설계하더라도 여러 구성요소를 고려하기 때문에 더 어렵게 느껴질 수 있습니다. 이러한 어려움을 해결하고자 시작된 서비스가 오늘 소개할 ‘Uizard’입니다. ‘Uizard’는 손으로 그린 와이어프레임을 디자인 파일, 코드로 변환시켜 주는 역할을 합니다.

‘네카라쿠배당토’와 같은 큰 기업에 입사한 이후엔 다들 어느 방향으로 나아갈까요? 아마 승진하거나 다른 대기업으로 이직할 것입니다. 본인의 능력으로 서비스를 키우고자 하는 열망을 가지고 스타트업으로 가는 경우도 많이 봤습니다. 드물게 파이어족이 되어 디자이너 생활을 청산하는 분도 봤습니다만 흔한 케이스는 아니고, 대부분 기업에서 기업으로 돌고 돕니다. 네이버 갔다가 카카오 갔다가 하는 거죠. 이 글은 돌고 도는 패턴이 왜 발생하는지, 또 각 기업마다 디자이너에게 어떤 역량을 바라며, 디자이너는 이러한 굴레 속에서 어떻게 살아남아야 하는지 등 디자이너 커리어에 대한 여러 가지 물음에서 시작됐습니다.

한국 시간으로 6월 22일 오전 1시, 피그마 컨퍼런스 2023(Config 2023)이 드디어 막을 올렸습니다. 사실상 전 세계 UX/UI 디자이너들의 축제이자, 디자인 쪽에서 가장 성대하고 큰 파티라고 할 수 있는데요. 전체적인 방향은 피그마 안에서 모든 UI와 UX 작업을 할 수 있도록, 개발 지향적인 기능들을 통해 협업 시너지를 더 극대화할 것으로 보입니다. 이전까지의 피그마와는 완전히 다른 개념의 새로운 디자인-개발 협업 툴의 패러다임을 제시하는 느낌이었습니다. 그동안 디자이너들이 그토록 원했던 핵심 기능 중 어떤 것이 업데이트될 예정인지, 개발 지향적인 기능들은 어떤지, 직접 라이브를 보며 간단하게 메모해 봤습니다.

챗GPT 등장 이후 AI가 텍스트뿐만 아니라 이미지, 음성, 영상 등 다양한 형태의 결과물을 생성하는 능력을 갖추게 되면서, 다양한 분야에서 사용 가능성에 대한 고민이 이루어지고 있다. 이번 글에서는 텍스트 기반의 명령어나 간단한 작업만으로도 AI가 이미지를 얼마나 똑똑하게 생성할 수 있는지, 이미지 생성 기술의 발전 정도에 대해 알아보고자 한다. 해당 기술은 아직 시장 초기 단계에 있지만, 이미 마케팅, 디자인, 교육, 게임 등 여러 산업에서 활용하려는 시도가 많은 만큼, 유의미한 분석이 될 것이다.

그라데이션은 하나의 색이 아닌 두 개 이상의 컬러가 점진적으로 변화되는 모습을 의미합니다. 그라데이션의 경우 역동적이고 자유로운 모습을 표현하고, 속도감 있는 움직임을 보여줄 수 있다는 점에서 여러 서비스는 물론 그래픽 작업에도 자주 사용되고 있습니다. 오늘 소개할 ‘CSS HD Gradients’는 2개 이상의 컬러를 조합, 원하는 스타일과 각도 등을 활용해 그라데이션을 웹상에서 쉽게 생성할 수 있는 서비스입니다. 특히 그라데이션을 빠르게 적용하고 싶지만, 별도의 툴을 학습해야 한다는 어려움이 있을 때 좋은 선택지가 될 것입니다.

2022년 10월, 마이크로소프트는 ‘디자이너’라는 서비스를 공개했습니다. 서비스명부터 디자이너가 포함된 이 서비스는 프레젠테이션, 엽서, 포스터, 초대장 등 다양한 그래픽을 위한 디자인 생성해 주며, 국내에도 많은 사용자를 보유하고 있는 캔바(Canva)와 유사한 웹 앱입니다. 주목할 만한 점이 있다면 서비스가 모두 인공지능(AI)으로 구동된다는 점으로, 사용자가 만든 콘텐츠와 OpenAI의 텍스트/이미지 생성 AI인 ‘DALL-E 2’를 활용하여 디자인 작업이 가능합니다.

다섯 가지 구성요소를 활용해, 유저 인터페이스(UI) 구성과 그에 따른 코드를 생성할 수 있는 ‘Shaper’를 소개합니다. ‘Shaper’에서 제공하는 핵심 기능은 1) 타입, 컬러, 여백, 테두리 등에 포함되는 세부 값을 입력 또는 원하는 조건을 선택해 일정 기준의 인터페이스 구성 가능 2) 기본 제공되는 인터페이스를 테마에 따라 변경한 뒤 상세 조건을 추가하거나 설정해, 원하는 모습의 인터페이스 제작 가능 3) 컬러, 여백, 테두리 등 다섯 가지 구성요소 중 하나를  선택해 인터페이스 랜덤 생성 가능 4) 생성한 인터페이스를 웹상에서 빠르게 확인할 수 있는 코드 제공 등이 있는데요. 지금부터 자세히 살펴보겠습니다.

디자이너는 개발자와의 소통에 신경 써야 합니다. 디자이너에게 그들만의 언어가 있듯, 개발자도 개발자만의 언어가 있습니다. 개발자와 잘 소통하기 위해 디자인 언어를 개발자 언어로 변환해야 하는 것이죠. 그렇다고 코딩을 배우라는 뜻은 아닙니다. 열심히 만든 작업물을 실제로 잘 구현하기 위해 어떤 ‘정보’를 전달해야 하는지 알면 됩니다. 이번 글에선 어떻게 모션 디자인 관련 가이드를 개발자에게 잘 전달할 수 있을지, 제작 팁에 대해 소개하겠습니다.