주로 데스크톱 크리에이티브 소프트웨어에 중점을 둔 YouTube의 콘텐츠 제작자로서 저는 수년 동안 수많은 사용자 인터페이스를 보았습니다.

나보다 더 많은 소프트웨어 인터페이스를 경험하거나 테스트한 제작자, 개발자, 사용자 등이 분명히 많이 있습니다. 콘텐츠 제작 목적.

나는 좋아하는 것을 사용했다 김프, Premiere Pro, Photoshop, After Effects, Illustrator, Affinity Photo, Affinity Designer, Affinity Publisher, InDesign, Scribus, LibreOffice, Blender, 어두운 테이블, RawTherapee, OBS, Krita, DaVinci Resolve, Final Cut, Olive 등. 이러한 프로그램은 다양한 범주의 크리에이티브 소프트웨어에 걸쳐 있으며, 모두 내가 좋아하는 부분과 좋아하지 않는 부분이 다양합니다.

UI("사용자 인터페이스") 이 목록은 다양한 크리에이티브 범주에 걸쳐 있고 무료 및 유료 소프트웨어를 모두 포함하므로 이러한 각 프로그램에서 크게 다를 수 있습니다.

그러나 최근에 UI에 주요 업데이트를 도입한 주요 릴리스 버전 덕분에 위에서 언급한 무료 및 유료 소프트웨어에서 눈에 띄는 프로그램이 하나 있습니다. 이 프로그램은 잉크스케이프입니다.

이유가 여기 있습니다.

최근 Inkscape는 곧 출시될 1.2 안정 버전의 베타 버전을 출시했습니다. Inkscape에 익숙하지 않다면 무료 오픈 소스 벡터 그래픽 편집기입니다. Illustrator와 가장 유사합니다. Illustrator가 한 우주에 있고 Inkscape가 다른 우주에 있는 Dr. Strange 다중 우주의 관점에서 생각하는 것이 더 나을 것입니다.

Inkscape 1.2: 매우 짧은 역사

제 생각에 Inkscape는 항상 잠재력이 많았지만 기발하기도 했습니다. 그것을 "기발한"이라고 부르는 것은 멋지게 표현하는 것입니다. 아마도 "버기"가 더 나은 용어일 것입니다. 충돌이 많이 발생하고 제한 사항이 많은 것으로 알려져 있습니다.

이것은 특히 사실입니다. 1.0년 잉크스케이프 2020 출시 – 기능면에서 프로그램을 완전히 새로운 수준으로 끌어 올렸지만 프로그램을 훨씬 더 불안정하게 만들었습니다. Inkscape 1.0은 또한 프로그램이 UI 디자인 측면에서 더 나은 방향으로 나아가고 있음을 보여주었지만 다른 최신 크리에이티브 소프트웨어와 비교할 때 특별하지는 않았습니다.

2021년 봄, Inkscape 팀은 Inkscape 1.1을 출시했습니다., 그리고 자원 봉사 Inkscape 개발자 커뮤니티가 더 나은 UI를 통해 사용자 경험을 개선하는 쪽으로 초점을 옮기기 시작했음이 분명해졌습니다.

이번 릴리스에서 Inkscape는 유료 소프트웨어에서는 꽤 표준적이지만 무료 및 오픈 소스 소프트웨어에서는 드물게 발견되는 "Welcome Screen"을 도입했습니다. Inkscape 1.1에 도입된 기타 주목할만한 UI 추가 또는 변경 사항에는 사용자가 필터 또는 작업, 도킹 가능한 대화 상자(대화 상자를 캔버스 주변의 새 위치로 이동할 수 있음을 의미) 및 향상된 내보내기 기능과 같은 항목을 쉽게 검색하고 적용하는 데 도움이 되는 "명령 팔레트"가 포함됩니다. 및 새 파일 형식으로 내보내기 지원.

Inkscape 1.0 및 Inskcape 1.1의 이러한 UI 개선은 훌륭하며 Inkscape가 더 나은 소프트웨어가 되기 위한 점진적인 발전을 도왔습니다. 이러한 기능이 유용하고 흥미진진하기는 하지만 앞으로 일어날 일에 대한 토대를 마련했을 뿐입니다.

