brunch

You can make anything
by writing

C.S.Lewis

by 유훈식 교수 Nov 15. 2024

Midjourney, UXUI 디자이너에게 필수가 되다

Midjourney(미드저니)의 특장점과 UX/UI 디자인에 적용 방안

Midjourney에 대해서 알아봅시다.

Midjourney는 인공지능 기반의 이미지 생성 플랫폼으로, 사용자가 텍스트 프롬프트를 입력하면 고품질의 이미지를 생성해주는 혁신적인 AI 서비스입니다. Midjourney는 2022년 7월 12일 오픈 베타로 처음 출시되었으며, 높은 이미지 생성 수준과 쉬운 사용 방식으로 현재 AI 기반 이미지 생성 분야에서 독보적인 입지를 만들었습니다.

-Midjourney Logo (출처: Midjourney 홈페이지)-

창립자인 데이비드 홀츠는 플로리다 출신으로, 어린 시절부터 프로그래밍과 게임에 많은 관심을 가지고 있었다고 합니다. 홀츠는 매우 우수한 프로그래밍 인재로 막스 플랑크 연구소와 NASA와 같은 유수의 기관에서 다양한 연구 프로젝트에 참여한 이력을 보유하고 있습니다. 그는 Leap Motion이라고 하는 손동작을 추적하는 기술 기반의 스타트업을 성공적으로 운영했었고, 이후 Midjourney를 창업하였습니다.

-Midjourney 창립자 David Holz (출처: Midjourney 생성)-


Midjourney 모델

Midjourney는 생성적 적대 신경망(Generative Adversarial Network)을 기반으로 작동하는 시스템으로, 생성자와 판별자로 구성된 두 개의 신경망이 서로 경쟁하며 학습하는 방식을 통해 이미지를 생성합니다. 쉽게 설명하면 생성자가 사용자의 입력 데이터에 기반하여 이미지를 생성하면 판별자는 이 이미지가 실제 데이터와 얼마나 유사한지를 판단하는 방식입니다. 이러한 과정을 반복하면 점점 더 정교하고 사실적인 이미지를 생성할 수 있게 되는 것입니다. 


-GAN 모델의 구조도 예시 (출처: https://www.kdnuggets.com 아티클)-

Midjourney는 GANs 기술과 함께 자연어 처리(NLP) 기술을 활용하여 사용자가 입력한 자연어 프롬프트를 해석합니다. 프롬프트에 입력된 단어나 문장의 맥락을 이해하는 능력을 통해 Midjourney는 사용자의 의도를 더 깊이 파악하고, 그에 맞는 이미지를 제공할 수 있는 것입니다. 이 대표적인 두 가지 기술이 Midjourney가 다른 AI 기반 이미지 생성 도구와 차별화될 수 있도록 해주고 있습니다.


Midjourney의 프롬프트 활용 방법

-Midjourney 프롬프트 구조도 (출처: Midjourney 블로그)-

Midjourney의 프롬프트는 영어 텍스트로 구성되며, Midjourney 봇이 이를 해석해서 요청된 이미지를 생성합니다. 자연어 기반의 프롬프트 작성은 Midjourney를 사용할 때 가장 중요한 요소로 작용하며, 사용자가 어떤 이미지를 원하는지에 따라 프롬프트의 구성이 달라질 수 있습니다. 프롬프트는 자연어 외에도 이미지를 삽입하여 첨부된 이미지의 스타일이나 유사한 형태 생성에 활용할 수 있습니다. 그리고 정해진 기능 안에서 작동하는 매개변수를 입력하여 추가적인 설정을 할 수 있습니다.

-구체화된 프롬프트로 생성된 이미지 (출처: Midjourney 생성)-

프롬프트 작성에 대해서는 뒤에서 더 자세히 이야기하겠지만 핵심은 구체성과 명확성입니다. 예를 들어 "아름다운 풍경"과 같은 일반적인 표현보다는 "안개가 깔린 산속의 고요한 호수, 노을이 물든 하늘(a tranquil lake in a foggy mountain, a sunset-colored sky)"과 같이 세부적인 묘사를 포함하는 것이 더 나은 결과물을 얻을 수 있습니다. 또한 프롬프트 내에서 특정 예술적 스타일이나 조명 조건, 각도 등을 프롬프트로 요청해서 적절한 결과를 얻을 수도 있습니다.



UX/UI 디자이너가 Midjourney를 사용하면 좋은 점

결과물의 우수한 품질

우선 UX/UI 디자이너에게 Midjourney 사용을 권장하는 것은 Midjourney가 오픈 소스 이미지 생성 AI와 비교할 때 가지는 몇 가지 뚜렷한 이점들이 있기 때문입니다 대표적인 차별점은 이미지 결과물의 품질입니다. Midjourney는 이미지의 복잡한 디테일까지 담아낼 수 있는 능력이 탁월합니다. 반면, 오픈 소스 기반의 이미지 생성 AI는 그 유연성에도 불구하고 때때로 결과물이 덜 정교하게 생성이 됩니다. UX/UI 디자인에서는 직관적이고 명확한 시각적 표현이 필요하기 때문에, Midjourney의 이러한 시각적 우수성은 UX/UI 디자이너들에게 큰 장점으로 다가옵니다.


고가의 고성능 PC가 필요하지 않음

또한, Midjourney는 사용자들이 고가의 컴퓨터 시스템을 구축할 필요가 없습니다. 오픈 소스 기반의 이미지 생성 AI들은 고성능 GPU와 같은 비싼 하드웨어를 필요로 합니다. 하지만 Midjourney는 클라우드 기반으로 운영되기 때문에 디자이너들이 저사양 PC에서도 빠른 시간에 고품질 이미지를 생성할 수 있습니다. 또한 기존에 이미지 구매에 대한 라이센스 비용에서 10% 정도의 예산으로 운영이 가능하기 때문에 이미 많은 회사들이 적극적으로 Midjourney를 도입하고, 라이센스 이미지 구매를 줄이고 있습니다.


쉬운 접근성

Midjourney는 지속적인 업데이트를 통해 서비스 접근성을 향상시키고 있습니다. 특히 디스코드에서만 제공 되던 서비스를 웹에서 바로 이용할 수 있도록 하여 접근성을 향상 시켰습니다. 또한 텍스트 프롬프트 해석 능력도 향상되어, 사용자들이 편하게 일상적인 자연어를 기반으로 멋진 이미지를 만들 수 있게 되었습니다. 이처럼 Midjourney는 우수한 이미지 품질, 낮은 시스템 비용, 접근 용이성 측면에서 UX/UI 디자이너에게 탁월한 선택지로 자리 잡고 있습니다.



Midjourney를 UX/UI 디자인에 활용하는 방법들

그렇다면 Midjourney는 UX/UI 디자인 작업에서 구체적으로 어떤 영역에 활용이 가능할지 알아보는 것이 필요하겠습니다. Midjourney는 UX/UI 디자인 프로세스 전 단계에서 활용 가치가 상당히 높다고 할 수 있습니다. 여기서는 대표적으로 UX 시나리오 보드 제작, UI 컨셉 무드 보드, GUI 컴포넌트 및 아이콘 제작 및 기타 이미지 소스 제작에 대한 내용들을 중점적으로 살펴보겠습니다.


1) UX 시나리오 보드 제작

