글로벌화와 디지털화가 깊이 융합된 세상에서, 정보의 핵심 전달 수단인 텍스트는 여러 언어, 문화, 그리고 다양한 시나리오의 도전에 직면하고 있습니다.
사용자가 더 자유롭고 포용적으로 읽고 창작할 수 있도록, Pixso 2.0은 강력한 기능인 양방향 텍스트(BiDi)를 출시합니다. 이 기능은 Sketch와 완벽하게 호환되며, 다국어 편집과 복잡한 레이아웃을 지원하고, 글로벌 팀에게 더 나은 협업 창작 경험을 제공합니다.
양방향 텍스트(BiDi)란 무엇인가요?
RTL(오른쪽에서 왼쪽으로)은 오른쪽에서 왼쪽으로 시작하는 언어 또는 문자 체계를 의미합니다. 예를 들어, 아랍어, 위구르어, 히브리어, 페르시아어, 우르두어 등이 대표적인 RTL 언어입니다. 반대로, 영어, 스페인어, 중국어 등은 왼쪽에서 오른쪽으로(LTR) 진행됩니다. 이제 여러분은 이미 짐작했을지도 모릅니다 -- 양방향 텍스트는 왼쪽에서 오른쪽(LTR)과 오른쪽에서 왼쪽(RTL) 두 가지 텍스트 방향을 모두 지원하는 텍스트입니다.
Pixso 2.0의 새로운 기능인 양방향 텍스트는 RTL과 LTR 디스플레이 순서를 모두 지원합니다. 심지어 동일한 텍스트 상자에서 RTL과 LTR을 혼합하여 사용자가 다양한 언어를 한 페이지에서 올바르게 표시할 수 있도록 합니다. 이는 다국어 제품 디자인과 로컬라이제이션에서 중요한 기능입니다.
양방향 텍스트의 사용 사례
양방향 텍스트는 텍스트 흐름을 제어하여 레이아웃을 유연하고 깔끔하게 만듭니다. 다국어 디자인을 쉽게 처리할 수 있으며, 작업의 전문성과 비주얼을 향상시킵니다.
📌 제품 디자인에서 양방향 텍스트는 다음과 같은 시나리오에서 유용하게 사용됩니다:
1. 인터페이스 레이아웃 미러링
제품이 LTR과 RTL 언어를 모두 지원하는 경우, 전체 인터페이스—네비게이션 바, 메뉴, 버튼 순서—는 언어의 방향에 맞게 미러링되어야 합니다. 양방향 텍스트는 이 전환이 자연스럽게 이루어지도록 합니다.
2. 텍스트 입력 및 표시 영역
채팅창, 댓글 섹션, 이메일 편집기—사용자가 입력하는 곳—에서는 LTR과 RTL 텍스트가 혼합되어야 합니다. 양방향 텍스트 지원을 통해 사용자는 여러 언어를 원활하게 입력하고 읽을 수 있습니다.
3. 혼합 텍스트 콘텐츠
RTL 인터페이스에서는 종종 LTR 요소가 포함됩니다: 영어 문구, 숫자 또는 고유명사. 양방향 텍스트는 이를 자연스럽게 배치하여 레이아웃을 깔끔하고 읽기 쉽게 만듭니다.
4. 컨트롤 및 컴포넌트 방향
입력 상자, 드롭다운, 스크롤바, 페이지네이션—이들은 양방향 텍스트에 맞게 자동으로 정렬 및 상호작용 로직을 조정합니다. 버튼과 메뉴는 언어에 맞게 자연스럽게 흐릅니다.
양방향 텍스트 적용 방법
1. 텍스트 방향 전환
양방향 텍스트 상자를 선택하면, 텍스트 패널에 텍스트 방향을 전환하는 버튼이 나타납니다. 이 버튼을 클릭하여 LTR과 RTL을 전환할 수 있습니다.

2. RTL 텍스트 편집
• 커서 이동: RTL 텍스트에서 왼쪽으로 슬라이드하면 커서가 다음 문자 끝으로 이동합니다. 오른쪽으로 슬라이드하면 이전 문자의 시작 위치로 이동합니다. 이는 LTR과 반대입니다.

• 텍스트 입력: 커서가 깜빡이는 위치에 텍스트를 입력하면, 새로운 단어가 그 오른쪽에 나타납니다. RTL 흐름에 자연스럽게 맞춰집니다.

• 줄 바꿈: RTL 줄은 오른쪽에서 시작해 왼쪽에서 끝납니다. 왼쪽에서 Enter를 누르면, 커서는 텍스트 상자의 왼쪽 가장자리에 위치합니다.

• 텍스트 삭제: Delete 키를 누르면, 커서 오른쪽에 있는 문자가 삭제됩니다. RTL에서는 커서의 오른쪽에 있는 문자를 삭제합니다.
• 목록: RTL 텍스트는 순서 있는 목록과 순서 없는 목록의 마커를 오른쪽에 표시합니다. LTR 텍스트는 이를 왼쪽에 표시합니다—읽기 쉽게 자동으로 조정됩니다.

양방향 텍스트의 주요 장점
1. RTL 언어 지원
아랍어, 히브리어와 같은 오른쪽에서 왼쪽으로 읽는 언어와 완벽하게 호환됩니다. 더 이상 어색한 레이아웃이 없습니다. 텍스트는 자연스럽게 흐르며, 다국어 제품 디자인을 쉽게 할 수 있습니다.
2. Sketch 호환성
양방향 텍스트를 가져오거나 내보낼 때 포맷 손실 없이 파일 전송이 원활하게 이루어집니다. 마이그레이션 중에 문제 없이 매끄럽게 처리됩니다.
3. 혼합 레이아웃 간편하게 구현
양방향 텍스트는 동일한 텍스트 상자에서 LTR과 RTL을 혼합할 수 있습니다. 복잡한 레이아웃? 이제 끝입니다. 텍스트를 분할하거나 디자인을 타협할 필요가 없습니다.
글로벌 디자인은 언어 방향에 구애받지 않아야 합니다. Pixso 2.0의 양방향 텍스트 기능은 이러한 장벽을 허물며, 부드럽고 간편하게 모든 다국어 프로젝트가 빛날 수 있도록 도와줍니다. 이제 BiDi를 사용해 보고, 팀이 제한 없이 창작하는 모습을 지켜보세요.