2022년 1.2월에 Inkscape XNUMX Beta가 출시되었고 제 생각에는 UI 디자인의 기준을 높였습니다.

Inkscape 1.2의 UI가 보기에 좋을 뿐만 아니라 다른 어떤 프로그램(제가 개인적으로 경험한)보다 더 사용자 정의할 수 있기 때문에 기준이 높아졌습니다. 모양과 사용자 정의 방법은 다음과 같습니다. 사용자가 피드백을 제공한 결과, 개발자는 피드백을 인정하고 토론하고, 개발자는 해당 피드백의 가장 최적의 표현을 구현하고, 사용자는 구현을 테스트하고 피드백 루프를 다시 시작합니다.

민주화된 소프트웨어 개발입니다. 무료 및 오픈 소스 소프트웨어가 존재하는 이유와 커뮤니티 개발을 통해 놀라운 일을 달성할 수 있는 방법에 대한 훌륭한 사례 연구입니다.

Inkscape 1.2 UI가 돋보이는 이유

그렇다면 Inkscape 1.2의 새로운 UI에서 특별히 마음에 드는 점은 무엇입니까?

시작 화면 업데이트

바로 시작 화면(다시 말하지만, Inkscape 1.1에서 처음 도입됨) 사용자는 "빠른 설정" 탭(위 이미지에서 녹색으로 표시됨)으로 UI를 사용자 정의할 수 있습니다. 여기에서 사용자는 다음을 수행할 수 있습니다.

  • 캔버스 구성을 선택하고
  • 키보드 단축키 설정,
  • 아이콘 스타일 및 색상 설정(모양 드롭다운에서)
  • UI 색상을 토글하여 밝은 모드 또는 어두운 모드에서 선택

시작 화면은 반응하므로 선택한 아이콘은 창 하단 근처에 있는 아이콘 미리보기를 자동으로 업데이트합니다(위 이미지의 노란색 화살표). 또한 밝은 모드와 어두운 모드(빨간색 화살표) 간에 전환할 때 시작 화면의 색상이 변경됩니다.

그런 다음 "그리기 시간" 탭(위 이미지에서 녹색 윤곽선)으로 이동하여 최근 문서를 열거나 템플릿 범주(하늘색 윤곽선)에서 템플릿을 선택하거나 새 문서를 로드할 수 있습니다. 컴퓨터에서 ("기존 파일" 탭에 있을 때 표시되는 "로드" 버튼을 통해 - 위 이미지에서 빨간색 윤곽선으로 표시됨). 마지막 옵션은 Inkscape 1.2에 도입되었으며 시작 화면에서 문서 생성을 위한 기능 세트를 완성하는 데 도움이 되었습니다.

"화면" 탭에서 해당 템플릿 파일(빨간색 화살표)을 클릭하여 1920×1080픽셀 페이지를 엽니다.

새로운 캔버스

Inkscape에서 새 문서를 열면 이전 버전의 Inkscape 사용자는 개선되고 깔끔한 캔버스 영역을 볼 수 있습니다. Inkscape 1.2의 경우 개발자는 페이지 주변의 테두리를 업데이트하고 "책상"의 색상(또는 페이지 주변의 회색 경계 – 위 이미지의 빨간색 화살표)을 변경했으며 페이지 아래의 그림자 모양을 개선했습니다( 초록색 화살표). 이러한 미묘하지만 중요한 변경 사항은 Inkscape가 더욱 편안하고 친숙하게 느껴지도록 도와줍니다(특히 Illustrator에서 전환할 때).

새로운 페이지 도구(다중 페이지 구성)

아, 그리고 캔버스 영역에 대해 말하자면 - Inkscape 1.2는 이제 지원합니다. 여러 페이지 문서.

Illustrator에서 오신 분들을 위해 다음을 번역하겠습니다. Inkscape는 이제 여러 대지를 지원합니다..