UX 시나리오 보드는 사용자 여정을 시각적으로 표현하여 특정 제품이나 서비스 사용 중 일어나는 상황을 이해하기 쉽게 만드는 데 중요한 역할을 합니다. Midjourney는 이러한 시나리오 보드를 제작할 때, 사용자 경험을 보다 생생하게 전달할 수 있는 이미지를 빠르게 생성할 수 있습니다. 

-Midjourney에서 생성한 AI 기반 생일 축하 시나리오 이미지 (출처: Midjourney 생성)-

예를 들어, 디자이너는 사용자가 스마트폰 앱을 사용하는 특정 상황을 텍스트로 설명하는 프롬프트를 작성하여 Midjourney에 입력할 수 있습니다. "한 남자가 스마트폰을 통해 증강현실 속에서 친구들과 생일 축하를 하고 있는 장면"과 같은 프롬프트를 입력하면, Midjourney는 이를 바탕으로 시각적인 이미지를 생성해줍니다. 이러한 이미지는 사용자 경험과 관련된 맥락, 감정, 환경 등을 포함하여 UX 시나리오를 보다 명확하고 직관적으로 표현할 수 있게 합니다.

-Midjourney에서 생성한 페르소나의 나이 변화 (출처: Midjourney 생성)-

시나리오 보드는 UX 팀 내에서 사용자 여정을 설명할 때 중요한 역할을 합니다. Midjourney를 활용한 시나리오 보드는 다양한 사용자 페르소나를 시각화하는 데도 유용합니다. 예를 들어, "20대 여성"을 생성 시키고 이 여성의 나이대를 바꾸거나 다양한 감정을 표현하게도 할 수 있습니다. 이처럼, Midjourney를 사용하여 UX 시나리오 보드를 제작하면 사용자의 다양한 경험을 더 깊이 이해하고, 보다 풍부하고 감성적인 사용자 경험을 설계할 수 있게 됩니다.


2) UI 컨셉 무드 보드 제작

Midjourney는 UI 컨셉 무드 보드 제작에도 매우 효과적인 도구입니다. 예전에는 무드보드에 필요한 이미지들을 검색해서 찾았는데, 이제 디자이너들은 Midjourney를 활용하여 자신이 구상하고 있는 디자인 스타일, 분위기, 색상 팔레트 등을 직접 생성할 수 있습니다. 

-Midjourney에서 생성한 UI 무드보드 사례 (출처: Midjourney 생성)-

