πŸ”Ž #34. ν…μŠ€νŠΈλ§Œ μž…λ ₯ν•΄μ„œ μžλ™μœΌλ‘œ μ•± λ””μžμΈν•˜κΈ°(Uizard AI)

κ΅¬λ…μžλ‹˜, μ•ˆλ…•ν•˜μ„Έμš”?
맀일 1개의 ν”„λ‘¬ν”„νŠΈλ₯Ό λ°°λ‹¬ν•΄λ“œλ¦¬λŠ” Daily Promptμž…λ‹ˆλ‹€.

λ§€μ£Ό μ›”μš”μΌκ³Ό λͺ©μš”μΌμ—λŠ” 이미지 생성 ν”„λ‘¬ν”„νŠΈλ₯Ό λ³΄λ‚΄λ“œλ¦½λ‹ˆλ‹€.
μ˜€λŠ˜μ€ ν…μŠ€νŠΈ μž…λ ₯만으둜 λ§Œλ“œλŠ” UX/UI Design AI, Uizard μ‚¬μš©λ²•을 λ‹€λ£Ήλ‹ˆλ‹€.


1. Uizard μ ‘μ†ν•˜κΈ°

μ΅œμ΄ˆμ—λŠ” νšŒμ›κ°€μž…μ΄ ν•„μš”ν•©λ‹ˆλ‹€. 둜그인 ν›„ λ³΄μ΄λŠ” μ•„λž˜ νŽ˜μ΄μ§€μ—μ„œ "Generate With Autodesigner"λ₯Ό ν΄λ¦­ν•©λ‹ˆλ‹€.

Uizard 둜그인 ν›„ 첫 ν™”λ©΄
Uizard 둜그인 ν›„ 첫 ν™”λ©΄

 

2. ν”„λ‘¬ν”„νŠΈ μž…λ ₯ν•˜κΈ°

μ•„λž˜ 이미지와 같은 νŽ˜μ΄μ§€μ—μ„œ Mobile, Tablet, Web 쀑 Device ν•˜λ‚˜λ₯Ό μ„ νƒν•˜κ³ , 이 μ„œλΉ„μŠ€μ— λŒ€ν•œ κ°„λž΅ν•œ μ†Œκ°œλ₯Ό μž‘μ„±ν•©λ‹ˆλ‹€(Describe your project in plain English). 이후 ν”„λ‘¬ν”„νŠΈμ— ν•΄λ‹Ήν•˜λŠ” λ””μžμΈ μŠ€νƒ€μΌκ³Ό ν‚€μ›Œλ“œλ₯Ό μ μŠ΅λ‹ˆλ‹€(Describe a design style, pick keywords, or both). μž‘μ„±μ΄ μ™„λ£Œλ˜λ©΄ "Generate my project"λ₯Ό ν΄λ¦­ν•©λ‹ˆλ‹€.

Uizard AutoDesigner
Uizard AutoDesigner

였늘의 ν”„λ‘¬ν”„νŠΈ:

beautiful typography, minimal design

 

3. ν”„λ‘¬ν”„νŠΈ μž…λ ₯ κ²°κ³Ό

였늘의 ν”„λ‘¬ν”„νŠΈ μž…λ ₯κ²°κ³Ό(Uizard Autodesigner):

κ²°κ³Όκ°€ λ§ˆμŒμ— λ“€μ§€ μ•ŠλŠ”λ‹€λ©΄ ν•˜λ‹¨ "Regenerate"λ²„νŠΌμ„ 눌러 μƒˆλ‘œμš΄ λ””μžμΈμ„ 생성할 수 μžˆμŠ΅λ‹ˆλ‹€.

Uizard Autodesigner
Uizard Autodesigner

μƒˆλ‘œμš΄ λ””μžμΈμ„ μƒμ„±ν•œ κ²°κ³Ό:

상세 보기: https://app.uizard.io/p/e4f76656/preview

이미지λ₯Ό ν΄λ¦­ν•˜λ©΄ μƒμ„Έλ³΄κΈ°λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.
이미지λ₯Ό ν΄λ¦­ν•˜λ©΄ μƒμ„Έλ³΄κΈ°λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

 

마무리

1) Uizardμ—λŠ” λ‹€λ₯Έ μœ μš©ν•œ κΈ°λŠ₯도 μžˆμŠ΅λ‹ˆλ‹€. μ–΄ν”Œμ˜ μŠ€ν¬λ¦°μƒ·μ„ 찍어 μ—…λ‘œλ“œν•˜λ©΄ κ·Έ 화면을 νŽΈμ§‘ν•  수 μžˆλŠ” κΈ°λŠ₯도 있고, μ†μœΌλ‘œ κ·Έλ¦° Wireframe μŠ€μΌ€μΉ˜λ₯Ό κ΅¬ν˜„ν•΄μ£ΌκΈ°λ„ ν•©λ‹ˆλ‹€.

Uizard Wireframe sketch to design
Uizard Wireframe sketch to design

2) κΈ°μ‘΄ Figmaλ‚˜ AdobeXD μœ μ €λΌλ©΄ λ°”λ‘œ μ μ‘ν•΄μ„œ μ‚¬μš©ν•  수 μžˆλŠ” AIμž…λ‹ˆλ‹€. μ΅œλŒ€ 단점이라면 Uizardμ—μ„œ μƒμ„±λœ λ””μžμΈμ„ Figma둜 뢈러올 수 μ—†λ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€. λŒ€μ‹  Figmaμ—μ„œ μž‘μ—…ν•œ λ””μžμΈμ€ Uizard둜 뢈러올 수 μžˆμŠ΅λ‹ˆλ‹€.

3) Figma λ‚΄μ—μ„œ ν”„λ‘¬ν”„νŠΈλ₯Ό μž…λ ₯ν•˜μ—¬ λ””μžμΈμ„ 생성할 수 μžˆλŠ” Figma ν”ŒλŸ¬κ·ΈμΈ "builder.io"도 μΆœμ‹œλ˜μ—ˆμŠ΅λ‹ˆλ‹€λ§Œ, μ™€μš° ν¬μΈνŠΈλŠ” Uizardκ°€ μ••μŠΉμž…λ‹ˆλ‹€. κΈ°μ‘΄ Figma μ‚¬μš©μžμ—κ²ŒλŠ” builder ν”ŒλŸ¬κ·ΈμΈμ„ μ‚¬μš©ν•˜λŠ”κ²Œ 더 νŽΈλ¦¬ν•  μˆ˜λ„ μžˆμœΌλ‚˜, 머릿속에 μ‹œκ°μ •λ³΄λ₯Ό ν…μŠ€νŠΈλ‘œ μ„€λͺ…ν•˜λŠ” 것이 였히렀 λ””μžμ΄λ„ˆμ—κ²Œ 더 μ–΄λ €μš΄ μž‘μ—…μΌ 수 μžˆλ‹€λŠ” 생각이 λ“­λ‹ˆλ‹€. 


였늘의 ν”„λ‘¬ν”„νŠΈλŠ” μ–΄λ– μ…¨λ‚˜μš”? λŒ“κΈ€κ³Ό κ³΅μœ ν•˜κΈ°λ‘œ ν‘œν˜„ν•΄μ£Όμ„Έμš”:)

ν•„μš”ν•œ ν”„λ‘¬ν”„νŠΈκ°€ μžˆλ‹€λ©΄ μ–Έμ œλ“ μ§€ μ•Œλ €μ£Όμ„Έμš”.
κ°μ‚¬ν•©λ‹ˆλ‹€. 내일 또 λ΅™κ² μŠ΅λ‹ˆλ‹€.