KT 에이블스쿨 : 공모전 준비(1) - 미드저니 활용해 UI 앱 화면 구상하기

 







KT 에이블스쿨을 하면서 좋은 점 중 하나는  

열정적인 사람들과 같이 스터디를 하고, 공모전을 준비할 수 있는것


이번에는 아이디어 기획 공모전을 준비하면서, 내가 담당하게된 UI 부분에 대한 첫 기록이다. 

생성형 AI를 사용해서, 내가 원하는 앱 UI 화면을 받았는데, 디테일한 아이디어를 얻기 좋아서 기록할려고 한다. 



이미지 생성 AI 

텍스트기반 이미지를 생성해주는 AI는 대표적으로 코파일럿, 미드저니, chatGPT-4 이상 등등이 있는데 

무료인 코파일럿, 뤼튼의 gpt-4를 사용해보니 퀄리티가 너무 낮아서

결국, 유료인 미드저니를 결제했다. 


1달에 10$로 200시간을 그림생성에 사용할 수 있다. 

명령횟수 단위나 기간 단위가 아니라, 시간 단위인게 새로웠다. 

생성형 AI를 그동안 많이 사용했지만, 이번이 첫 유료결제ㅎ ㅎ



미드저니 설명 

discord에서 사용하는 미드저니 

미드저니는 gpt처럼 미드저니라는 웹사이트에서 서비스를 쓰는건 줄 알았는데,

디스코드 서버에서 만들어져서, 디스코드에서 명령어를 쓰고, 이미지 편집/생성할 수 있다.

그래서, 미드저니도 회원가입해야하고, 디스코드도 회원가입해야됨 ..ㅋ 


사용 방법

미드저니 채널의 프롬포트 창에서 /image prompt (명령어)를 치고나서 

내가 원하는 기능, 이미지 모습을 치면 미드저니가 그려주는 것 



버튼 설명

이미지를 생성하고 나면, 이미지 밑에 이렇게 8개의 버튼이 생기는데

처음에는 이게 뭔지 몰랐는데, 찾아보니 맘에드는 디자인을 선택(U) 하거나, 개선(V) 시키는 기능이다. 




  • U1 / U2 / U3 / U4 버튼
    • 선택한 이미지의 더 큰 버전의 이미지를 생성하는 업스케일 기능
    • U 버튼을 클릭하여 출력된 이미지를 클릭하고,
      마우스 우클릭을 통해 해당 이미지를 저장 가능 

  • V1 / V2 / V3 / V4 버튼
    • 선택한 그리드 이미지를 기반으로 추가적인 배리에이션(변형) 이미지를 만드는 기능

  • 새로고침(🔄) 버튼
    • 생성된 이미지가 마음에 들지 않는 경우 새로고침(🔄) 버튼을 클릭해 다시 4개 이미지 생성 






결과 화면

지도 페이지

첫번째

(명령어) 

pet, dog, cat, google map - themed application interface, map display, business type filters, pet clinics, pet shops, salons, pet cafes, search functionality, shop info, reviews, iphone, ios, user interface, directions feature, favorites, customization user interface, mobile app, usability, figma, native app, design, 




두번째

(명령어) 

Create a map-based pet business lookup page with these features:

  • Map Display: Show pet-related businesses around the user's current location on a map.
  • Business Type Filters: Include filters for different types of businesses like vet clinics, pet shops, grooming salons, and pet cafes.
  • Search Functionality: Allow users to search for specific businesses or types of businesses.
  • Business Info and Reviews: When a business is selected, display its basic information (operating hours, contact info, etc.) and user reviews.
  • Directions Feature: Link with map apps to guide users to the chosen business.
  • Favorites: Add a feature for users to bookmark their frequently visited businesses for quick access.

 






세번째

(명령어)

iphone, ios, user interface , map based ui including reservation service, The top of the screen displays the map, while the bottom shows the store's information and reviews, On the left side of the map at the top, there are icons for different pet-related businesses (veterinary clinic, pet cafe, pet grooming salon, pet shop icons), customization user interface, mobile app, usability, figma, native app, design, - @Summer (Waiting to start)