예를 들어, "미니멀리스트 스타일의 음악 스트리밍 앱 UI, 파스텔 톤의 색상과 둥근 모서리 요소"라는 프롬프트를 입력하면, Midjourney는 해당 스타일에 맞는 다양한 UI 디자인 컨셉을 생성할 수 있습니다. Midjourney의 UI 디자인 화면은 가이드라인을 잘 지키는 편은 아니지만 굉장히 풍부한 상상력으로 다양한 형태의 UI 예시들을 만들어 볼 수 있도록 합니다. 이러한 소스들은 UI 디자이너가 컨셉에 적합한 다양한 사례들을 검토하는데 도움을 줄 수 있습니다.


또한 Midjourney의 이미지 변형 기능을 활용하면, 초기 생성된 이미지를 기반으로 다양한 컨셉을 시도하여 디자인 아이디어를 확장할 수 있습니다. 이로 인해 디자이너는 기존의 고정된 아이디어에서 벗어나 더욱 빠르게 창의적이고 새로운 시각적 표현을 탐색할 수 있습니다. Midjourney는 빠르게 다양한 UI 스타일을 시각화하고, 디자인 방향성을 설정하는 데 있어 효과적인 도구로 활용할 수 있습니다.


3) GUI 컴포넌트 및 아이콘 제작

GUI(Graphical User Interface) 컴포넌트와 아이콘 제작은 UX/UI 디자인에서 중요한 부분을 차지합니다. Midjourney는 디자이너가 원하는 버튼, 메뉴, 아이콘 등의 UI 요소를 텍스트 프롬프트로 설명하면 이를 시각화하여 제공할 수 있습니다. 예를 들어, "둥근 모서리의 푸른색 로그인 버튼"이라는 프롬프트를 입력하면, Midjourney는 이를 기반으로 다양한 스타일의 로그인 버튼을 생성합니다. 이러한 방식으로 디자이너는 다양한 디자인 옵션을 빠르게 생성하고, 사용자에게 적합한 디자인을 선택할 수 있습니다.

-Midjourney에서 생성한 icon 사례 (출처: Midjourney 생성)-

특히 아이콘 디자인의 경우, Midjourney는 '스타일라이즈' 매개변수를 활용하여 아이콘의을 꾸미는 정도를 조절할 수도 있습니다. 다양한 매개변수를 통해 미니멀한 스타일에서부터 세부적인 요소가 많은 스타일까지 다양한 아이콘을 생성시킬 수 있는 것입니다. GUI 컴포넌트를 제작할 때도 Midjourney를 사용하여 초기 아이디어를 발전시키고, 여러 변형을 시도할 수 있습니다.


4) UI 디자인에 들어가는 거의 모든 사진 및 배경

UI 디자인에서는 배경 이미지나 다양한 시각적 요소가 중요한 역할을 합니다. Midjourney는 이러한 요소를 신속하게 생성할 수 있습니다. UI 디자이너는 특정한 분위기나 스타일을 반영하는 배경을 필요로 할 때, Midjourney의 프롬프트를 통해 이를 구현할 수 있습니다. 예를 들어, "따뜻한 조명과 목재 질감이 돋보이는 카페 내부 배경"이라는 프롬프트를 활용해서 UI 디자인에 적합한 고유한 배경 이미지를 생성할 수 있습니다.

-Midjourney에서 생성한 배경 이미지 사례 (출처: Midjourney 생성)-

또한, Midjourney는 특정한 테마나 계절적 분위기를 반영하는 배경을 제작할 때도 유용합니다. UI 디자인에서 제품의 정체성을 반영하기 위해 다양한 이미지를 필요로 할 때, 디자이너는 Midjourney를 통해 빠르게 원하는 이미지를 생성하여 UI에 적용할 수 있습니다. 이러한 과정은 디자이너가 기존의 스톡 이미지에 의존하지 않고, 필요에 따라 사용자 맞춤형 이미지를 생성할 수 있게 해줍니다. 배경 외에도 UI 디자인에 필요한 다양한 일러스트레이션이나 사진도 Midjourney를 통해 제작할 수 있어, 다양한 디자인 소스를 얻는데 아주 폭넓게 활용이 될 수 있습니다.


이처럼 Midjourney는 UX/UI 디자인 과정에서 빠르고 유연한 이미지 생성을 통해 디자이너의 창의적인 가능성을 확장시킵니다. 디자이너는 Midjourney를 통해 더 나은 사용자 경험을 제공하고, 디자인 프로세스를 효율적으로 관리하며, 고품질의 시각적 결과물을 손쉽게 만들어낼 수 있습니다. 이제 Midjouney는 UX/UI 디자이너에게도 필수적인 도구로 자리를 잡았다고 생각이 됩니다.


* AI를 활용한 UX/UI 디자인에 대한 다양한 정보와 소통을 원하는 분은 오픈 채팅방에서 함께 많은 디자이너 분들과 만나실 수 있습니다 : )


AI & UX/UI 디자이너 오픈 채팅방

https://open.kakao.com/o/g49cFoBg


브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari