Xmind UI 디자인이 이제 오픈 소스입니다

Shin

마인드 맵핑 소프트웨어 분야의 선구자로서, 지식 공유, 혁신 수용, 그리고 사용자 우선이라는 믿음을 항상 지켜 왔습니다. 2008년에, Xmind는 오픈 소스 버전을 출시했고, 저희 글꼴 ‘NeverMind’ 역시 상업적 용도로도 무료로 오픈되어 있습니다.

이번에 처음으로 저희 UI 디자인을 공개하고 공유하게 되었습니다. 이는 사용자들을 위한 디자인에 대한 헌신을 보여주는 동시에, 계속 혁신하고 세심함과 탁월함을 추구하는 저희의 고민을 나타냅니다.

고도로 통일된 디자인 언어.

일관성

훌륭한 디자인은 얼마나 멋지게 보이는지가 아니라 사용자들에게 어떻게 기능과 용도를 결합할 수 있는지가 중요합니다. 우리는 소프트웨어가 사용자들과 어떻게 상호작용하는지 깊이 신경 씁니다 - 이것이 진정으로 사용자들에게 최고의 경험을 제공하는 저희의 목적을 가치 있게 만드는 이유입니다.

Xmind는 다양한 플랫폼에

완벽하게 적응

합니다. 크로스 플랫폼 소프트웨어로서, 다양한 운영 체제의 특성을 고려하고 시스템 사양을 준수하여 사용자의 습관을 최대한 반영합니다. 예를 들면, 툴바 디자인에서 macOS 시스템에 흔히 사용되는 상단 메뉴 바가 Windows에는 없기 때문에, 메뉴 버튼을 왼쪽 끝에 추가하여 Windows 버전을 개선했습니다.

Whenever you interact with the Xmind system to call out an action, the action sheet will present in the same way as how your system would present to you. There would be no disconnecting feeling in the interaction.We differentiated the rounded corners and shadows of the various controls to make them

자연스럽고 조화로운

각 플랫폼에 맞춘.

Two application windows side by side: one on a blue background with a Windows interface, the other on an orange background with a macOS interface.

인터페이스를 가볍고 통풍이 잘 되게 유지.

없애기보다는 편안함과 품질

단순함과 효율성은 저희의 주요 디자인 원칙입니다. 우리는 빈 공간과 단순한 요소를 최대한 활용하여 명확하고 유연하며 높은 일관성을 갖춘 복잡한 상호작용 인터페이스를 달성하고, 사용자가 소프트웨어 기능에 더 빨리 익숙해지도록 종합적으로 지원합니다.

패널과 툴바는 최소한의 제약을 두어 설계되었으며, 인터페이스에 여백이 없어 보이며, 기능 논리에 따라 나뉘어진 소수의 컨트롤이 포함되어 있습니다.

The design of the format panel has always been one of the focuses of our annual retrospection. The layouts are designed to be logically structured, and we ensure a

명확한 시각적 계층

정보의 대비, 텍스트, 요소 간격에 대한 반복된 고찰을 통해 제공합니다. 각 섹션은 명확한 기능적 목적을 갖추고 있으며, 각 동작 버튼은 그 기능에 맞게 정확하게 작동합니다. 툴바와 작업 패널에는

혼돈이 없습니다

User interface screenshot of a mind mapping tool, showing options for shapes, lines, text styles, and layout themes.

궁극적인 사용자 친화성

우리는 뛰어난 디자인이 사용자들에게 최상의 경험을 정의하고 유지하는 데 필수적이라고 믿습니다. 우리는 늘 자문하고 있습니다: 화려한 외형을 벗겨낸 후 제품으로서의 가치가 여전히 있는가? 여전히 사용자에게 유용한가?

우리는 정보를 정제하고, 다듬고, 필요한 추가와 삭제를 통해 개념적으로 디자인을 재구성하며 끊임없이 스스로에게 상기시킵니다.

예를 들어, 색상 디자인에 대해 추가를 합니다. 주요 툴바와 행동 버튼은 검정, 흰색 또는 파란색의 주 색상 체계를 사용합니다. 우리는 시각 장애가 있는 사용자를 위해 사용할 수 있는 색상을 선택하기 위해 색상의 색조, 밝기 및 채도를 분석합니다. 또한 사용자가 인터페이스를 색 관련 장애 없이 탐색할 수 있도록

WCAG (웹 콘텐츠 접근성 지침) 원칙

을 따릅니다.

And there’s also subtraction in our design. In the design of the sheet bar at the bottom, it only becomes visible when you need multiple canvases.

적은 것이 더 많은 것입니다. 그래서 우리가 마인드 맵핑의 신인으로 어떻게 시작해야 할지 물어보면, 우리는 완전히 준비되어 있다고 자신있게 말할 수 있습니다. Xmind에서 새 캔버스를 열면 바로 시작할 수 있습니다. 복잡한 디자인이나 설정이 혼란스럽게 하지 않을 것입니다.

소홀히 된 것에 주의하세요.

다듬어진 세부사항

마인드 맵을 인쇄하는 것은 특히 흑백으로 인쇄할 때 중요한 시나리오입니다. 디자이너가 세심하게 제작한 창의적이고 재미있는 스티커와 일러스트를 많이 제공하고 있다는 것을 아실 것입니다. 하지만 이것만으로는 부족하다고 느꼈습니다. 인쇄 품질이 다르므로 마인드 맵에서 스티커와 일러스트를 식별하기 어려울 수 있습니다. 그래서 우리는

시각적 대비와 인지력을 높이기

위해 추가 경계를 추가했습니다.

As for the language setting, it is easily switched in a second within Xmind. You don’t need to restart the app at all.

CJK 글꼴 설정

또한 제공합니다. 이는 일부 서양 글꼴이 CJK 글꼴을 지원하지 않고 캐릭터 누락 문제를 방지합니다.

In the sheet bar, we have a topic counting function in the right corner, which allows you to track your ‘idea branches’.

시스템 텍스트는 영화의 마지막 크레딧처럼 센터 정렬되어 있으며, 시각적으로 보기 좋고 특정 텍스트를 쉽게 검색할 수 있습니다. Xmind의 디스플레이 해상도는 시스템 규모에 맞게 조정되며, 기본값, 더 작거나 더 큰 공간이 필요할 경우 시스템 설정에 따라 자동으로 변경됩니다.

All these details may not be easily perceived by users, but they are the result of our meticulous thinking in design.

우리는 항상 사용자를 최우선으로 생각합니다.

많은 사람들이 우리의 디자인 원칙 뒤에 숨겨진 논리, 우리가 지켜온 헌신, 그리고 지식, 아이디어 및 혁신 공유에 대한 수용을 목격했습니다. 이는 또한 사람들을 모방하는 것으로 이어졌습니다. 하지만 우리는 이것을 전혀 나쁜 것으로 보지 않습니다. 모든 면에서 우리가 모방되고 있다는 사실은 우리의 뛰어난 디자인과 사용자 경험을 증명하는 것입니다.

우리는 또한 디자인에 열정을 가진 같은 생각을 가진 사람들과 연결하고 더 많은 사람들을 끌어들이기를 희망합니다. 우리는 탁월함을 추구하는 데 있어 당신과 함께 나아가기를 기대합니다.

Xmind UI 디자인 키트를 사용하는 방법?

Xmind UI 키트에는 저희의 모든 디자인 구성 요소가 포함되어 있습니다: 템플릿, 글꼴, 스티커, 일러스트 및 기타 요소들. 귀하는 다음에서

Xmind UI Kit for Desktop

위를 통해 모든 리소스를 얻을 수 있습니다.