창작자 블로그 템플릿 아틀리에: 대표 글과 번호로 작업 기록을 펼치는 구성
아틀리에는 디자인·브랜딩·작업기·인터뷰처럼 작업 과정을 글로 쌓는 창작자를 위한 블로그 템플릿입니다. 첫 화면의 대표 글에서 글쓴이의 관점을 먼저 보여 주고, 번호가 붙은 전체 글과 정렬로 다음 이야기를 고르게 합니다. 카테고리·태그로 갈래를 나누고, 글 안에서는 목차
로고를 그리기 전에 이름을 소리 내어 읽어 보고, 형태를 고른 뒤, 마지막에 색을 올린 순서를 글 한 편에 적었다면 그 글은 블로그 첫 화면에 세울 만합니다. 아틀리에 블로그는 이런 기록을 대표 글로 세우는 창작자 블로그 템플릿입니다. 작업 과정을 꾸준히 쓰는 1인 스튜디오와 프리랜서에게 맞습니다. 큰 사진 왼쪽 위에 「01」 번호표가 붙고, 옆에 「이름을 먼저 정하면 형태는 따라옵니다」 같은 제목과 짧은 소개, 날짜와 읽는 시간이 나와서 독자가 어떤 글인지 먼저 알아볼 수 있습니다.
대표 글 아래 ‘전체 글’에서는 디자인, 인터뷰, 작업기, 책 이야기가 파란 번호 01, 02, 03과 함께 한 줄씩 이어집니다. 독자는 번호와 제목을 함께 보며 작업 노트와 인터뷰 중 읽을 글을 고릅니다. 최신순·오래된순·인기순·댓글순으로 정렬을 바꿀 수 있습니다.
글을 열면 오른쪽 목차에서 지금 읽는 소제목을 확인할 수 있습니다. 흰 종이 같은 바탕에 검은 글씨, 강조는 파랑 하나만 써서 번호와 목차가 눈에 먼저 들어오도록 디자인했습니다. 아틀리에 글 화면
「01」 번호표를 단 대표 글 다섯 편은 읽는 사람이 넘깁니다
대표 글 다섯 편마다 큰 사진 옆에 분류·제목·소개·날짜·읽는 시간을 보여 줍니다. 사진 위 「01」 번호표는 세리프 서체로 적어 노트의 장 번호처럼 보이게 했습니다. 아래의 이전·다음 버튼 옆에는 짧은 막대 다섯 개와 「1 / 5」 표시가 있고, 지금 보는 대표 글의 막대만 파랗게 표시됩니다. 대표 글은 독자가 버튼을 누를 때만 다음 글로 넘어가서, 제목과 소개를 다 읽고 넘길 수 있습니다. 아틀리에 첫 화면. 본문과 제목은 SUIT 서체로 또렷하게, 로고와 번호표·인용문은 고운바탕 서체로 적어 글쓴이의 목소리가 드러나는 자리를 구분했습니다. 브랜딩 글 한 편으로 시작해 인터뷰나 작업기로 이어지는 다섯 편을 앞에 세우면, 처음 온 독자도 대표 글의 제목과 소개를 보고 이 블로그가 다루는 주제를 알 수 있습니다.
결과물에 이르기까지 쓴 과정 글을 첫 화면 앞에 세우고 싶은 창작자에게 어울립니다. 대표 글의 번호와 소개를 넘겨 보며 독자는 작업의 순서를 따라갈 수 있습니다.
정렬을 바꾸면 번호가 01부터 다시 붙어 몇 번째 이야기인지 보입니다
‘전체 글’은 줄마다 파란 번호와 사진, 분류, 제목, 짧은 소개, 날짜가 같은 자리에 나와서 여러 글을 쉽게 비교하며 고를 수 있습니다. 번호는 정렬을 바꿀 때마다 01부터 다시 매겨져, 인기순이나 오래된순으로 바꿔도 현재 정렬에서 글의 순서를 바로 알 수 있습니다. 한 쪽에 열 편씩 보여 주고 아래 쪽 번호로 지난 글을 이어서 찾습니다. 줄에 마우스를 올리면 옅은 바탕이 깔리고 제목이 짙은 파랑으로 바뀌어 누를 곳을 알려 줍니다. 아틀리에 인기순 전체 글
휴대폰에서는 사진이 화면 폭만큼 위로 올라가고, 분류·제목·한 줄 소개·날짜가 그 아래로 차례로 쌓여 작은 화면에서도 같은 순서로 글을 고릅니다. 목록 위와 옆 칸, 글 안에는 광고를 넣을 수 있어 블로그로 광고 수익을 낼 때도 쓸 수 있습니다.
같은 ‘과정’ 태그가 디자인 글과 작업기를 한데 묶습니다
머리 메뉴에는 공간·디자인·문화·브랜딩·인터뷰·작업기·책·타이포그래피 여덟 갈래가 나란히 있습니다. 옆 칸의 카테고리 목록은 갈래마다 글 수를 붙여, 독자가 어느 분야에 글이 많이 쌓였는지 보고 들어갈 곳을 고릅니다. 카테고리 쪽에 들어가면 「디자인」 같은 이름과 글 수가 제목 자리에 다시 나오고, 머리 메뉴의 같은 이름이 굵게 바뀌어 지금 어느 갈래에 있는지 보여 줍니다. 아틀리에 디자인 카테고리
과정, 편집, 이름 짓기처럼 여러 분야에 걸치는 화제는 태그로 따로 모았습니다. 디자인 글과 작업기에 같은 ‘과정’ 태그를 붙이면 독자는 분야를 넘어 같은 화제의 글을 모아 봅니다. 카테고리로 작업 분야를 고르고 태그로 공통 화제를 좁혀 읽을 수 있습니다. 아틀리에 ‘과정’ 태그
읽는 소제목이 오른쪽 목차에서 굵어지고, 맨 위 막대가 읽은 만큼 늘어납니다
글 화면 오른쪽의 ‘CONTENTS’ 목차는 스크롤을 따라오며 지금 읽는 소제목 앞에 파란 줄을 긋고 글씨를 굵게 바꿉니다. 맨 위의 파란 막대는 읽은 만큼 늘어나고, 본문 중간의 인용문은 고운바탕 서체와 파란 왼쪽 선으로 한 문장을 따로 세웁니다. 왼쪽의 ‘SHARE’ 줄에는 공유 버튼 여섯 개가 있어, 링크 복사를 누르면 「링크를 복사했습니다」 알림이 뜹니다. 아틀리에 글 화면. 글 끝에는 태그와 글쓴이 소개가 이어지고, 댓글에는 답글이 들여쓰기로 붙으며 글쓴이의 답에는 ‘작성자’ 표시가 붙습니다. 옆 칸의 검색창과 인기 글·최신 글 탭에서 읽고 싶은 다음 글을 고를 수 있습니다.
작업 과정을 길게 적는 글이라도 오른쪽 목차에서 지금 읽는 자리를 확인할 수 있습니다. 글을 마친 독자는 태그와 인기 글에서 같은 화제의 다음 글을 고릅니다.
(지움) 아틀리에 본보기 화면에서 대표 글을 넘겨 보고, 번호가 붙은 전체 글과 목차도 확인해 보세요.
대표 글과 번호 목록이 원하는 구성이라면 아래 아틀리에 템플릿 상세를 확인해 주세요. 이 템플릿 구매를 원하시면 블로그 제작 안내에서 구매 가능합니다. 혹은 원하는 디자인으로 맞춤 제작하고 싶으시다면 프로젝트 문의에 맞춤 견적을 요청해 주세요.