1. 오늘의 아티클
1.미드저니를 활용해 올리브영 UIUX 활용하기
2.AI 그림 그려주는 사이트 미드저니 사용법
아티클 원문1
아티클 원문2
2. 아티클 요약
비싼 모델 대신 생성형 AI를 활용해 저렴하게 모델이미지를 활용하여 프로모션 운영이 가능하다는 점이 현재 시장에서 가장 자주 사용되는 케이스인데
롯데가 지난 1월 자사 유튜브 공식 홈페이지에 올린 신년인사 영상이 그 예시다.
롯데 광고
AI를 활용하여 만들어볼 서비스는 올리브영 이다.
올리브영의 운영배너는 인물 이미지형과 상품 스튜디오컷으로 구성된 이미지를 통해 프로모션 정보를 전달하고 있다. 배너 사이즈는 각 OS 해상도에 맞는 가로 폭에 맞춰 4:3 비율로 설계해 안정적인 밸런스를 갖추고 있다.
다양한 상품과 모델이 사용된 올리브영의 운영배너를 살펴보면 4가지의 특징을 볼 수 있다.
1. 좌측 무게 중심
4:3 비율에 맞게 좌측은 텍스트를 배치하고 무게중심을 좌측으로 잡은 이미지를 배치하여 시각적인 밸런스와 시선의 흐름을 안정적으로 체계화 하였다.
2/3. 텍스트 영역 + 프로모션 배지
텍스트 영역은 사용자의 시선의 흐름(좌에서 우, 위에서 아래)을 고려하여 좌측에 고정영역으로 배치했다. OS 시스템 폰트(Noto Sans Cjk KR)를 사용했으면 타이틀의 폰트는 20px, 캡션 폰트는 12px을 사용해 시작적인 위계질서를 부여해 줬다.
04. 커러 배리에이션
배너의 텍스트 시인성을 위해 이미지 선정 과정에서 단색 혹은 복잡한 요소가 없는 이미지를 사용하며 배경 컬러에 따라 텍스트를 블랙과 화이트 베리에이션을 하여 텍스트 시인성을 확보 하고 있다.
+ Bad Case
- 왼쪽 이미지는 무게중심을 좌측으로 잘 잡았으나 배경에 복잡한 요소들이 많이 포함되어 있어 텍스트의 가독성이 떨어지고 있다.
- 이미지의 무게중심이 좌측에서 벗어나 텍스트와 인물의 이미지와 겹쳐 텍스트의 시인성이 떨어진다.
포토샵이나 기타 다른 툴에서 제작한 운영 배너를 이미지 형식으로 처리하는 것이 아닌, 이미지를 넣고 텍스트는 서비스 UI요소로 사용하고 있다.
이러한 bad case를 기피하고 올리브영에서 사용하고 있는 이미지의 3개를 골라 미드저니를 활용하여 제작을 하였다.
미드저니 사이트 바로가기
미드저니 사이트를 들어가면 디스코드에서 베타 버전으로 사용가능하다.
왼쪽의 newbies - 숫자 이름의 채팅방에 접속하면 된다.
채팅창에 /i를 입력하면 명령어가 나온다. /imagine을 선택하고 원하는 그림의 설명을 입력하면된다. (영어로 작성하여 인식률을 높여줌)
1 프롬포트
명령어
Gorgeous image of a beautiful Korean woman holding Rectangle cosmetics, radiant and confident, emphasis on beauty products, modern aesthetic, photograhy style, inspired by the elegance of Korean beauty and cosmetics culture, medium shot, Look to the left, look up, and chin to the center, wear knit, back ground color gray, panasonic lumix gh5s, ezpert --ar 4:3 --v 6.0
올리브영과 비슷한 사진을 도출하기 위해 사각형 화장품을 들고 있는 여성, 좌측을 보고 눈은 위를 향하는 이미지를 만들기 위해 여러 키워드를 조합해 프롬프팅을 진행함.
명령어
http://s.mj.run/niSDG sb0wk Image of long cylindrial cosmetics in round, emphasis on cosmetics four blue fur, fur is sub, set against a bright beige background, morden aethetic, ~
파란색 퍼와 화장품을 배치해야 하는데 아무리 프롬프팅을 해도 퍼와 화장품이 결합된 이미지가 도출이되어 올리브영에 적용된 이미지 주소를 활용하여 프롬프팅을 진행하였다 글쓴이는 이미지가 무게중심이 가운데 있어서 포토샵으로 가져와 사진을 늘리고 편집해 무게중심을 좌측으로 만듦
명령어
http://s.mj.run/cqAtG1QzBU Stunning image of a chic girl-crush korean woman hold sleek and slender cosmetics, dressed in a dark brown tank top. Mordern and confident, aesthetic, photograhy, ~
두 개의 손을 활용해 드라마틱한 포즈를 구성하기 위해 올리브영에 적용된 이미지 주소를 활용함
포토샵에서 텍스트를 지우고 좌우 반쪽으로 유사한 이미지를 만들었다.
3. 인사이트
미드저니를 사용하려고 사이트에 접속을 해보니 베타지만 유로서비스로 변경되어 지금은 사용을 할 수 없었다... 유튜브와 블로그 글을 봐도 다 무료로 사용할 수 있다고 하던데 왜 난 안될까..???ㅜㅜ
