안내

2022.03 블로그 디자인 리뉴얼

moon44432 2022. 3. 26. 16:01

군 입대 등으로 인해 블로그를 방치하다, 올해부터는 다시 활용해 보기 위해 디자인 공사를 진행하였다. 전체적인 틀은 유지하되 세부적인 부분에 많은 변화를 주었다. 새로운 색상 조합을 사용했고, 폰트 패밀리도 갈음했다. 이제는 다크 모드도 지원한다.

Pretendard

여러분이 지금 보고 있는 본문의 폰트이며 요즘 많이들 사용하는 글꼴이다. 한글의 경우 Noto Sans 기반으로 만들어져 이전과 크게 다르지 않으나, 기타 문자는 Inter을 기반으로 하여 더 정돈되어 보인다. 특히 로마자 글꼴이 애플의 San Francisco와 비슷하다는 점이 Pretendard를 선택한 가장 큰 이유였다. 적용한 결과가 상당히 만족스러웠다.

레이아웃 수정

낭비되는 공간을 조금 줄였는데 (예를 들어 내비게이션 바 상하단의 여백), 쉽게 눈에 띄지는 않는다. 본문 상단의 헤더에도 변화를 주었다. 우선 본문의 이미지를 배경으로 꽉 채우는 방식을 버리고, 남색 배경의 우측에 본문의 이미지를 조금 어둡게 하여 적절히 배치하도록 했다. 또한 제목 텍스트의 크기를 줄여 가독성을 높였다.

다크 모드 지원

시스템 기본 설정에 따라 자동으로 전환된다. 윈도우의 경우 [설정]-[색]에서 [다크]를 선택하면 바로 확인이 가능하다. 이거 하나 만들어 보겠다고 수많은 사이트의 색 팔레트를 찾아보았으며, 몇 번 만져보지도 않은 CSS를 가지고 한참 삽질했다. 나중에 CSS를 좀 배우고 나면 보완해 볼 예정이다.

'안내' 카테고리의 다른 글

새 블로그 개설  (0) 2020.08.06