N번째


















커뮤니티 페이지 

두번째 UI 화면인 커뮤니티 소통 페이지 


명령어를 이렇게 줬는데, 내가 원하는 페이지랑 완전 다르게 나와서 대실패

Local Pet Community Page, iphone, user interface, design, share information and communicate, community forum like pet health, training etc. events and meetups, photo sharing, lost/adoption pet information 







홍보용 이미지


미드저니뿐만 아니라 gpt4도 사용해봤다

chat gpt 4 (뤼튼)

(프롬포트) 
"반려동물 통합 앱을 만들었어. 이 앱을 홍보하기 위한 그림을 그릴려고해. 강아지를 산책하면서 이 앱을 보고있는 그림을 그려줘. 실제 강아지 모습은 작아도되고, 앱의 서비스 화면을 크게 만들어서 홍보가 되도록 그려줘"


약 10번정도의 시도끝에 정상적인 화면이 나왔다. 




미드저니

creat an integrated pet app. I'm going to draw a picture to promote this app. Draw a picture of me looking at this app while walking my dog. The actual image of the dog can be small, but make the service screen of the app large and draw it to promote it





댓글

댓글 쓰기

이 블로그의 인기 게시물

[KT 에이블스쿨 - IT 트랜드] 국내외 AI 관련 규제

이미지
KT 에이블스쿨에 참여하면서 IT 트렌드 스터디하고있는데, 발표자료로 오늘은 ChatGPT 4-o 내용을 준비했다.  NIA (한국지능정보사회진흥원)의 디지털 법제 Brief 중  AI 규제와 관련된 내용 3개의 보고서를 읽고 발표에 참고했다.  해외 "사법기관 인공지능 이용지침" - 보고서 링크 - 발행일 24.02.15 이 보고서에는 사법기관에서 AI 를 어떻게 이용하면 되는지를 지침으로 정의한 캐나다와 영국 사례를 소개했다.  캐나다와 영국은 23년 12월에 이를 마련했고, 호주와 뉴질랜드 등 같은 영연방 국가들도 유사한 지침을 내렸다.  캐나다 캐나다 "법원의 인공지능 이용 원칙 및 지침" (23.12.10) AI 사용을 알리는 문구 명시   작성한 문서의 가장 앞쪽에 이런 문구를 명시해야함 "Artificial intelligence(AI) was used to generate content in this document" (인공지능을 사용하여 이 문서의 컨텐츠를 생성하였습니다) 7가지 원칙  (책무) 의사결정에 인공지능을 사용할 가능성에 대해 책임 (기본권 등 존중) 인공지능 사용으로 인해 사법 독립성, 사법 접근권 및 차별 없이 공정 한 심리를 받을 권리 등이 침해되지 않도록 보장 (비차별) 인공지능 사용으로 차별 이 재생산되고 악화되지 않도록 보장   (정확성) 인공지능의 이용에 사용된 데이터는 확인 및 검증된 데이터만 사용   (투명성) 인공지능이 사용하는 모든 데이터 처리방법에 대해 외부 감사 실시 (보안) 기밀성 프라이버시 출처표기 등이 보장되는 안전한 기술환경 에서 데이터 저장 및 관리   (사람의감시) 판사 및 재판 연구원은 인공지능 생성물을 자신들의 업무에 사용하고자 하는 경우 해당 생성물의 결과를 검증 공개협의(publicconsultation) 없이 자동화된 의사결정 도구 등 인공지능을 판결 명령에 사...
자세한 내용 보기

KT 에이블스쿨 : IT 인프라 (1일차~5일차) 공부 정리

