블로그 디자인의 시작! 네이버 블로그 스킨 사이즈 제대로 이해하기
이민호 ・ 2021. 1. 26. 12:39
블로그 디자인의 시작!
[네이버블로그 스킨 사이즈]
제대로 이해하기
※ 모든 이미지는 선택하면 원본 보기
큰 이미지로 보실 수 있습니다
블로그 주제와 나를 표현하는
블로그 스킨은 매우 중요합니다.
인터넷 공간에서 사용자에게
긍정적인 느낌과 인상으로 기억되기 위해선
시각적 감성의 어필이 중요하기 때문이죠.
멋진 블로그 디자인을 하고 싶지만
흙손이라고 컴맹이라고 포기하셨나요?
모두 핑계일 뿐이에요~
관심을 가지고 하나씩 실행해보면
누구나 금손이 될 수 있답니다.
그럼 블로그 디자인의 핵심적인 요소
스킨 이미지에 대해 알아보겠습니다.
스킨 이미지는 블로그 배경 이미지입니다.
스킨 이미지를 그냥 배경으로 깔아 놓아도 괜찮고
투명 위젯을 더해서
홈페이지형 블로그를 만들 수도 있죠.
네이버 블로그 스킨 사이즈는
모니터 해상도를 고려하여 자유롭게 만들면 됩니다.
네이버도 가로 3000픽셀 이하라고만 안내하죠.
추천 사이즈는 가로 1920픽셀 or 2560픽셀입니다.
세로 사이즈는 보통 600 픽셀 이하로
디자인에 따라 정하면 되죠.
투명 위젯을 활용하여 세로 1200픽셀까지
활용하는 분도 있습니다.
모니터 해상도
추천 사이즈는 모니터 해상도 사이즈입니다.
요즘 가장 많이 사용되는 해상도가
1920*1080이고2560*1440도
사용자가 늘고 있는 추세이기에
1920픽셀이나 2560픽셀로 만들면 되죠.
제 모니터는 32인치인데
사용하는 해상도는 1920*1080(FHD)입니다.
2560*1440(QHD)은 글자가 작은 거 같아
블로그 등 웹을 이용할 때는 FHD 해상도를 선호합니다.
그래서 스킨을 1920*640으로 만들어 보았는데
좌우 끝 화면이 딱 맞는 보기 좋은 스킨이 됩니다.
그런데 모니터 해상도를 가로 3200으로 변경하면
위와 같은 현상이 발생합니다.
스킨 이미지를 보면 좌 우가 어색하죠.
스킨 사이즈는 가로 1920 픽셀이기 때문에
모니터 해상도가 가로 3200픽셀이면
1280픽셀의 이미지가 모자라게 됩니다.
이런 상황이면 네이버 블로그는
원본 스킨 이미지를 좌우로 복사해서
모자란 부분의 이미지를 채워서 보여 줍니다.
그래서 스킨 이미지가 어색하게 보이는 것이죠.
아래는 스킨 사이즈가 가로 1920픽셀 일 때
모니터 해상도 설정에 따른 비교 이미지입니다.
한번 보시죠~
개인 차가 있겠지만 32인치에서 웹을 이용할 때
2560*1440(QHD) 해상도는 불편함이 느껴지는데
그 위 해상도는 말할 것도 없겠죠.
그래서 제가 생각하는
가장 이상적인 네이버 블로그 스킨 사이즈는
가로 1920픽셀에 최적화 되도록 만들되
1280과 2560까지 대응할 수 있도록 만들면 좋다는
결론을 내려 봅니다.
제 블로그는 홈페이지형 블로그인데
스킨 사이즈는 3000*700입니다.
이미지 없는 미니멀 스타일이기 때문에
계산상으론 5000픽셀 해상도에도 대응이 되지만
5000까지 신경쓰실 필요는 없습니다.
스킨 사이즈는 3000픽셀이지만
블로그 로고나 메뉴 등 중요한 요소는
대략 1000픽셀 안에 배치가 되어있습니다.
1280 해상도에서도 아무 불편함이 없죠.
이런 방식으로 블로그 스킨 이미지를 만들면
거의 모든 모니터 해상도에 최적화된 모습을
보여 줄 수 있습니다.
마지막으로 블로그 디자인 금손분의
블로그 탐방을 해보겠습니다.
출처: 에릭 스토리님 블로그
에릭 스토리님의 블로그인데요. 멋지죠?
블로그라는 생각이 들지 않을 만큼
보는 순간 본인의 주제를 제대로 표현하며
존재감을 뽐내는 멋진 디자인입니다.
2560 해상도에서 테스트는 안 해봤지만
현재 1920과 그 이하 해상도에서도
최적화되어 있는 모습을 볼 수가 있습니다.
아래 링크를 첨부하니 블로그를 구경해보세요.
하루준님 블로그
두번째는 하루준님 블로그입니다.
스킨 세로 사이즈가 1200픽셀 정도 되는 거 같아요.
블로그에 접속하면 스킨이 화면에 가득 차죠.
역시 블로그 주제를 제대로 표현하며
어떤 모니터 해상도에도 최적화 되게 만들어진
멋진 디자인의 블로그입니다.
멋진 디자인의 블로그를 만들고 싶지만
흙손이고 방법도 모르겠다면
금손분들의 블로그를
많이 보고 따라 해보길 추천합니다.
스킨은 어떻게 사용했고
전체적인 레이아웃이나 색상,
글의 제목과 댓글 창 글자 색상까지 하나하나
따라 하다 보면 본인만의 디자인이 완성됩니다.
전혀 어렵지 않아요. 도전 해 보시길 바랍니다.~ ^^
이상으로 블로그 디자인의 시작~
[ 네이버 블로그 스킨 사이즈 ] 제대로 이해하기를
마치겠습니다. 즐거운 하루 보내세요 ^^
[ 네이버블로그 스킨 사이즈 ]
