SmartArt 다이어그램 개선 사항

SmartArt 다이어그램 개선 사항

Office 2007에는 고품질 그래픽 레이아웃을 만드는 과정을 단순화하기 위한 도구인 SmartArt 다이어그램을 도입했습니다. 모든 SmartArt 다이어그램의 목표는 문서의 미관을 향상시키고 그래픽을 사용하여 메시지를 전달하는 것입니다. SmartArt 다이어그램은 콘텐츠를 추가 또는 제거할 때 도형 및 텍스트의 크기를 자동으로 조정합니다. 또한 전체 그래픽의 크기를 조정할 수도 있으며 그에 따라 모든 콘텐츠의 크기도 조정됩니다.

Excel, Outlook, PowerPoint 및 Word 2010 데스크톱 응용 프로그램에는 일련의 향상된 SmartArt 다이어그램이 추가되었습니다. 먼저 저희는 편집 환경에서 사용자가 나타내려는 대로 표시되는 다이어그램을 만드는 과정을 단순화했습니다. 두 번째로는 현재 유형에 다이어그램을 추가하고 새로운 유형도 만들어 다이어그램을 선택할 때 사용할 수 있는 옵션의 수와 종류를 늘렸습니다.

콘텐츠 순서 바꾸기 및 향상된 이미지 기능

저희가 가장 먼저 하고 싶었던 일 중 하나는 콘텐츠를 보다 쉽게 확인 및 구성할 수 있도록 하는 것이었습니다. 이를 위해 콘텐츠의 순서를 바꾸는 기능을 추가하여 이제는 텍스트 창을 통해 그림을 삽입하거나 변경할 수 있게 되었습니다. 아래 스크린샷에 불러온 텍스트 창을 살펴보십시오. Office 2010에서는 SmartArt 텍스트 창 주변에 연한 빨간색의 윤곽이 없습니다.

텍스트 창의 이미지는 여러분의 SmartArt 다이어그램에 나타나는 이미지입니다. 텍스트 창이나 다이어그램에서 직접 이미지 아이콘을 클릭하여 이미지를 삽입할 수 있습니다. 다음 스크린샷은 제가 이미지별로 텍스트가 있는 네 개의 이미지를 삽입한 모양입니다.

여기서 소개하고 싶은 또 다른 멋진 개선 사항은 제 이미지를 다이어그램에 삽입해도 이미지가 찌그러지거나 늘어나지 않는다는 것입니다. Office 2010에서는 이미지의 종횡비를 유지하기 위해 이미지에 자르기를 적용했습니다. 이미지를 삽입한 후 이미지를 선택하고 그림 도구 탭으로 가서 자르기 모드(영문일 수 있음)로 들어가 이미지를 조정할 수 있습니다. 이 예에서는 실제로 등대(Lighthouse)를 확인할 수 있도록 등대 이미지를 조정해 보겠습니다. 먼저 이미지를 선택한 다음 그림 도구 탭으로 가서 자르기를 클릭하겠습니다.

여기서 자르기 모드에 있는 상태에서는 제 다이어그램에 표시되지 않는 이미지의 남는 부분이 나타나는 것을 확인할 수 있습니다. 이미지를 클릭하여 끌어 와 가운데로 옮기니 등대가 훨씬 눈에 잘 들어옵니다. 또한 등대에 확대 효과를 적용한 것처럼 이미지를 확대했습니다.

변경된 부분은 사소하지만 이제 절벽의 바위 부분은 사라졌습니다.

이러한 그림도 멋지지만 저는 특정한 방식으로 모두 연결된 그림을 사용하고 싶습니다. 이를 위해 각각의 사계절을 나타내는 이미지를 사용하여 그림 레이아웃을 만들어 보겠습니다. 각 이미지를 차례로 클릭한 다음 그림 도구 탭으로 이동하겠습니다. 그림 도구 탭에서는 그림 변경을 클릭하고 각 위치에 사용할 새 이미지를 선택합니다. 아래 보조 노트에 나타난 네 개의 각 이미지는 클립 아트 갤러리에서 가져온 것으로, 클립 아트 이미지(영문일 수 있음)입니다.

위로 및 아래로 이동

지금까지 이미지 및 각 이미지와 연결된 텍스트를 변경했으므로 이제는 가을(Fall) 이미지를 확대해 보겠습니다. 먼저 가을 이미지를 선택하고 SmartArt 도구: 디자인 탭으로 이동하겠습니다.

가을 이미지를 선택한 상태에서 가을 이미지가 화면에서 최대 크기로 나타날 때까지 위로 이동을 클릭하겠습니다. 또한 위의 스크린샷에서 제 텍스트 창의 가을 이미지가 선택되어 있음을 나타내도록 주황색으로 강조 표시된 것을 볼 수 있습니다.

다음은 SmartArt 도구: 디자인 탭 왼쪽의 세부적인 모양입니다.

다음은 위로 이동을 세 번 클릭한 후 나타난 제 다이어그램의 모양입니다.

제 텍스트가 이미지와 함께 옮겨졌으며 이미지가 찌그러지거나 늘어나지 않았음을 확인할 수 있을 것입니다. 모든 이미지에는 기본적으로 적절한 자르기 적용되며 원하는 경우 이를 사용자 지정할 수 있습니다.