이미지
   IT 인프라 24.05.7 (화) ~ 13 (월)  네트워크, 서버, 저 장장치(IT 인프라)를 온프레미스 환경에서 어떻게 구성하는지를 배웠다. 1일차  개념 (네트워크)   IT 인프라 이해 온프레미스 하이브리드 클라우드 IT 인프라 구성도  네트워크 이해 네트워크 종류 PAN : personal area LAN : local  MAN : metropolitan (대도시) WAN : wide (광대역)  네트워크 구성요소 전송 단말기 전송매체 전송 프로토콜 네트워크 장비 OSI 7계층  스위치 네트워크 스위치 : MAC 주소를 기반으로 노드와 노드간 연결 중개(허브, 다리처럼) 스위치 동작방식 캡슐화 IP 주소 서브넷 마스크 : IP주소 중 네트워크 주소, 호스트 주소 구분해줌 서브넷팅 : 네트워크를 작은 단위의 네트워크로 분할(00구 > 00동, 00동)  공인IP, 사설IP NAT : 사설IP를 공인IP로 변환 ARP : IP 만 알고 있을 때 Mac 주소를 확인 할 수 있도록 해줌 라우터와 라이팅 DHCP : TCP/IP를 Client에게 자동으로 할당해 IP 충돌방지  DNS 게이트웨이 라우터 모드  실습 (Cisco 패킷트레이서) 스위치 동작  스위치를 통한 네트워크 구성해 통신 확인 (ping ip주소) 맥주소 테이블 확인하며 동작 방식 이해 (show mac-address-table) 참고출처 : cisco 1. pc에 ip 설정 2. 스위치와 pc 간 노드연결 (이더넷 포트에 연결) 사설 IP주소, 공인 IP 주소 확인 라우터  라우터 모듈 선택하고 장착해 설정  라우터 모드 사용자: Router> 기본 관리자: Router#  enable 전체 설정모드 : Router(config)#  conf t          ...
자세한 내용 보기

KT 에이블스쿨 : 핀테크 아이디어 공모전

이미지
  KT 에이블스쿨을 하면서 발표 스터디를 했는데,  발표 스터디원의 일부랑 핀테크 아이디어 공모전에 참가했는데 그 과정을 정리해볼려고 한다.  조원 모집  처음에 핀테크 분야로 공모전을 찾은 것은 아니었다. 아이디어, 데이터분석과 관련된 공모전을 나가고 싶어서, KT 에이블스쿨의 발표 스터디에서 조원을 모집했다.  다들 열정이 많아서 바로 모을 수 있었다.  그뒤에, 공모전을 찾아서 투표를 했는데, 핀테크 아이디어 공모전의 표가 가장 많아서 이걸로 하게 되었다.  https://fintech.or.kr/web/expo/idea.do?menu_id=10300   공모전 일정은 이렇게 되어있고, 원래는 제출이 7월 초였으나 기한이 연장되었다.  며칠 뒤에 1차 발표가 나오는데, 좋은 결과가 있으면 좋겠다.  5월 30일에 시작을 했고,  팀즈로 주 1-2회씩 만나서 회의를 했다.  아이디어 선정 아이디어 부분은 구글 스프레드시트에서  각자가 가지고 있는 핀테크 관련 아이디어를 공유하고, 주1회 만나서 아이디어를 공유했다.  첫번째 회의에서는 여러 아이디어를 공유했지만, 모두 마음에 드는 아이디어가 없어서  기존 아이디어를 디벨롭하거나 추가해 다시 회의를 했다.   인당 최소 4개씩 찾아서 적기로 했고,   핀테크 샌드박스 규제 사이트, 핀테크 10가지 서비스 종류, 핀테크 기업의 신사업 등을 공유하면서 아이디어를 생각할려고 노력했다.  그러다가, 팀원 중 한분이 핀테크의 "STO (토큰증권)"라는 새로운 기술을 알려주셨다.  국내에 현재 1개 기업만 있고, 신기술이라서 규제가 제대로 마련되지 않은 새로운 분야였다.  팀원 모두 만장일치로 STO 기술을 활용한 아이디어를 제안하기로 결정했다 !  STO는 토큰증권으로 현재의 조각투자랑 비슷한 방식인 소액투자이다....
자세한 내용 보기