이 기능은 본질적으로 Illustrator의 "대지 도구"와 동일한 "페이지 도구"(위 이미지의 빨간색 화살표)를 사용하여 제어됩니다. 이 새로운 도구를 사용하면 새 페이지를 빠르게 자유형으로 그리거나 컨트롤 막대(녹색 윤곽선)를 사용하여 문서 사전 설정을 기반으로 새 페이지를 보다 정확하게 만들 수 있습니다.

또한 페이지를 선택하고 크기를 조정하거나 클릭하고 끌어 페이지를 재배치하거나 페이지 크기를 페이지의 선택 항목이나 아트웍에 맞출 수도 있습니다. 마지막으로 여러 페이지를 여러 페이지 PDF로 내보낼 수 있습니다.

페이지 도구가 함께 제공되는 이 다중 페이지 기능은 디자이너가 보다 복잡하고 전문적인 프로젝트를 수행하는 데 도움이 될 오랫동안 기다려온 기능입니다.

미친 수준의 사용자 정의

시작 화면에서 선택한 항목에 따라 전체 UI가 표시되는 방식이 마음에 들지 않으면 편집>기본 설정>인터페이스>테마로 이동하여 모든 화면 요소의 색상과 크기를 변경할 수 있습니다. (위 이미지의 빨간색 화살표).

"테마" 제목(위 이미지에서 녹색으로 윤곽선) 아래에서 "GTK 테마 변경" 아래의 GTK 테마를 스크롤하고 각 옵션을 클릭할 때 다양한 테마 스타일의 실시간 미리보기를 볼 수 있습니다. 슬라이더를 사용하여 UI 글꼴 크기 또는 UI 배경색과 텍스트 및 아이콘(녹색 화살표) 간의 대비 정도를 조정할 수도 있습니다. 대비 슬라이더를 다른 곳에서 본 적이 있습니까?

"아이콘" 제목(위 이미지에서 노란색으로 윤곽선) 아래에서 "아이콘 테마 변경" 드롭다운을 사용하여 XNUMX가지 아이콘 테마 중에서 선택할 수 있습니다. "멀티 컬러" 또는 "하이 컬러" 옵션을 선택하면 아이콘의 "심볼릭" 버전(노란색 화살표)을 선택하거나 심볼릭 아이콘에 사용되는 색상(밝은 파란색 화살표) – "아이콘 색상 베이스" 및 XNUMX개의 "아이콘 색상 하이라이트" 포함. 이 색상은 원하는 것이면 무엇이든 될 수 있으며 색상환, 선택한 색상 모드의 슬라이더 또는 HEX 코드를 사용하여 선택할 수 있습니다.

환경 설정 대화 상자 안에 있는 동안 인터페이스>도구 모음(위 이미지의 빨간색 화살표)으로 이동하면 사용자 인터페이스 전체에서 사용되는 도구 모음 및 아이콘에 대한 사용자 정의가 표시됩니다. 여기에 "도구 모음" 섹션(노란색 윤곽선) 아래에 표시된 모든 도구는 기본적으로 켜져 있으므로 도구 모음에 표시됩니다. 아이콘(하늘색 화살표) 중 하나를 클릭하면 해당 도구가 "꺼짐"으로 전환되고 도구 모음에서 숨겨집니다.

도구 모음 아이콘 아래에는 한 쌍의 슬라이더가 있습니다. 상단 슬라이더(위 사진의 빨간색 화살표)를 사용하면 도구 모음 아이콘(빨간색 윤곽선)의 크기를 조정할 수 있고, 하단 슬라이더(밝은 흐림 화살표)를 사용하여 컨트롤 막대 아이콘( 밝은 파란색). 둘 다 100%에서 시작하여 300%까지 올라가는 것을 알 수 있습니다. 즉, 아이콘 크기를 원래 크기의 5배까지 늘릴 수 있습니다. 이 값 사이의 증분도 매우 작아(약 XNUMX% 증분), 이는 UI 아이콘 조정에 있어 전례 없는 수준의 세분성을 보여줍니다.

이것은 이 새 릴리스에서 볼 수 있는 프로그램 모양에 대한 높은 수준의 제어에 대한 많은 예 중 하나일 뿐입니다. Inkscape 1.2의 다른 놀라운 UI 기능을 보여주기 위해 기본 설정 대화 상자를 종료하겠습니다.

