홈페이지형 블로그 디자인을 손쉽게 구현하는 방법을 안내합니다. 디자인 프로그램이 없더라도 가이드 파일과 함께 포토샵, 피그마용 PNG 파일 세 가지를 준비해 두면 시작이 수월합니다. 블로그의 첫인상은 PC 홈화면에서 결정되며, 디자인이 정돈되어 있으면 주제를 설명하지 않아도 블로그의 정체성과 전문성이 한눈에 전달됩니다.
피그마 템플릿은 직관적으로 구성되어 있어 텍스트와 이미지만 교체하면 바로 활용 가능하고, 영어·한글 버전 등을 필요에 맞게 수정하여 사용할 수 있습니다. 피그마를 처음 써도 텍스트 수정과 이미지 수정 정도는 충분히 가능한 수준으로 레이아웃 가이드가 미리 잡혀 있습니다. 피그마가 어렵다면 미리캔버스 같은 사이트에 PNG 가이드를 얹어 활용하는 것도 가능합니다.
사이트 구성과 사이즈 가이드는 전체 가로 1920px, 중앙 콘텐츠 영역 914px, 왼쪽 여백 478px, 오른쪽 여백 528px로 제시됩니다. 투명 위젯은 170px × 600px 크기로 설정하고, 파란색 영역 안에 버튼이 위치하면 링크를 걸 수 있습니다. 디자인 작업 흐름은 투명 위젯 5개를 띄워 블로그 스킨 적용 후 해당 영역을 캡쳐해 이미지맵으로 연결하고, HTML 주소를 수정해 위젯에 적용하는 방식으로 진행합니다.
블로그 스킨 적용과 이미지맵 설정의 구체적 절차도 제공되며, 투명 위젯 파일은 PNG 형식으로 비공개 글에 업로드한 뒤 이미지 주소를 복사해 활용합니다. 또한 피그마의 .fig 파일을 피그마에서 여는 방법도 자세히 안내되어 있어 처음 사용자도 쉽게 따라 할 수 있습니다. 필요 시 1:1 맞춤형 스킨 의뢰도 가능하니, 기획부터 세팅까지 전문적으로 진행합니다.
#
무료템플릿배포
#
블로그꾸미기
#
블로그디자인
#
블로그스킨만들기
#
투명위젯설정
#
포토샵가이드
#
피그마템플릿
#
홈페이지형블로그
