본문 바로가기

기획/Adobe XD

[Adobe XD 기초]출력되는 화면 크기로 미리보기 'ctrl+enter'

제작한 화면 구성을 공유하기 전에, 만든 화면의 해상도가 의도한 바와 같이 출력되는지 확인을 할 필요가 있죠. 

 

보기에 좋은 그림을 그렸다고 해도, 실제 전달하게 되는 해상도 기준에서 안맞게 나올 수도 있고, 비율이 달라지는 경우도 있을 수 있어요. 

 

24 x 24 크기의 버튼아이콘을 넣었는데, 이게 배율 때문에 바뀌면 억울하잖아요.

먼저 기준 해상도가 정해졌으면, 기준 해상도에 맞게 화면을 갖춰보고

작업했던 내용은 안드로이드 360 x 640 기준 작업물이에요. 
8 grid 확인. 

작성된 작업물이 실제 단말기에서 출력되는걸 확인해보고 싶을 때에는, 작성된 파일의 아트보드 선택 후 control + enter 를 눌러줍니다. 

단말기의 해상도에 따라 프레임을 포함하는 경우도 있으니, (예를 들면 아이폰 12 맥스라든지..) 확인은 필수에요. 

같은 방법으로 다양한 해상도, 배율 기준의 아트보드 내에서 화면 확인을 해보면, 의도한 그림대로 나오는지 확인을 하고, 전달이 가능하니까, 꽤 유용해요. 

 

실은 누군가에게 전해주고 싶은데, 전해줄 수가 없어서, 혹 검색하다가 찾아서 보라고 적어봅니다. 

 

좋은 하루 되세요.!