미드저니로 ATM UI Design을 해보았다

미드저니로 ATM UIUX디자인을 시켜봄

넷플릭스 UI디자인 프롬프트 참고

https://brunch.co.kr/@design-nonri/72

ChatGpt와 미드저니로 넷플릭스 UI 리디자인하기

프롬프트

high-resolution interface, bank atm main draft design, button align, 4 frequently used buttons, 5 option buttons, blue tone, user interface, screen size 5:4, figma --ar 5:4

 

5:4사이즈로 부탁했지만

모바일 UI데이터가 많아서 그런지 길쭉하게만 나옴

새로 요청

ATM보다는 kiosk데이터가 많을것 같아 프롬프트 변경

high-resolution interface, kiosk main draft design, button align, 4 frequently used buttons, 5 option buttons, blue tone, user interface, screen size 5:4, figma --ar 5:4

 

1번 선택

Vary(Strong)선택

강조색 추가

high-resolution interface, kiosk main draft design, button align, 4 frequently used buttons, 5 option buttons, blue tone, Accent color orange, user interface, screen size 5:4, figma

비율실패로 blue::9, orange::1로 변경하고 Figma를 제거해봄

high-resolution interface, kiosk main draft design, button align, 4 frequently used buttons, 5 option buttons, blue::9, orange::1, user interface, screen size 5:4

피그마를 제거하면 안되는듯.

high-resolution interface, kiosk main draft design, button align, 4 frequently used buttons, 5 option buttons, blue::9, orange::1, user interface, screen size 5:4 , figma

의도와 점점 멀어지는 느낌이라 bank와 하드웨어 디자인은 제거해달라고 함.

high-resolution interface, bank kiosk main draft design, button align, 4 frequently used buttons, 5 option buttons, blue::9, orange::1, no hardware design, user interface, screen size 5:4, figma

산으로 가고 있어서  위에 나온 결과물 중 2번을 활용하기로 함

V2

V3

kiosk > bank로 다시 입력

색다른 시안을 보고 싶어서 --chaos 100추가

high-resolution interface, bank atm main draft design, button align, 4 frequently used buttons, 5 option buttons, blue tone, user interface, screen size 5:4, figma --ar 5:4 --chaos 100

젠장