Skip to content

๐ŸŽจ [๋””์ž์ธ][UI][์ „์ฒด] ์•ฑ ์•„์ด์ฝ˜ ๋ฐ ์œ„์ ฏ์„ ํ–‰์„ฑ ํ…Œ๋งˆ๋กœ ๋ณ€๊ฒฝย #56

@EM-H20

Description

@EM-H20

๐Ÿ–Œ๏ธ ์š”์ฒญ ๋‚ด์šฉ

  • ํ˜„์žฌ ์•ฑ ์ „๋ฐ˜์—์„œ ์‚ฌ์šฉ ์ค‘์ธ Material Design ๊ธฐ๋ณธ ์•„์ด์ฝ˜(Icons.home, Icons.timer, Icons.explore ๋“ฑ)์„ ํ–‰์„ฑ ํ…Œ๋งˆ ์ปค์Šคํ…€
    ์•„์ด์ฝ˜์œผ๋กœ ๊ต์ฒด
  • ํ•˜๋‹จ ๋„ค๋น„๊ฒŒ์ด์…˜ ๋ฐ” ์•„์ด์ฝ˜์„ ํ–‰์„ฑ/์šฐ์ฃผ ์ปจ์…‰์— ๋งž๋Š” ์•„์ด์ฝ˜์œผ๋กœ ๋ณ€๊ฒฝ
  • ๊ฐ ๊ธฐ๋Šฅ๋ณ„ ์œ„์ ฏ(์นด๋“œ, ๋ฒ„ํŠผ, ์ธ๋””์ผ€์ดํ„ฐ ๋“ฑ)์— ํ–‰์„ฑ ํ…Œ๋งˆ ๋น„์ฃผ์–ผ ์š”์†Œ ์ ์šฉ
  • ๊ธฐ์กด SpaceIcons ์‹œ์Šคํ…œ(emoji โ†’ Material Icon ๋งคํ•‘)์„ ํ™œ์šฉํ•˜๋˜, ๋” ์ผ๊ด€๋œ ํ–‰์„ฑ ํ…Œ๋งˆ๋กœ ํ™•์žฅ

๐ŸŽฏ ๊ธฐ๋Œ€ ๊ฒฐ๊ณผ

  • ์•ฑ ์ „์ฒด์ ์œผ๋กœ ํ–‰์„ฑ/์šฐ์ฃผ ํ…Œ๋งˆ๊ฐ€ ํ†ต์ผ๋œ ๋น„์ฃผ์–ผ ๊ฒฝํ—˜ ์ œ๊ณต
  • ๊ธฐ๋ณธ Material ์•„์ด์ฝ˜ ๋Œ€์‹  ์šฐ์ฃผ ์ปจ์…‰์— ๋งž๋Š” ์•„์ด์ฝ˜ ์‚ฌ์šฉ์œผ๋กœ ๋ชฐ์ž…๊ฐ ํ–ฅ์ƒ
  • ํƒํ—˜(Exploration) ํ™”๋ฉด๋ฟ ์•„๋‹ˆ๋ผ ํ™ˆ, ํƒ€์ด๋จธ, ์†Œ์…œ, ํ”„๋กœํ•„ ๋“ฑ ๋ชจ๋“  ํ™”๋ฉด์— ํ–‰์„ฑ ํ…Œ๋งˆ ์ผ๊ด€ ์ ์šฉ

๐Ÿ“‹ ์ฐธ๊ณ  ์ž๋ฃŒ

  • ํ˜„์žฌ ์•„์ด์ฝ˜ ์‹œ์Šคํ…œ: lib/core/constants/space_icons.dart (emoji โ†’ icon ๋งคํ•‘, ํ–‰์„ฑ ์ƒ‰์ƒ/๊ทธ๋ผ๋””์–ธํŠธ ์ •์˜)
  • ์ปค์Šคํ…€ ์•„์ด์ฝ˜ ์œ„์ ฏ: lib/core/widgets/gradient_circle_icon.dart (๊ทธ๋ผ๋””์–ธํŠธ ์›ํ˜• ์•„์ด์ฝ˜)
  • ํ•˜๋‹จ ๋„ค๋น„๊ฒŒ์ด์…˜: lib/routes/main_shell.dart (FloatingNavBar)
  • Lottie ์—์…‹: assets/lotties/ (๋กœ์ผ“ ๋“ฑ ์• ๋‹ˆ๋ฉ”์ด์…˜)
  • SVG ์—์…‹: assets/icons/

๐Ÿ’ก ์ถ”๊ฐ€ ์š”์ฒญ ์‚ฌํ•ญ

  • ํ–‰์„ฑ ํ…Œ๋งˆ ์•„์ด์ฝ˜์€ ๊ธฐ์กด SpaceIcons ์‹œ์Šคํ…œ๊ณผ์˜ ์ผ๊ด€์„ฑ ์œ ์ง€
  • ๊ฐ ํ™”๋ฉด/๊ธฐ๋Šฅ๋ณ„ ๋Œ€ํ‘œ ํ–‰์„ฑ ๋งคํ•‘ ๊ณ ๋ ค (์˜ˆ: ํ™ˆ=์ง€๊ตฌ, ํƒ€์ด๋จธ=ํ† ์„ฑ, ํƒํ—˜=ํ™”์„ฑ ๋“ฑ)
  • ์•„์ด์ฝ˜ ๋ณ€๊ฒฝ ์‹œ ์ ‘๊ทผ์„ฑ(ํฌ๊ธฐ, ๋Œ€๋น„) ๊ณ ๋ ค

๐Ÿ™‹โ€โ™‚๏ธ๋‹ด๋‹น์ž

  • ๋ฐฑ์—”๋“œ: ์ด๋ฆ„
  • ํ”„๋ก ํŠธ์—”๋“œ: @EM-H20
  • ๋””์ž์ธ: ์ด๋ฆ„

Metadata

Metadata

Assignees

Labels

์ž‘์—…์™„๋ฃŒ์ž‘์—… ์™„๋ฃŒ ์ƒํƒœ์ธ ๊ฒฝ์šฐ (์ด์Šˆ ํ์‡„)

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions