ios
-
[UI Clone for iOS] ๋ฐฐ๊ฒฝ์ ๋ฐ๋ผ ๋ฐ์ ์์ด ๋ณํ๋๋ก ๋ง๋ค๊ธฐ | blur ํจ๊ณผTo infinity/UI,UX 2022. 2. 28. 13:11
1. ๋ฐฐ๊ฒฝ๊ทธ๋ฆผ์ ๋ฐ๋ผ '์ํ๋ฐ'์ ์์ด ๋ณํ๋๋ก ์ค์ ํ๊ธฐ ์ฌ์ฌ์ฉ์ด ๊ฐ๋ฅํ๋๋ก ๋ง๋ค์ด์ผ ํ๊ธฐ ๋๋ฌธ์ ๋จ๋ ์ผ๋ก ์์์ ์ฃผ๊ธฐ ๋ณด๋ค๋ ๋ฐฐ๊ฒฝ์์ ๋๊ณ ์ค๋ ํํ๋ก ๋ง๋๋ ๊ฒ์ด ์ข๋ค. '์ํ๋ฐ'๋ผ๊ณ ์นญํ๋ ์๋ ์ฌ๊ฐํ์ ํ์ฌ ํฐ์ ๋ฐฐ๊ฒฝ์ผ๋ก ์ฑ์์ ธ์๋ ์ํ๋ค. 1) ํด๋น ํฐ ๋ฐฐ๊ฒฝ์ ๋๊ณ (fill์ ์ฒดํฌ๋ฅผ ํด์ ํ๋ค) 2) blur์์ background blur๋ก ์ํ๋ฅผ ๋ฐ๊พผ ๋ค ์ด๋์ ๋ ๋ธ๋ฌ๋ฅผ ์ค์ง ๊ฐ์ ์ค์ ํ๋ค. ๊ทธ๋ฌ๋ฉด ์๋ ๊ทธ๋ฆผ์ฒ๋ผ ๋ฐฐ๊ฒฝ์์ ๋ธ๋ฌ์ฒ๋ฆฌํ์ฌ ์ด๋ค ๋ฐฐ๊ฒฝ๊ทธ๋ฆผ์ด ์๋ ์ํ๋ฐ์ ์์์ด ๋ค์ด๊ฐ๊ฒ ๋๋ค. 2. ํด๋น ์ค์ ์ ์ฌ๋ณผ๋ก ๋ง๋ค์ด์ผ ํ ๊น? ์ด๋ฏธ ๋น์ทํ ๋ชจ์์ ์ฌ๋ณผ์ด ์กด์ฌํ๊ณ , ๋จ์ง '๋ฐฐ๊ฒฝ์์'๋ง ๋ณํ๊ธฐ ๋๋ฌธ์ ๋ ํ๋์ ์ฌ๋ณผ์ ๋ง๋๋ ๊ฒ์ ๋นํจ์จ์ ์ด๋ค. ๋ฐ๋ผ์, ๊ธฐ์กด ์ฌ๋ณผ์์ ๋ฐฐ๊ฒฝ์์๋ง ๋ณํ๋๋ก '์คํ์ผ'..