더 많은 제어, 사용자 정의를 위해 업데이트된 색상 팔레트

캔버스 영역 아래에는 색상 팔레트가 있습니다. 개체 및 텍스트와 같은 색상을 선택하는 영역입니다(위 사진에서 녹색으로 윤곽선이 표시됨). 이전 버전에서 이 팔레트는 전용 스크롤 막대를 사용했으며 색상 타일은 고정된 크기였습니다.

캔버스에 색상 팔레트의 스크롤 막대가 문제가 또한 스크롤 막대(위 이미지의 빨간색 화살표)를 사용하여 페이지에서 수평으로 탐색합니다. 즉, 같은 주변에 두 개의 스크롤 막대가 있어 신규 사용자가 하나의 막대와 다른 막대를 구별하는 데 혼동을 줍니다. 새로운 사용자에게 더 혼란스러운 것은 색상 팔레트의 스크롤 막대가 마우스를 가져갔을 때만 표시된다는 점입니다.

Inkscape 1.2에서 스크롤 막대는 사용자가 사용 가능한 다양한 항목을 검색하거나 스크롤할 수 있도록 색상 팔레트의 오른쪽에 있는 위쪽 및 아래쪽 화살표(빨간색 화살표로 표시되고 위 이미지에서 빨간색 윤곽선으로 표시됨)로 대체되었습니다. 그림 물감.

위쪽 및 아래쪽 화살표 바로 오른쪽에는 사용 가능한 다른 색상 팔레트(이미지의 빨간색 화살표)를 보고 선택할 수 있는 메뉴가 있습니다. 이 기능은 이제 각 색상 팔레트에서 사용할 수 있는 다양한 견본의 작은 색상 미리보기를 포함하도록 업데이트되었습니다(녹색으로 강조 표시된 영역 - 각 색상 팔레트 이름 아래에 작은 견본 미리보기를 볼 수 있음).

또한 이 메뉴의 맨 아래에는 "구성" 링크(하늘색 화살표)가 있습니다.

여기에서 사용자는 이제 색상 팔레트의 모양을 조정할 수 있습니다. 색상 타일의 크기는 "타일 크기" 슬라이더(빨간색 화살표), 종횡비(녹색 화살표 - 너비와 높이의 비율, 슬라이더의 0은 정사각형)로 조정할 수 있습니다. 타일, 각 타일 주변의 테두리 크기(하늘색 화살표), 색상 막대에 표시되는 견본 행 수(노란색 화살표). 사진에서 타일 크기를 더 크게 만들고, 가로 세로 비율을 높여 타일을 찌그러뜨리고, 각 타일 주위에 더 두꺼운 테두리를 추가하고, 표시되는 타일 행 수를 3으로 늘리는 등 몇 가지 조정을 수행한 것을 볼 수 있습니다.

다시 말하지만, 이러한 세분화된 설정을 통해 사용자는 색상 팔레트 및 Inkscape 1.2 UI의 모양과 느낌을 궁극적으로 제어할 수 있습니다. 이는 요소의 크기와 스타일이 어수선한 대안이 아닌 사용자 친화적인 슬라이더로 제어되고 슬라이더의 값이 광범위하다는 점을 고려할 때 특히 그렇습니다.

이것이 얼마나 놀라운 일인지 비교를 통해 보여드리겠습니다.

색상 팔레트에 대한 이 구성 대화 상자에 표시된 "타일 크기" 슬라이더(위 이미지의 빨간색 화살표)는 4에서 32까지의 값을 1씩 증가시킵니다(19와 4를 포함하여 총 32개의 값이 있음을 의미). 또는 Adobe Illustrator의 "견본" 패널은 타일 크기에 대해 "작음", "중간" 및 "대형"의 3가지 값만 제공합니다. 유료 소프트웨어인 Illustrator에는 완전히 무료인 새로운 Inkscape 1.2보다 제어 또는 사용자 정의 가능성이 훨씬 적습니다.

단순화된 스냅 및 스마트 가이드