여기서 위로 이동 및 아래로 이동은 텍스트 창에서 레이아웃을 나타낸다는 점에 유의해야 합니다. 따라서 텍스트와 도형의 레이아웃이 아래쪽에서 위쪽으로 지정된 SmartArt 다이어그램의 경우 위로 이동을 누르면 텍스트가 콘텐츠 창에서 위로 이동하지만 슬라이드에서는 아래로 이동합니다. 이에 대한 예는 다음과 같습니다.

이 그림은 제가 설명하려고 한 것을 나타내는 다이어그램입니다. 제 다이어그램에서는 펭귄이 아래쪽에 있고 국화가 위쪽에 있음을 확인할 수 있습니다. 그러나 텍스트 창에서는 펭귄이 위쪽에 있고 국화가 아래쪽에 있습니다. 국화를 선택한 상태로 위로 이동을 클릭하면 제 다이어그램의 순서가 다음과 같이 바뀝니다.

꽃이 제 다이어그램에서 한 슬롯 아래로 이동했지만 텍스트 창에서는 위로 이동했습니다.

새 다이어그램

그림 레이아웃

Office 2010의 경우 거의 50개에 달하는 새 다이어그램을 추가한 결과 총 SmartArt 다이어그램 수가 130개를 넘게 되었습니다. 이러한 개선 작업을 수행할 때는 몇 가지 목표가 있었습니다. 첫 번째로 이전에 다뤄 보지 않은 추가 시나리오를 다뤄 제품의 완성도를 높이고 싶었습니다. SmartArt 다이어그램 삽입 대화 상자를 보면 그림 범주가 추가된 것을 확인할 수 있습니다.

Office 2010은 문서에 이미지를 통합하는 데에만 사용하도록 제작된 다이어그램이 30개가 넘습니다. 이러한 그림 레이아웃의 일부는 다양한 상황에 맞게 만들어졌지만 어느 정도 구체적인 시나리오를 염두에 두고 제작한 레이아웃도 있습니다. 이후 게시물에서는 이러한 선택의 배경이 된 몇 가지 이유에 대해 설명하겠습니다.

널리 사용되는 다이어그램

SmartArt 다이어그램을 추가하는 과정에 세운 두 번째 목표는 가장 널리 사용되는 시나리오의 선택 폭을 넓히는 것입니다. 이에 대한 한 가지 예는 가장 널리 사용되는 다이어그램인 조직도입니다. Office 2007에서는 조직도를 하나만 제공했습니다. 조직도는 보조자를 지원하는 계층 구조 다이어그램입니다. Office 2010의 경우 가로로 레이아웃이 지정된 조직도 하나를 포함하여 세 개의 조직도를 추가했습니다.

이처럼 제공하는 다이어그램을 추가함으로써 여러분이 필요로 하는 대로 작동하는 그래픽을 보다 쉽게 찾게 되길 바랍니다. 따라서 이미지를 사용하여 설명하는 상황이든 아니만 회사의 상사를 위해 또 다른 조직도를 만드는 상황이든 관계없이 많은 다이어그램 중에서 선택할 수 있습니다. 또한 그래픽을 사용자 지정해야 하는 경우에 대비하여 이를 위한 옵션도 마련해 두었습니다.

도형으로 변환

이처럼 다양한 다이어그램을 제공하기 위해 최선의 노력을 다했지만 경우에 따라서는 정확히 필요한 항목을 찾기가 어려울 수도 있습니다. 따라서 저희는 Excel 및 PowerPoint 2010에 SmartArt 다이어그램을 위한 도형으로 변환(Convert to Shapes) 기능을 추가했습니다.

위의 그림은 PowerPoint 2010의 스크린샷을 포함한 것입니다. 도형으로 변환 기능을 사용하면 SmartArt 다이어그램이 그룹화된 도형 집합으로 변환되어 사용자 지정할 수 있게 됩니다. 이를 통해 현재 나와 있는 Microsoft의 모든 그리기 도구를 자유롭게 활용하면서 도형을 이동하고 크기를 조정할 수 있을 뿐 아니라 그래픽에 사용자 지정 애니메이션을 손쉽게 적용할 수 있습니다. 또한 도형으로 변환 기능은 Office 2007 SP2에도 포함되어 있습니다. 여기서 이 기능에 액세스하려면 SmartArt 다이어그램의 경계 상자를 마우스 오른쪽 단추로 클릭하고 그룹 해제를 클릭하면 됩니다.

위의 스크린샷에는 텍스트로 변환(Convert to Text) 옵션도 나와 있습니다. 이 옵션은 PowerPoint 2010에만 있으며 이름에서 알 수 있듯이 클릭 한 번으로 SmartArt 다이어그램의 그래픽을 글머리 기호 목록의 텍스트로 변환합니다.

이처럼 변경되고 추가된 부분을 통해 SmartArt 다이어그램을 사용하고 문서에 통합하는 작업을 보다 쉽게 수행할 수 있게 되기를 바랍니다. 궁금한 사항이 있거나 이 게시물에서 언급한 기능을 사용하면서 경험한 내용을 공유하려면 언제든지 알려 주십시오. 감사합니다.

이 문서는 번역된 블로그 게시물입니다. 원본 문서는 SmartArt 다이어그램 개선 사항을 참조하십시오.

!-->