2023. 2. 27. 12:08ใUXUI๐ซข

์์ด์ฝ ๊ทธ๋ฆฌ๊ธฐ์ ๋ฒ์น
1 . ๊ฒฉ์๋ฅผ ์ด์ฉํด ๊ทธ๋ ค์ผ ์๊นจ์ง๋ค

2. ๋ชจ๋ฐ์ผ์ ๊ฒฝ์ฐ *1๋ฐฐ์~ 4๋ฐฐ์๊ฐ ์๋ค
3. ๊ทธ๋ ค์ง๋ ์์ด์ฝ์ 2๋ฐฐ์์ ํํ๋ก ์งํํ ๊ฒ์ด๋ค
4. ๊ฒฉ์์ ๋ง์ถฐ ๊ทธ๋ ค์ง์ง ์์ผ๋ฉด ๋ฐฑํฐ๋ก ์ ์ํ ๋ ์๊นจ์ ธ ๋ณด์ด์ง๋ง png๋ก ๋ฝ์๋์๋ ๊นจ์ ธ๋ณด์ธ๋ค
5. ๊ฒฉ์๋ฅผ ํค๊ธฐ์ ์ Snap to grid๋ฅผ ์ผ์ค๋ค

6. ๋๊ฐ์ ์ ๋ ๊ธธ์ด๋ณด์ด๋ ์ต์ฑ์ ์ธ์งํ ์ํ๋ก ๋์์ธํด์ผํ๋ค

6. ์์ด์ฝ ์์ฑ ์ดํ์ ์คํธ๋กํฌ๋ฅผ ๊นจ์ฃผ๋ ๊ฒฝ์ฐ ์์ด์ฝ์ฌ์ด์ฆ์ ๋ฏธ์ธํ ๋ณ๋์ด ์๊ธฐ๊ฒ๋๋ค ๋ฉด๊ณผ ๋ฉด์ ๊ฑฐ๋ฆฌ๋ฅผ ์ธก์ ํ๋๊ฒ ์๋๋ผ ์คํธ๋กํฌ์ ์ ํ๋ ์ ์ฌ์ด์ ๊ฑฐ๋ฆฌ๋ฅผ ์ธก์ ํ๊ธฐ ๋๋ฌธ์ ๋ณ๋์ด ์๊ธด๋ค

7.์ด๋ถ๋ถ์ ๊ณ ๋ คํด์ ์์ด์ฝ ์์ฑ ์ด๊ธฐ๋ถํฐ ํฌ๊ธฐ๊ฐ ์์์ง๊ฒ์ ์์ธกํ๊ณ ์คํธ๋กํฌ๋ฅผ ์์ชฝ์ผ๋ก ์ธํ ์ดํ ์์ ํ๋ค
w:31 H:22 ๋ก ์ด ํฌ๊ธฐ ์ธํ ํด์ค ์ดํ Expand ์์ผ์ฃผ๋ฉด ๋น๋ก์ ์๋ฒฝํ ์์ด์ฝ ํ๋๊ฐ ์์ฑ๋๋ค
์ด ๋ชจ๋ ์์น๋ค์ ์ค์ํด์ ๊ทธ๋ฆฌ๋ ๊ฒฝ์ฐ ์์ด์ฝ์ ๋ํ ์ผ์ด ๋ง์์ง์๋ก ์กฐ๋ฆฝ์ด ์ด๋ ค์์ง๋ฉฐ ์ค๋ น ์์ฑ๋๋ค ํ๋ค
์๊ฐ์ ์ผ๋ก ํ๋์ ์์๋ณผ์ ์๋ ์ง๊ด์ฑ ์ด ๋จ์ด์ง๋ค
๊ทธ๋์ ์์ด์ฝ์ ๊ฐ๋จํ์ง๋ง ์ ๋ณด์ ๋ฌ์ ์ํํธ๋ฅผ
๋์ธ ํ์์ผ๋ก ๋์์ธ ๋์ด์ผํ๋๊ฒ ๋ง๋ค
https://www.remain.co.kr/page/designsystem/ratio-design.php
๋ฆฌ๋ฉ์ธ
ํด์๋์ ๋ฐ๋ฅธ ๋ฐฐ์จ๋์์ธ ๋์คํ๋ ์ด ๊ธฐ์ ์ด ๋ฐ์ ํจ์ ๋ฐ๋ผ ๊ณ ๋ฐ๋ ๋์คํ๋ ์ด(๋ ํฐ๋ ๋์คํ๋ ์ด)๊ฐ ๋ฑ์ฅํ๋ฉด์ ๋๋ฐ์ด์ค ํด์๋๋ ๋ฐ์ ํ์ต๋๋ค. (๋์คํฐํ ๋จ๊ณ์ ํด์๋์ ์ข ๋ฅ ์ฐธ๊ณ ) ๊ฐ
www.remain.co.kr
https://brunch.co.kr/@chulhochoiucj0/27
๋ชจ๋ฐ์ผ UI ๋์์ธ - ์์ด์ฝ ๋์์ธ ์ฐธ๊ณ ์๋ฃ ๋ชจ์
๋ชจ๋ฐ์ผ ์ฑ ์์ด์ฝ ์ธํธ ๋์์ธ ์ ์ฐธ๊ณ ํ ์๋ฃ์ ๊ฐ์ด๋ ๋ชจ์ | ๋ชจ๋ฐ์ผ ์ฑ์ ์์ด์ฝ ์ธํธ๋ฅผ ๋์์ธํ๊ธฐ ์ ์์ด์ฝ์ ๊ตฌ์กฐ์ ํํ๋ฅผ ์์์ผ ํฉ๋๋ค. ๋ค์์ ์ ๊ฐ ์ฑ๊ณผ ์น ์์ด์ฝ ๋์์ธ์ ํ๋ฉด์
brunch.co.kr
์ฐธ๊ณ ํ๋ฉด ์ข์ ์๋ฃ๋ค์ ํจ๊ป ์ฌ๋ฆฐ๋ค