간단한 배경 이야기: 저는 타이포그래피, 스페이싱, 그리고 적응형 디자인이라는 개념에 매료된 디자인 및 개발 전문가입니다.
적응형 디자인이란 무엇일까요? 이는 폰트나 폰트 크기를 변경했을 때, 디자인의 나머지 모든 요소가 새로운 설정에 맞춰 자동으로 조정되는 것을 의미합니다.
과거에 무언가를 커스터마이징해 본 경험(특히 WordPress 테마나 Discourse)이 있다면, 폰트나 폰트 크기를 변경했을 때 많은 요소가 어색해지거나 깨진 것처럼 보일 수 있다는 것을 아실 것입니다.
이러한 어색함은 폰트나 폰트 크기를 변경하는 것이 실제로 디자인 전체의 비율을 바꾸기 때문에 발생합니다. 따라서 여러분에게는 두 가지 선택지가 주어집니다:
- CSS를 직접 열어 새 설정에 맞춰 모든 요소를 painstaking하게 조정하거나…
- 이러한 모든 조정을 대신해 줄 강력한 디자인 시스템을 사용하는 것입니다.
저는 지난 14년간 폰트, 폰트 크기, 색상 등의 변경에 적응하는 디자인 시스템을 구축해 왔습니다.
그리고 저는 Discourse를 많이 사용(그리고 사랑)하고 있기 때문에, 사람들이 자신의 Discourse 인스턴스를 커스터마이징할 수 있도록 도울 도구를 만들었습니다.
이 도구는 황금비 타이포그래피(GRT) 원칙에 기반을 두고 있으며, 이름은 GRT for Discourse입니다.
GRT for Discourse는 무엇을 하는가요?
기본적인 디자인 변수(구글 폰트를 포함한 폰트, 크기, 레이아웃 색상)를 선택하면, GRT for Discourse는 Discourse 설치 환경에 디자인 설정을 적용하는 데 필요한 CSS를 제공합니다.
구글 폰트를 선택한 경우, GRT for Discourse는 해당 폰트를 환경에 추가하는 방법에 대한 지침도 함께 제공합니다.
왜 GRT for Discourse를 사용해야 할까요?
Discourse 환경을 제대로 커스터마이징하는 것은 복잡한 작업입니다. 제 경험상 커스터마이징을 수용하기 위해 필요한 모든 CSS 세부 사항을 완벽하게 잡는 데는 상당한 노력이 듭니다. GRT for Discourse는 이러한 지루한 과정을 단순하게 만들어 줍니다.
황금비 타이포그래피를 사용하면 포럼이 시각적으로 더 매력적이고 읽기 쉬워집니다. 또한 다양한 폰트와 색상을 사용하여 Discourse 설치 환경에 브랜드 아이덴티티를 확장할 수 있다는 점도 좋습니다.
아마도 가장 좋은 점은, GRT for Discourse가 수 시간 걸리는 작업을 몇 초 만에 해결해 준다는 것입니다. 이를 통해 여러분은 다양한 폰트, 폰트 크기, 색상 조합을 빠르게 테스트할 수 있습니다.
GRT for Discourse를 사용하면 다양한 설정을 시험해 보고 Discourse 포럼에 딱 맞는 완벽한 디자인을 완성할 수 있습니다.
GRT for Discourse의 비용은 얼마인가요?
GRT 무료 체험판을 시작하면 무료입니다. 저는 사람들이 GRT for Discourse를 사용하여 쉽고 정확한 커스터마이징의 즐거움과 만족감을 경험하길 바랍니다.
또한 GRT 무료 체험판을 시작하면 GRT 포럼(물론 Discourse로 운영됩니다)에도 접근할 수 있습니다. 저在那里 18px IBM Plex Sans(구글 폰트)와 맞춤형 색상 스킴을 사용하고 있어, GRT for Discourse가 실제로 어떻게 작동하는지 그곳에서 확인하실 수 있습니다.
마지막으로 한 가지만 더…
위에서 언급했어야 할 것 같지만, GRT for Discourse의 멋진 점 중 하나는 이 도구가 작동하는 방식입니다. 디자인 설정을 입력하면 GRT for Discourse가 Discourse 레이아웃의 목업(mock-up)을 반환하여, 여러분의 디자인 설정이 적용된 포럼 페이지가 정확히 어떤 모습일지 미리 볼 수 있습니다.
↑ GRT for Discourse 디자인 설정 패널
이렇게 하면 CSS를 Discourse 설치 환경에 복사/붙여넣기하는 작업을 하기 전에, 보이는 결과가 마음에 드는지 결정할 수 있습니다.
GRT for Discourse를 직접 사용해 보세요. 재미있을 겁니다!