원활한 관람을 위해 저전력 모드를 해제해주세요
조가영 Cho Gayoung Typing Tapping Garden
시각 디자인 프로젝트 Visual Design Project
‘Typing Tapping Garden’ 은 딩벳 폰트와 배리어블 폰트의 특성을 결합 한 정원 이미지 제작 도구입니다. 키보드를 통해 영문 글자와 숫자를 타이핑하면 각 문자에 대응된 딩벳이 입력됩니다. 이 딩벳은 다양한 식물들, 기둥이나 분수 등의 건축물, 원예용 도구 등 정원과 관련된 것들에서 출발하여 만들어졌습니다. 배리어블 축의 조정 슬라이더를 통해 입력한 정원 요소들을 변형하고, 버튼들을 두드리면서 특별한 그래픽 정원을 꾸며볼 수 있습니다.

Typing Tapping Garden과 함께 자신만의 정원을 만들어보세요.
‘Typing Tapping Garden’ is a garden image creation tool made by combining the characteristics of the Dingbat font and Variable fonts. By typing english letters and numbers in the keyboard provided to you, a dingbat unique to that letter is instead inserted. These dingbats take inspiration from various garden-related motifs - plants, gardening tools or architectural elements such as columns and fountains. By adjusting the variable font slider one can change these garden elements, and by tapping the buttons, can create one’s own unique graphic design garden.

Come create your own garden with ‘Typing Tapping Garden’!


인사이트
Insight

'Typing Tapping Garden'은 디지털 환경에서 쉽게 그래픽 정원을 꾸밀 수 있도록 하는 장치를 상상하며 출발했습니다. 누구나 간단한 방식으로 이미지를 얻을 수 있고, 그 이미지를 원하는 대로 변형할 수 있도록 구성하는 것을 핵심 과제로 두었습니다.

디지털 일상 속에서 간단하고 익숙하게 경험되는 타이핑이라는 행동과 배리어블 폰트의 가변성을 해답으로, 딩벳 폰트와 배리어블 폰트의 특성을 결합하여 활용한 정원 제너레이터를 제작하였습니다.

서체 미리보기
Font overview

Typing Tapping Garden을 위한 가변 서체는 영문 알파벳 26자와 숫자 기호 각각에 서로 다른 이미지를 지원합니다. 글자마다 배정된 딩벳은 다양한 식물들과 기둥이나 분수 등의 건축물, 원예용 도구 등 정원과 관련된 사물들에서 출발하여 제작하였습니다.

본래의 글자로부터 아주 작은 단서를 남기고, 정원을 가꾸기 위한 한 벌의 딩벳 서체로 완성했습니다.

각각의 글자는 서로 다른 자간과 행간이 설정되어 있습니다. 단순한 타이핑만으로도 다채로운 이미지를 얻기 위함입니다.

491634503

만들어진 딩벳 서체를 바탕으로, 다시 '변형 transform'의 가변 축을 가진 배리어블 폰트를 제작하였습니다. 배리어블 특유의 연속성을 이용하여 사용자가 원하는 정원 이미지를 얻을 수 있도록 합니다.

만들어진 딩벳 서체를 바탕으로, 다시 '변형 transform'의 가변 축을 가진 배리어블 폰트를 제작하였습니다. 배리어블 특유의 연속성을 이용하여 사용자가 원하는 정원 이미지를 얻을 수 있도록 합니다.

웹사이트
Website

정원에 들어서기 전, 어떤 프레임을 이용하여 이미지를 만들지 선택합니다. 각각의 정원 프레임은 서로 다른 위치와 개수의 입력 칸을 가지고 있습니다.

프레임을 골라 정원에 들어서면 글자를 입력할 수 있는 흰 공간과 네 가지 조정 슬라이더를 만나게 됩니다. 원하는 시점으로 드래그하여 특별한 글자 정원을 가꾸어보세요.

1 : 글자의 크기 / 2 : 행간 / 3 : 자간 / 4 : 배리어블-변형

Typing Tapping Garden을 통해 만들어진 정원 이미지 예시입니다.

튜토리얼 비디오
Tutorial Video

491634490

튜토리얼 비디오를 통해 방식을 익힌 뒤, 아래의 링크를 클릭하여 입장하세요!
데스크탑, 크롬 접속을 권장합니다.

typing-tapping-garden.xyz

전시 현장 이미지

Design & Project by. Cho Gayoung
Website by. Jo Kyusang

답글 남기기

이메일 주소를 발행하지 않을 것입니다.