Inkscape의 놀라운 새 UI를 보여주는 이 기사에서 다룰 마지막 예는 새롭게 재작업된 "Snap Controls Bar"입니다. 이전 버전의 Inkscape에서 이 막대는 캔버스의 전체 오른쪽을 따라 위치했으며 모든 스냅 컨트롤 아이콘을 동시에 표시했습니다. 이것은 당연히 새로운 사용자에게 선택의 폭을 넓히고 이러한 컨트롤을 사용하는 것을 혼란스럽고 어렵게 만들었습니다.

Inkscape 1.2에서는 스냅 컨트롤 막대가 단일 아이콘과 돌리기 메뉴 또는 Inkscape에서 즐겨 사용하는 "팝오버 메뉴"로 축소되었습니다(빨간색 윤곽선이 있고 이미지에서 화살표로 표시됨). 아이콘을 클릭하면 스냅 컨트롤이 활성화되고 다시 클릭하면 스냅이 비활성화됩니다. 사용자가 더 많은 제어를 원하면 팝오버 메뉴(삼각형이 있는 아이콘)를 클릭하면 체크박스가 표시됩니다. 이 메뉴는 현재 스냅이 켜져 있는지 여부와 세 개의 새 아이콘을 알려줍니다.

처음 두 개의 아이콘은 매우 표준적입니다. 경계 상자에 스냅(빨간색 화살표)하고 노드에 대한 스냅을 활성화합니다(녹색 화살표). 세 번째 아이콘은 매우 흥미롭고 많은 기대를 모으고 있는 기능입니다. 사용자에게 "스마트 가이드"(하늘색 화살표)라고도 하는 캔버스 정렬입니다.

활성화되면(보통 기본적으로 비활성화되어 있으므로 아이콘을 클릭하여 활성화) 사용자는 이제 개체를 이동할 때 캔버스에서 직접 안내선을 볼 수 있습니다(이미지의 빨간색 화살표). Adobe Illustrator 또는 Affinity Designer를 비롯한 다른 소프트웨어와 마찬가지로 이 가이드는 사용자가 개체를 페이지 중앙에 정렬하고, 다른 개체의 중앙에 정렬하고, 개체 간격을 균일하게 하고, 균일한 간격의 개체 격자를 빠르게 생성하는 데 도움이 됩니다.

마지막으로 "팝오버 메뉴"로 돌아가면 "고급 모드"라고 표시된 창 하단에 링크가 있습니다.

이 링크를 클릭하면 개별 스냅 기능을 활성화 또는 비활성화할 수 있는 추가 스냅 컨트롤로 이동합니다. 이들은 이전 버전에서 Inkscape 캔버스 창의 전체 오른쪽을 따라 표시하는 데 사용된 모든 스냅 컨트롤입니다. 이제 이 메뉴에 깔끔하게 자리잡고 있습니다. 더 간단한 설정으로 돌아가려면 "단순 스냅 모드로 재설정"(이미지의 빨간색 화살표)을 클릭하십시오.

무료 벡터 그래픽 편집기인 Inkscape는 이 인상적인 Inkscape 1.2 릴리스로 UI 게임을 심각하게 강화했습니다. 여러 수준에서 UI 설정에 대한 세분화된(오늘의 단어) 제어를 제공할 뿐만 아니라 많은 제어를 단순화하여 고급 사용자가 쉽게 액세스할 수 있는 메뉴에서 이러한 제어를 사용할 수 있도록 하면서 사용자 경험을 개선합니다.

Inkscape 1.2의 새로운 기능에 대한 자세한 내용은 이 메가 릴리스 버전(곧 제공 예정)의 모든 최신 기능을 다루는 내 비디오 자습서를 확인하십시오. 그리고 항상 그렇듯이 다음 사이트에서 최신 버전의 Inkscape를 무료로 다운로드할 수 있습니다. 잉크스케이프.org.

DMD 뉴스 레터 구독

DMD 뉴스 레터 구독

등록하여 좋아하는 오픈 소스 소프트웨어에 대한 새로운 자습서, 과정 업데이트 및 최신 뉴스를 받아보십시오!

당신은 성공적으로 가입 한!

클립이 핀

이 공유