UIUX Design(2)
-
[웹/앱디자이너를 위한] PC/태블릿PC/모바일 해상도 기준 잡기
저는 숫자에 약합니다. 외웠던 숫자도 안 쓰면 까먹습니다. 따라서 저도 정리하고 기록할 요량으로 써내려가봅니다. PC는 전체로는 1024px로 주로 작업되는 편이었으나 요즘엔 좀 더 크게도 작업하는 경우가 있습니다. 퍼블리싱할 때 논의 후 결정할 수 있겠지요. 권장 규격 정리! (실무에서는 따로 협의해야 할 이슈가 있을 수 있습니다!) PC - 전체 : 1200*975px (디자인에 따른 협의사항) - 콘텐츠(컨테이너) : 800~1000px 정도로 잡곤 합니다. (협의 필요) 태블릿 - 전체 : 768*1024 (가장 많이 쓰는 규격) - 좌우 여백 : 40 모바일 - 전체 : 320 or 360 (320은 가장 작은 아이폰 미니 사이즈입니다.) - 좌우 여백 : 20
2022.07.13 -
[웹/앱디자이너를 위한] PNG vs SVG 차이와 IOS(애플)
1. png와 svg의 차이! 지만 svg설명 svg는 XML 기반의 벡터 이미지입니다. (브라우저가 계산하여 패스로 그려준다고 생각하시면 됩니다.) 자세한 설명은 https://svgontheweb.com/ko/ 웹에서 SVG 사용하기 들어가며 우리는 픽셀의 시대를 살아가고 있습니다. 웹 디자이너와 웹 개발자들에게 픽셀이란 뗄레야 뗄 수 없는 친구이면서 골치덩어리입니다. 완벽한 웹 사이트를 위해서는 파일 용량을 줄여 svgontheweb.com 브라우저가 그려주기 때문에 인터넷 없이도 보일 거 같으나 (추측일 뿐 테스트는 안 해봤네요 ^^) CSS, JS로 수정이 용이하단 강점이 있고 용량도 png보다 작습니다. 2. 개발자분들이 IOS에서는 png 쓰라고 하던데요, 왜 svg만 쓰는 거 안 되나요? ..
2022.07.11