Notice
Recent Posts
Recent Comments
Link
ยซ   2026/05   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Tags
more
Archives
Today
Total
๊ด€๋ฆฌ ๋ฉ”๋‰ด

็„ก์ œ

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์™€ UI ๋””์ž์ด๋„ˆ ์ถ”์ฒœ ์‚ฌ์ดํŠธ ๋ณธ๋ฌธ

<tips>

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์™€ UI ๋””์ž์ด๋„ˆ ์ถ”์ฒœ ์‚ฌ์ดํŠธ

yo-u-loo 2026. 3. 17. 14:14

 

โ€Š๐Ÿ“• UI ๋””์ž์ธ ๋ ˆํผ๋Ÿฐ์Šค โ€Š๐Ÿ“•

  • Pinterest - ์ด๋ฏธ์ง€, ๋””์ž์ธ, ์˜ˆ์ˆ  ๊ด€๋ จ ์†Œ์…œ ๋„คํŠธ์›Œํฌ ์„œ๋น„์Šค https://kr.pinterest.com/
  • Behance - ์ „ ์„ธ๊ณ„ ๋””์ž์ด๋„ˆ์™€ ์˜ˆ์ˆ ๊ฐ€์˜ ์ „์‹œ์žฅ https://www.behance.net/
  • Good Web Design - ๊ตญ๋‚ด ๋ฒ ์ŠคํŠธ UI/UX ๋””์ž์ธ ์–ด์›Œ๋“œ https://www.gdweb.co.kr/main/index.asp
  • DB CUT - ๊ตญ๋‚ด UI ๋””์ž์ธ ๋ ˆํผ๋Ÿฐ์Šค ์ œ๊ณต https://www.dbcut.com/
  • Awwwards - ๊ธ€๋กœ๋ฒŒ ๋ฒ ์ŠคํŠธ UI/UX ๋””์ž์ธ ์–ด์›Œ์ฆˆ https://www.awwwards.com/
  • MOBBIN - ๋ชจ๋ฐ”์ผ ์•ฑ ๋””์ž์ธ ๋ ˆํผ๋Ÿฐ์Šค https://mobbin.com/
  • Dribbble - ๊ธ€๋กœ๋ฒŒ ํŠธ๋žœ๋”” ๋””์ž์ธ ๋ ˆํผ๋Ÿฐ์Šค https://dribbble.com/
  • wwit- ๊ตญ๋‚ด ๋ชจ๋ฐ”์ผ ์•ฑ ํ”Œ๋กœ์šฐ ์•„์นด์ด๋ธŒ https://wwit.design/

 


 

๐Ÿ“— ์ฝ”๋”ฉ ๋ ˆํผ๋Ÿฐ์Šค ๐Ÿ“—

  • ์ฝ”๋”ฉ์„ ๊ฒŒ์ž„์œผ๋กœ ๊ณต๋ถ€ํ•˜๋Š” ์‚ฌ์ดํŠธ
  • bxSlider - ์ด๋ฏธ์ง€ jQuery ์Šฌ๋ผ์ด๋” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ https://bxslider.com/
  • slick - ๋ฐ˜์‘ํ˜• ์›น ์ง€์› jQuery ์Šฌ๋ผ์ด๋” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ https://kenwheeler.github.io/slick/
  • jqueryui - jQuery์— ๋ฐ”๋กœ ์ ์šฉ ๊ฐ€๋Šฅํ•œ UI ์ฝ”๋“œ๋ฅผ ์ œ๊ณต https://jqueryui.com/
  • HTML DRIVE - UI๋””์ž์ธ์˜ ๋™์ ํ‘œํ˜„์„ ์œ„ํ•œ Vanilla JS, jQuery, Plug-in, CSS3, Html5 ๋“ฑ์˜ ๊ฐ์ข… ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ฝ”๋“œ๋ฅผ ์ œ๊ณต http://www.htmldrive.net/
  • Opentutorials.org - ๋‹ค์–‘ํ•œ ์–ธ์–ด ๊ณต๋ถ€ https://opentutorials.org/
  • TCPSCHOOL - ์ฝ”๋”ฉ ๊ณต๋ถ€ ์‚ฌ์ดํŠธ ๋ฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ https://tcpschool.com/
  • w3schools - ์ฝ”๋”ฉ ๋…ํ•™ https://www.w3schools.com/
  • CODEPEN - ์˜จ๋ผ์ธ ์›น ํŽธ์ง‘ ์‚ฌ์ดํŠธ https://codepen.io/
  • coverr - ๋””์ž์ธ ๋ฌด๋ฃŒ ์˜์ƒ ํŒŒ์ผ ์ œ๊ณต https://coverr.co/
  • HTML Color Codes - ๋””์ž์ธ ์ปฌ๋Ÿฌ ์ด๋ฏธ์ง€ ๋ฐ ํ…Œ์ŠคํŠธ https://htmlcolorcodes.com/
  • lipsum - ์˜๋ฏธ ์—†๋Š” ํ…์ŠคํŠธ ์ œ๊ณต https://www.lipsum.com/
  • ํ•œ๊ธ€์ž…์ˆจ - lipsum ํ•œ๊ธ€ver https://korean-ipsum.vercel.app/
  • unsplash - ๊ณ ํ€„๋ฆฌํ‹ฐ ๋ฌด๋ฃŒ ์ด๋ฏธ์ง€ ์ œ๊ณต https://unsplash.com/ko
  • coolsymbol - ์•„์ด์ฝ˜ ๋ฐ ํŠน์ˆ˜๋ฌธ์ž ์ƒ์„ฑ ( CDN ์„ค์น˜ ์—†์ด HTML์— ๋ถ™์—ฌ๋„ฃ๊ธฐ ๊ฐ€๋Šฅ) https://coolsymbol.com/
  • icons8 - ์•„์ด์ฝ˜ ์ด๋ฏธ์ง€ ์ž๋ฃŒ https://icons8.com/

 


 

๐Ÿ“˜ ์ฝ”๋”ฉ ํ•™์Šต์— ๋„์›€ ๋˜๋Š” ์œ ํŠœ๋ธŒ ์ฑ„๋„ ๐Ÿ“˜

 


 

๐Ÿ“™โ€Š ํ…์ŠคํŠธ ๋น„๊ต ์‚ฌ์ดํŠธ ๐Ÿ“™โ€Š

 


 

๐Ÿ“š ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์œ ์šฉํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ๐Ÿ“š

 


 

๐Ÿ“š ๋””์ž์ด๋„ˆ์—๊ฒŒ ์œ ์šฉํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ๐Ÿ“šโ€Š