광고 공시

Wizcase는 VPN 서비스를 리뷰하고 개인정보 보호와 관련된 이야기를 다루는 독립적인 사이트로 2018년에 설립되었습니다. 오늘날 수백 명의 사이버 보안 연구원, 작가, 에디터로 구성된 저희 팀은 웹사이트 내 순위에 오르고 리뷰될 수 있는 ExpressVPN, CyberGhost, Intego 및 Private Internet Access를 소유한 Kape Technologies PLC와 협력하여 독자들의 온라인 자유를 돕고 있습니다. Wizcase에서 소개되는 리뷰는 게시된 날짜 기준으로 정확한 것으로 간주되며, 사용자를 위한 상업적 가치와 함께 제품의 기술적 능력과 품질을 고려한 리뷰어의 독립적이고 전문적이며 솔직한 리뷰를 우선으로 하는 꼼꼼한 리뷰 기준에 따라 작성되었습니다. 또한 저희가 게시하는 순위와 리뷰는 위에서 언급한 공통 소유권과 웹사이트의 링크를 통해 구매 시 얻는 제휴 수수료를 고려할 수 있습니다. 저희는 모든 VPN 제공업체를 리뷰하지 않으며 정보는 각 글의 게시 날짜 기준으로 정확하다고 간주됩니다.

광고 공시

Wizcase는 VPN 서비스를 리뷰하고 개인정보 보호와 관련된 이야기를 다루는 독립적인 사이트로 2018년에 설립되었습니다. 오늘날 수백 명의 사이버 보안 연구원, 작가, 에디터로 구성된 저희 팀은 웹사이트 내 순위에 오르고 리뷰될 수 있는 ExpressVPN, CyberGhost, Intego 및 Private Internet Access를 소유한 Kape Technologies PLC와 협력하여 독자들의 온라인 자유를 돕고 있습니다. Wizcase에서 소개되는 리뷰는 게시된 날짜 기준으로 정확한 것으로 간주되며, 사용자를 위한 상업적 가치와 함께 제품의 기술적 능력과 품질을 고려한 리뷰어의 독립적이고 전문적이며 솔직한 리뷰를 우선으로 하는 꼼꼼한 리뷰 기준에 따라 작성되었습니다. 또한 저희가 게시하는 순위와 리뷰는 위에서 언급한 공통 소유권과 웹사이트의 링크를 통해 구매 시 얻는 제휴 수수료를 고려할 수 있습니다. 저희는 모든 VPN 제공업체를 리뷰하지 않으며 정보는 각 글의 게시 날짜 기준으로 정확하다고 간주됩니다.

Adobe XD 다운로드 버전: 42.1.22

  • 운영 체제: Windows, Mac
  • 라이선스: Free Trial
  • 개발자 이름: Adobe Systems Incorporated
  • 총 다운로드: 1,212,703
  • 카테고리: 벡터 기반 UX/UI 디자인 도구
Share on: X
  • 소프트웨어 최신 공식 버전을 다운로드하세요.
  • 바이러스가 없고 다운로드하기 안전한 파일입니다.
  • 공식 웹사이트에서 무료로 신속하게 다운로드하세요.
  • 상세한 설치 가이드가 제공됩니다.

다른 사람이 함께 다운로드한 제품

  • Adobe Photoshop Adobe Photoshop

    포토샵은 오늘날 시중 최고의 가장 효과적인 이미지 편집 소프트웨어로 각광받고 있습니다. 포토샵은 평범한 사진을 진정한 작품으로 만들어 줄 수 있는 종합적인 도구 모음을 제공합니다. 이러한 도구로는 배경 변경, 이목구비 조정, 3D 이미지 생성, 영상 편집 등 다양한 도구가 있습니다. 게다가, 포토샵은 Adobe Creative Cloud 앱 컬렉션의 일부이므로 다른 제품과 원활하게 통합하여 여러 유형의 이미지, 영상 및 오디오 클립을 작업에 결합할

    더 읽기
  • Microsoft Word Microsoft Word

    무료로 워드를 찾는 것은 쉽지 않은 일이에요. 제가 여러 번 시도해봤기 때문에 알죠. 결과적으로 마이크로소프트에서 그토록 강력한 워드 처리 도구를 무료로 제공하지 않는다는 걸 알게 되었습니다. 제가 찾은 것은 해적판이거나 맬웨어였고, 대부분의 경우 해적판조차 맬웨어에 감염되어 있었죠. 제가 찾은 유일한 안전한 솔루션은 마이크로소프트 계정을 생성한 후 무료로 사용할 수 있는 워드의 제한된 온라인 버전입니다. 하지만 그것은 템플릿, 서식 옵션, 저장

    더 읽기
  • Adobe Illustrator Adobe Illustrator

    Adobe Illustrator는 확대 가능한 벡터 기반의 이미지 생성, 편집, 생성에 좋은 소프트웨어입니다. Illustrator는 워크스테이션이 툴로 가득 차 있기 때문에 처음 볼 때는 매우 복잡해 보일 수 있습니다. 비디오 튜토리얼을 확인하시고 다양한 옵션에 익숙해진 이후에, 툴바를 맞춤화하여 본인이 이용하는 옵션을 표시할 수 있습니다. Illustrator의 무료 체험 버전을 개별 어플리케이션으로 혹은 Adobe Creative Cloud를 통해 다운로드할 수 있습니다. Adobe Creative Cloud는 InDesign,

    더 읽기

Adobe XD(Adobe Experience Design)는 직관적이고 탁월한 사용자 인터페이스이자 사용자 경험을 제공하는 Adobe에서 제작한 디자인 애플리케이션입니다. Adobe XD를 통해 여러분과 같은 크리에이티브들이 사용자 경험 및 웹사이트, 앱, SNS용 인터랙션 디자인을 디자인, 프로토타입 제작, 공유할 수 있습니다.

즉, 웹사이트, 모바일 앱, 게임 인터페이스, 이메일 템플릿, 음성 인터페이스 디자인 시 개념화부터 프로토타입 제작 및 공유 등을 빠르게 할 수 있습니다. 이 애플리케이션은 이러한 작업을 쉽게 수행하도록 지원하는 기능을 완벽하게 갖추고 있습니다. 그리고 무엇보다도 좋은 점은 무료로 이용할 수 있다는 점입니다.

Adobe XD의 스타터 플랜을 7일 동안 무료로 이용하려면 아래 다운로드 안내를 따르세요.

무료로 Adobe XD를 다운로드하세요!

PC에서 무료로 Adobe XD 다운로드 및 설치하는 방법

  1. 여기를 클릭하여 새로운 탭에서 공식 Adobe XD 제품 페이지를 여세요.
  2. 페이지 하단으로 스크롤을 내려서 무료 체험 버튼을 클릭하세요.
    Adobe XD 무료 평가판
  3. Adobe는 다음과 같은 두 가지 옵션을 제공합니다.
    • Adobe XD 다운로드 – 무제한 공유 프로토타입 및 디자인 사양, Adobe Portfolio, Adobe Fonts, 100GB 스토리지 포함
    • 전체 Creative Cloud 앱 컬렉션 다운로드 – 20개 이상의 프로그램(Photoshop, InDesign, Premiere Pro 등) 포함 기본 패키지를 선택하고 ‘무료 체험 시작’ 버튼을 클릭합니다. 예를 들어, 저는 Illustrator만 다운로드하고 있지만 이용 지침은 동일합니다.
      XD 무료 평가판
  4. 올바른 이메일 주소를 입력하면 결제 수단 페이지가 열립니다. 무료 체험판이지만 체험판을 활성화하려면 결제 정보를 입력해야 합니다. 무료 체험 기간이 종료될 때까지 요금이 부과되지 않을 겁니다.
    Adobe XD 무료 평가판
  5. Adobe 계정이 이미 있으면, 지금 로그인할 수 있습니다. 계정이 없으면 보안 비밀번호를 생성하고 ‘계속’ 버튼을 누르세요.
  6. Adobe에서 해당 결제 수단을 이용할 수 있음을 확인하면, Creative Cloud 앱이 컴퓨터에 다운로드됩니다.
  7. 파일 다운로드가 완료되면 파일을 열고 비밀번호를 입력하시면 됩니다.
  8. Creative Cloud가 컴퓨터에 설치될 겁니다.
  9. Creative Cloud가 완료되면 자동으로 Adobe XD 설치가 시작됩니다. Creative Cloud 앱의 전체 컬렉션을 다운로드하기로 선택하면 한 번에 하나씩 설치하게 됩니다.

무료로 Adobe XD를 다운로드하세요!

Adobe XD 개요

영상 및 그래픽 편집 도구 외에도 Adobe는 디자이너와 개발자가 UI 및 UX 환경을 간소화하도록 설계된 도구를 제공합니다. Adobe XD는 사용자에게 최신 웹사이트, 웹 앱, 모바일 앱에 더욱 적합한 그래픽을 만들 수 있는 강력한 도구 모음을 제공하여 필요한 니즈를 채워줍니다. Adobe XD는 Adobe 사용자가 지난 수십 년 동안 이용해서 익숙해진 동일한 직관적인 스타일을 제공합니다.

Creative Cloud 의 일부로 작업을 공유하고 다른 Adobe 소프트웨어(예: Photoshop, Premiere Pro, Illustrator)에서 파일을 가져오기가 쉽습니다.

웹사이트, 앱, 게임 등을 위한 최고의 사용자 인터페이스를 원활하게 생성하도록 지원하는 그래픽 도구를 찾고 있다면 Adobe XD가 바로 여러분이 찾고 계신 소프트웨어입니다. 이 앱을 통해서 컨셉과 디자인을 개발할 수 있을 뿐만 아니라 이동 중에 다른 사람들과 아이디어를 공유하고 프로토타입을 제작할 수 있습니다.

Adobe XD는 원칙적으로는 프리미엄 소프트웨어이지만 무료 스타터 플랜을 구독할 수는 있습니다. 하지만, 스타터 플랜에는 공유 가능한 문서 수 또는 제작 가능한 프로토타입 및 아웃풋 등에 제한이 있습니다.

가장 좋은 방법은 7일 무료 체험을 통해 아무런 제한 없이 모든 기능을 이용해 보는 방법입니다. 7일 무료 체험이 종료된 이후에 스타터 플랜을 계속 이용할 것인지 아니면 풀 버전을 구독할 것인지 결정할 수 있습니다.

Adobe XD 기능

Adobe XD는 다른 Creative Cloud 애플리케이션에서 특정 도구를 쉽게 가져올 수 있다는 점에서 큰 장점이 있습니다. 또한 Adobe XD에는 jpg, svg, png, gif 등의 다양한 이미지 파일 형식을 가져올 수 있는 기능도 있습니다. 그러나 동영상 파일이나 애니메이션 GIF를 업로드하는 기능은 없습니다.

구성 요소

구성 요소는 디자인 전반에서 만들고 사용할 수 있는 요소로, 재사용 가능합니다. 구성 요소를 활용하여 시간과 노력을 아낄 수 있을 뿐만 아니라 디자인의 일관성을 유지할 수 있습니다. 예를 들어, 버튼의 텍스트, 스타일 및 색상이 포함된 버튼의 구성 요소를 만들어 디자인의 다른 부분에도 동일한 버튼을 손쉽게 추가할 수 있습니다.

구성 요소를 만들려면 구성 요소로 만들 개체 또는 개체 그룹을 선택한 다음에 도구 모음에서 “구성 요소 만들기” 버튼을 클릭하세요. 그런 다음 구성 요소에 이름을 지정하고 저장할 수 있습니다. 디자인에 구성 요소를 사용하려면 구성 요소 패널에서 아트보드로 드래그하기만 하면 됩니다.

내용 인식 레이아웃

스마트 내용 인식 레이아웃을 통해 다양한 구성요소가 모두 완벽하게 일치하지 않을까 봐 걱정하지 않고 작업할 수 있습니다. Adobe XD는 개체를 추가, 제거 또는 크기 조절할 때 자동으로 개체를 움직여서 심지어 공백도 형성해 줄 수 있습니다. 내용 인식 레이아웃을 활성화하려면 선택 도구를 선택하여 2개 이상의 레이어를 선택한 다음에 ‘구성요소 만들기’를 클릭하세요. 그런 다음에 내용 인식 레이아웃을 활성화하면 이미지나 텍스트 상자를 왜곡하지 않고 주변 레이어를 기반으로 패딩 크기가 조정됩니다.

반응형 크기 조정 및 제약 조건

반응형 크기 조정 및 제약 조건을 통해 다양한 기기 및 화면 크기에서 보기 좋은 반응형 디자인을 만들 수 있습니다. 즉, 서로 다른 기기에 대한 별도의 프로토타입을 제작할 필요가 없으며 디자인이 항상 최상의 상태로 표시됩니다.

반응형 크기 조정 및 제약 조건을 활용하려면 우선 마스터 구성 요소를 만들어야 합니다. 마스터 구성 요소는 같은 구성 요소의 여러 인스턴스를 작성하는 데 사용할 수 있는 구성 요소입니다. 마스터 구성 요소를 만들려면 마스터 구성 요소로 만들 개체 또는 개체 그룹을 선택한 다음에 도구 모음에서 “마스터 구성 요소 만들기” 버튼을 클릭하세요.

마스터 구성 요소를 만들었으면, 이제 마스터 구성 요소에 반응형 크기 조정 및 제약 조건을 추가할 수 있습니다. 반응형 크기 조정 및 제약 조건을 추가하려면 마스터 구성 요소를 선택한 다음에 도구 모음에서 반응형 크기 조정 버튼을 클릭하시면 됩니다. 이제 적용할 반응형 크기 조정 유형을 선택할 수 있습니다. 또한 마스터 구성 요소의 여백과 패딩도 지정할 수 있습니다.

시간 지정 전환

시간 지정 전환을 통해 특정 시간에 애니메이션이 나오도록 만들 수 있습니다. 이 기능은 특정 시간에 따라 사용자가 디자인과 상호 작용하는 방식을 보여주는 프로토타입을 만드는 데 유용한 기능입니다. 시간 지정 전환을 만들려면 애니메이션을 적용할 개체 또는 개체 그룹을 선택한 다음에 도구 모음에서 전환 버튼을 클릭하세요. 전환 버튼을 선택하시면 적용할 전환 유형을 선택할 수 있습니다. 또한 전환 지속 시간과 전환이 시작되어야 하는 시점을 지정할 수 있습니다.

시간 지정 전환은 온보딩 애니메이션, 인터랙티브 튜토리얼, 제품 시연 등의 다양한 용도로 사용할 수 있는 기능입니다.

앵커 링크

앵커 링크를 통해 프로토 타입의 다른 부분을 연결할 수 있습니다. 이 기능은 복잡한 사용자 흐름을 생성하거나 사용자가 여러 화면 사이를 탐색하는 데 있어 유용한 기능입니다. 예를 들어, 앵커 링크를 사용하여 여러 페이지로 웹 사이트의 프로토타입을 만들거나 여러 화면으로 모바일 앱의 프로토타입을 만들 수 있습니다.

앵커 링크 만들려면 연결할 개체 또는 개체 그룹을 선택한 다음에 도구 모음에서 앵커 링크 버튼을 클릭하세요. 앵커 링크를 만들었으면 이제 프로토타입의 다른 개체 또는 개체 그룹에 이 앵커 링크를 연결할 수 있습니다. 이렇게 앵커 링크를 연결하려면 앵커 링크 패널에서 연결할 개체 또는 개체 그룹으로 앵커 링크를 드래그하면 됩니다.

3D 변환

3D 변형 기능으로 UX 디자인을 한 차원 업그레이드하세요. 3D 변환 기능으로 개체를 회전하고 깊이를 더하며 디자인의 관점을 바꿔볼 수 있습니다. 직관적인 3D 도구는 매우 사용하기 쉬우며 다른 Adobe 소프트웨어에서는 구현할 수 없는 현실감을 불어넣은 디자인을 표시해 줍니다. 또한 3D 변환은 AR/VR 디자인에 매우 유용합니다.

오버레이

오버레이를 사용하면 굳이 새 화면을 생성하지 않아도 프로토타입에 자세한 정보를 추가할 수 있습니다. 이 기능은 사용자에게 피드백을 제공하거나 도구 설명, 오류 메시지 또는 모달 대화 상자 등을 만들어서 디자인 사용 방법에 대한 이해를 돕기 위한 목적으로 유용하게 사용할 수 있습니다.

오버레이를 만들려면 도구 모음에서 오버레이 버튼을 클릭하세요. 오버레이 버튼을 클릭하시면 오버레이에 표시할 내용을 추가할 수 있습니다. 또한 오버레이의 위치와 오버레이가 표시되는 시간도 지정할 수 있습니다.

마스킹 및 효과

마스킹과 효과를 통해 더 종합적이고 시각적으로 매력적인 디자인을 만들 수 있습니다. 마스킹을 통해 개체의 일부분을 숨길 수 있으며, 효과를 통해 그림자, 네온, 기타 시각적 개선 사항을 추가할 수 있습니다.

개체를 마스킹하려면 마스킹할 개체를 선택한 다음에 모양 도구를 선택합니다. 숨기고 싶은 개체의 부분에 도형을 그립니다. 개체에 효과를 적용하려면 일단 개체를 선택한 다음에 도구 모음에서 효과 버튼을 클릭하세요. 적용할 효과를 선택한 다음에 원하는 대로 설정을 조정하시면 됩니다.

이러한 도구는 사용자가 정의한 모양의 버튼, 호버 효과, 애니메이션이 적용된 전환 등의 다양한 효과를 만드는 데 사용됩니다.

프로토타입 제작 및 공유

Adobe XD에서 주목할만한 점은 디자인 프로토타입을 제작할 수 있다는 점입니다. 이 기능을 사용하면 철저하게 테스트하고 기능 및 미적인 요소가 완벽한지 확인할 수 있을 뿐만 아니라 고객, 동료 또는 교수와 손쉽게 공유할 수 있습니다.

프로토타입 제작은 양식이나 버튼과 같은 대화형 디자인을 생성하고 서로 다른 아트보드가 서로 연결되고 반응하는 방식을 테스트하는 주요 기능입니다.

Adobe XD에는 자동 애니메이션을 비롯하여 XD용으로 특별 제작된 도구도 다양합니다. 이 도구를 사용하여 애니메이션 및 전환뿐만 아니라 다양한 화면 크기나 기기에 맞게 조정 가능한 디자인 요소를 생성할 수 있습니다. 이를 통해 여러 개체의 크기를 조정할 수 있으며 특정 개체를 고정한 상태로 스크롤할 수 있습니다.

다양한 유형의 사용자 참여 추적

디자인뿐만 아니라 사용자가 디자인과 상호작용하는 방식을 이해하는 것은 프로젝트에 있어 가장 중요한 측면 중 하나입니다. Adobe XD는 사용자가 여러 가지 트리거 및 인풋 덕분에 어떻게 반응하는지 정확하게 볼 수 있도록 지원하는 도구를 제공합니다. 완료된 프로젝트에 따라 탭이나 드래그 같은 기본 트리거부터 음성, 블루투스 게임 컨트롤러 사용, 다양한 키스트로크 등의 고급 옵션까지 모든 기능을 이용할 수 있습니다.

음성 프로토타입 디자인

음성 프로토타입 기능을 이용하시면 음성으로 제어할 수 있는 프로토타입을 만들 수 있습니다. 이 기능은 코드를 전혀 쓰지 않고도 음성 기반 사용자 인터페이스를 테스트하고 검증할 수 있는 효과적이고 새로운 방법입니다. 이렇게 하면 시간과 노력을 아낄 수 있으며 빠르게 자주 사용자의 피드백을 받는 데 도움이 될 수 있습니다.

음성 프로토타입을 사용하려면 우선 XD에서 프로토타입을 만드셔야 합니다. 프로토타입을 만들었으면, 이제 프로토타입에 음성 명령을 추가할 수 있습니다. 이렇게 하려면 도구 모음에서 음성 프로토타입 버튼을 클릭한 다음에 음성 명령을 추가하고 싶은 개체 또는 개체 그룹을 선택합니다. 개체 또는 개체 그룹을 선택하셨으면 이제 음성 명령을 녹음할 수 있습니다.

음성 명령을 녹음하고 나서 미리보기 버튼을 클릭하여 녹음한 음성 명령을 테스트할 수 있습니다. 모바일 기기에서 프로토타입을 미리 보고 싶다면 XD 모바일 앱을 이용하시면 됩니다.

Adobe XD를 HTML로 내보내기

HTML로 내보내기 기능을 이용하시면 XD 디자인을 HTML로 직접 내보낼 수 있습니다. 이 기능 덕분에 디자인이나 프로토타입을 수동으로 변환할 필요가 없으므로 시간과 노력을 아낄 수 있습니다.

HTML로 내보내려면 내보내고 싶은 아트보드를 선택한 다음에 파일>내보내기로 이동하시면 됩니다. 내보내기 대화 상자의 형식 드롭다운 메뉴에서 HTML을 선택하고 ‘내보내기’를 클릭하세요. 그러면 XD는 HTML 파일과 디자인용 CSS 파일을 생성할 겁니다. 이러한 파일이 생성됐으니 웹 브라우저에서 HTML 파일을 열어 디자인을 볼 수 있습니다.

HTML로 내보내기 기능은 웹페이지 및 애플리케이션을 제작할 때 특히 유용합니다. 또한 HTML 및 CSS 파일을 사용하여 웹사이트 또는 애플리케이션을 제작할 수 있으므로 개발자와 함께 디자인을 공유하는 데도 유용합니다.

다음 단계를 따라서 디자인을 내보내세요.

  1. XD에서 웹페이지 디자인을 생성하세요.
  2. 디자인이 완료되면 내보낼 아트보드를 선택한 다음 파일>내보내기로 이동하세요.
  3. 내보내기 대화 상자의 형식 드롭다운 메뉴에서 HTML을 선택하고 ‘내보내기’를 클릭하세요. 그러면 XD는 HTML 파일과 디자인용 CSS 파일을 생성할 겁니다.
  4. 이제 HTML 및 CSS 파일을 웹 서버에 업로드하세요.
  5. 웹 브라우저에서 웹 페이지를 열어서 디자인을 보세요.

HTML로 내보내기 기능은 웹페이지 및 애플리케이션을 제작할 때 시간과 노력을 덜어주는 효과적인 기능입니다. 또한 개발자와 함께 디자인을 공유할 수 있는 좋은 방법입니다.

플러그인으로 XD의 성능 확장

Adobe XD의 기능 모음은 강력합니다. 하지만, Adobe조차도 모든 기능을 한 패키지에 담지는 못했습니다. 그게 바로 Adobe XD가 타사 플러그인과 호환 가능한 이유입니다. 이를 통해 기술적 관점에서 기능을 확장하거나 기본 제공 색 구성표를 통해서는 사용할 수 없는 다른 색 조합을 추가할 수 있습니다. 기술 관련 경험이나 전문 지식이 전혀 없어도 XD에 손쉽게 업로드할 수 있는 수백 가지 무료 구독 기반 플러그인이 있습니다.

사용 용이성

최상의 경험을 누리려면 약간의 개발 또는 디자인 경험이 있어야 합니다. 현재 이 프로그램은 디자이너와 개발자가 사용하기 꽤 쉽습니다. 특히, 다른 Adobe 제품을 이용해본 경험이 있다면 사용하기 쉽습니다.

XD를 올바르게 사용하는 방법을 알고 싶다면 앱이나 Adobe 웹사이트를 통해 광범위한 ‘학습’ 섹션을 활용할 수 있습니다.
Adobe XD 알아보기

XD 학습을 위한 단계별 가이드

이러한 단계별 가이드는 개발자 및 디자인 프로세스를 안내해 드리겠습니다. 이 가이드를 통해 워크스테이션 설정 방법, 다양한 도구의 역할, 3D 아이템 생성 방법, 음성 인식 프로토타입 설계, 정기적인 프로토타입, 다른 사람과 공동 작업하는 방법 등을 알아볼 수 있습니다.

XD를 사용하기 시작하면 한 가지에 집중할 수 있기 때문에 사용자 친화적이고 직관적인 XD를 빠르게 숙지할 수 있습니다. XD의 최신 업데이트에서는 자동 애니메이션 및 개선된 내용 인식 레이아웃과 같은 흥미로운 기능을 도입하여 아트보드의 여러 작은 조정 작업을 자동으로 처리하여 사용 편의성을 더욱 개선하였습니다.

인터페이스

XD에서 새 프로젝트를 시작할 때, 아이폰, 데스크톱, 인스타그램 스토리 또는 사용자 지정 크기 중 무엇이든 여러분이 원하는 워크스페이스 크기를 선택할 수 있습니다.

문서 크기 선택

원하는 프로젝트 크기를 선택한 다음에 워크스테이션이 왼쪽에 열리고 스타일 요소가 오른쪽에 열릴 겁니다.
Adobe XD 인터페이스

오른쪽에 있는 요소를 통해 다음을 조정할 수 있습니다.

  • 스타일: 완벽한 디자인을 제작하기 위하여 CSS 및 기타 스타일 옵션을 추가하세요.
  • 디자인: 사용자 인터페이스 API에서 지원하는 다양한 레이아웃, 그리드 및 모드 중에서 선택하세요.

이러한 설정을 활용하여 워크스테이션에 개체가 표시되는 방식에 대한 모든 작업을 조정할 수 있습니다. 모서리를 둥글게 하고, 색상을 변경하고, 다양한 글꼴 유형을 설정하고, 반응형 디자인으로 페이지가 어떻게 나타나는지 확인하는 등 다양한 작업을 수행할 수 있습니다.

왼쪽에 있는 도구 모음에서는 도형, 선, 텍스트, 확대/축소 등의 모든 주요 도구를 이용할 수 있습니다. 각 도구에는 바로 가기 키가 있으며, 바로 가기 키를 이용하는 데 익숙해지면 작업 속도가 훨씬 빨라집니다.

호환성

Adobe XD 풀 버전은 아래에 세부적으로 설명된 최소 시스템 요구 사항을 충족하는 경우 PC 및 맥에서만 사용할 수 있습니다.

안드로이드 및 iOS용 XD 앱이 있지만 이 앱에서는 디자인을 미리 보기하고 프로토타입을 테스트하는 것만 가능합니다. Creative Cloud 라이브러리를 통해 항상 프로젝트의 최신 버전을 이용할 수 있습니다. 그러나 여기에는 편집 도구가 없으며 모든 변경 사항은 데스크톱에서 이루어져야 합니다.

XD 프로젝트를 미리 보기하는 방법은 2가지입니다.

  1. USB 연결을 통한 실시간 미리 보기: Adobe XD를 실행하는 컴퓨터에 모바일 기기를 연결하세요. 프로토타입과 디자인을 실시간으로 볼 수 있으며 모든 변경 사항을 모바일 기기에서 실시간으로 볼 수 있습니다.
  2. 클라우드 문서 불러오기: Creative Cloud 계정으로 클라우드 문서로 저장된 모든 XD 문서에 바로 액세스할 수 있습니다.

시스템 요구 사항

XD가 작동하려면 컴퓨터의 필수 사양을 충족해야 하며 다음 브라우저의 최신 버전을 이용해야 합니다.

  • 크롬: 윈도우 7 이상 및 macOS 10.13 이상
  • 파이어폭스: 윈도우 7 이상 및 macOS 10.13 이상
  • 엣지: 윈도우 10 이상
  • Safari: 맥 OS 10.13 이상

XD는 모바일 브라우저에서 공유 디자인 사양 보기를 지원하지 않습니다.

윈도우

운영체제 윈도우 10) 64비트) 이상
디스플레이 1280x 800 해상도 및 최소 13형 디스플레이
RAM 4GB
펜 및 터치 입력 윈도우 기본 펜 및 터치 기능과 호환됨
스토리지 Creative Cloud의 클라우드 문서를 사용하고 Creative Cloud 또는 다른 스토리지 서버의 동기화된 파일은 사용하지 않을 것을 권고합니다.

운영체제 10.15(Catalina) 이상
디스플레이 1400×900 해상도 및 최소 13형 디스플레이. Retina 디스플레이를 사용하는 것이 좋지만 꼭 필요한 건 아닙니다.
RAM 4GB
스토리지 Creative Cloud의 클라우드 문서를 사용하고 Creative Cloud 또는 다른 스토리지 서버의 동기화된 파일은 사용하지 않을 것을 권고합니다.

설치 및 가입하는 동안 윈도우와 맥 모두에서 특정 라이브러리 및 기능을 이용하려면 인터넷에 접속해야 합니다. 인터넷에 연결되어 있어야 음성 기능이 있는 프로토타입을 조회할 수 있습니다.

iOS: iOS 14.0 이상을 실행하는 모든 64비트 아이패드 및 아이폰과 호환됩니다.

안드로이드: Adobe XD는 삼성 갤럭시 S10 및 S20 및 Google Pixel 2 및 4에서 테스트를 거쳤습니다. 이러한 테스트 결과, Adobe XD는 Open GL ES 2.0이 있는 안드로이드 기기 9.0 이상인 모든 기기와 호환됩니다.

Adobe의 추가 편집 도구

  • Adobe Photoshop: Photoshop은 디지털 이미지 및 사진용 최고의 편집 소프트웨어입니다. Photoshop은 손쉽게 사람의 외모를 바꾸고 이미지에서 원치 않는 항목을 제거할 수 있으며 크리에이티브 타이포그래피 옵션 등의 다수 기능이 있는 탁월한 도구 모음을 제공합니다.
  • Adobe Illustrator: Adobe Illustrator는 윈도우 및 맥 컴퓨터 모두에서 작동합니다. 저는 잘 알려진 디자인 프로그램이자 주요 벡터 그래픽 에디터인 Adobe Illustrator를 이용하여 다양한 웹 및 모바일 그래픽, 로고, 아이콘, 클립아트 등을 생성합니다.
  • InDesign: 전문가 수준의 퍼블리싱 소프트웨어인 InDesign은 신문, 책, 잡지 및 기타 인쇄 자료의 콘텐츠를 만드는 데 이상적인 소프트웨어입니다. InDesign은 텍스트 스타일 및 이미지 조정부터 고급 타이포그래피에 이르는 폭넓은 기능을 자랑합니다. Photoshop 및 Illustrator와 같은 다른 Adobe Creative Cloud 소프트웨어와도 매끄럽게 호환되므로 디자인 프로세스를 개선할 수 있습니다.
  • Premiere Pro: 최고 수준인 Adobe의 영상 편집 플랫폼인 Premiere Pro는 영화, TV 프로덕션 및 다양한 비디오 세그먼트를 제작하도록 설계되었습니다. 이 소프트웨어는 장면을 다듬고, 색상을 최적화하고, 특수 효과를 도입할 수 있는 등 광범위한 기능을 갖추고 있습니다. 또한 After Effects 및 Audition과 같은 Adobe의 Creative Cloud 제품군과 통합되어, 복잡한 전문가 수준의 동영상도 간단하게 만들 수 있습니다.

Adobe XD 제거 방법

무료 체험판이 종료되었으며 Adobe XD를 계속 사용하고 싶지 않거나 스타터 플랜으로 전환하지 않으려는 경우 다음과 같은 간단한 단계를 따라서 컴퓨터에서 Adobe XD를 제거할 수 있습니다.

  1. 윈도우 검색창에서 ‘프로그램 추가/제거’를 입력하고 키를 누르세요.
    Windows에서 Adobe XD 제거 스크린샷
  2. 설치된 프로그램 목록에서 Adobe XD를 찾은 다음에 ‘제거’ 버튼을 클릭하세요.
    Adobe XD 제거 스크린샷
  3. 그러면 제거 마법사가 열릴 겁니다. 이 소프트웨어를 제거하고 싶다고 확인하면, 제거 마법사가 컴퓨터에서 Adobe XD를 삭제해 줄 겁니다.

또는 Creative Cloud Desktop 계정으로 이동하여 Adobe XD 옆 오른쪽 상단 모서리에 있는 세 개의 가로 점을 클릭한 다음에 ‘제거’를 클릭하시면 됩니다.
Creative Cloud 데스크탑 스크린샷

Creative Cloud Desktop에서 Adobe XD 제거 방법

이렇게 하면 PC에서 이 소프트웨어가 제거됩니다.

자주 묻는 질문

Adobe XD는 무료인가요?

Adobe XD는 완전 무료 버전은 없지만 위의 단계별 가이드를 따라 하시면 7일 동안 무료 평가판을 체험하는 방법을 보여 드리겠습니다. 7일 정도면 유료 플랜에 구독하지 않고도 몇 개의 프로젝트를 완료하거나 Adobe XD를 테스트하여 이 소프트웨어가 본인의 니즈에 잘 맞는지 확인하기에 충분한 시간입니다.

Adobe XD 파일을 HTML로 내보내려면 어떻게 해야 하나요?

Adobe XD에는 디자이너가 디자인을 직접 HTML로 변환할 수 있는 손쉬운 ‘HTML로 내보내기’ 기능이 있습니다. HTML로 내보내려면, 일단 내보낼 아트보드를 선택한 다음에 파일>내보내기로 이동하시면 됩니다. ‘내보내기’ 대화 상자에서 ‘HTML’을 원하는 형식으로 선택합니다. 내보내기 후 XD는 여러분이 디자인한 HTML 및 CSS 파일을 모두 생성할 겁니다. 여기서 XD를 HTML로 내보내기 위한 단계별 가이드를 확인해 보세요.

Adobe XD에서 이미지를 자르려면 어떻게 해야 하나요?

이미지 자르기는 Adobe XD의 사용하기 쉬운 기능 중 하나입니다. 이미지를 자르려면 해당 이미지를 선택하고 도구 모음에서 자르기 버튼을 클릭하시면 됩니다. 클릭한 다음에, 자른 사각형 모서리의 핸들을 드래그하여 유지하고자 하는 이미지 영역을 선택합니다. 게다가, Shift 키를 누른 상태로 자르는 동시에 이미지의 가로 세로 비율을 유지할 수 있습니다. 만족스럽게 잘랐으면, Enter 키를 눌러 변경 사항을 적용합니다.

XD 파일을 WordPress로 내보낼 수 있나요?

Adobe XD 디자인을 WordPress로 전환하려면 HTML 및 CSS로 내보내거나 플러그인을 사용할 수 있습니다.

HTML 및 CSS로 내보내려면 해당 XD 디자인을 열고 내보낼 아트보드를 선택하시면 됩니다. 그런 다음에 파일>내보내기로 이동하고 형식 드롭다운 메뉴에서 HTML을 선택하세요. 이제 ‘내보내기’를 클릭하여 HTML 및 CSS 파일을 생성하세요. 그러면 파일을 WordPress 웹사이트로 업로드할 수 있습니다.

플러그인을 사용하는 방법을 통해 Adobe XD 디자인을 WordPress로 전환하려면 XD-WordPress 또는 XD-Xporter와 같은 플러그인을 설치하고 활성화하세요. 그러고 나서 플러그인 설정 페이지를 열고 변환할 XD 파일을 선택하세요. 변환을 클릭하여 새 WordPress 페이지를 생성하거나 해당 디자인과 함께 게시하세요.

더 읽기

자주 묻는 질문

Adobe XD는 무료인가요?

Adobe XD는 완전 무료 버전은 없지만 위의 단계별 가이드를 따라 하시면 7일 동안 무료 평가판을 체험하는 방법을 보여 드리겠습니다. 7일 정도면 유료 플랜에 구독하지 않고도 몇 개의 프로젝트를 완료하거나 Adobe XD를 테스트하여 이 소프트웨어가 본인의 니즈에 잘 맞는지 확인하기에 충분한 시간입니다.

Adobe XD 파일을 HTML로 내보내려면 어떻게 해야 하나요?

Adobe XD에는 디자이너가 디자인을 직접 HTML로 변환할 수 있는 손쉬운 ‘HTML로 내보내기’ 기능이 있습니다. HTML로 내보내려면, 일단 내보낼 아트보드를 선택한 다음에 파일>내보내기로 이동하시면 됩니다. ‘내보내기’ 대화 상자에서 ‘HTML’을 원하는 형식으로 선택합니다. 내보내기 후 XD는 여러분이 디자인한 HTML 및 CSS 파일을 모두 생성할 겁니다. 여기서 XD를 HTML로 내보내기 위한 단계별 가이드를 확인해 보세요.

Adobe XD에서 이미지를 자르려면 어떻게 해야 하나요?

이미지 자르기는 Adobe XD의 사용하기 쉬운 기능 중 하나입니다. 이미지를 자르려면 해당 이미지를 선택하고 도구 모음에서 자르기 버튼을 클릭하시면 됩니다. 클릭한 다음에, 자른 사각형 모서리의 핸들을 드래그하여 유지하고자 하는 이미지 영역을 선택합니다. 게다가, Shift 키를 누른 상태로 자르는 동시에 이미지의 가로 세로 비율을 유지할 수 있습니다. 만족스럽게 잘랐으면, Enter 키를 눌러 변경 사항을 적용합니다.

XD 파일을 WordPress로 내보낼 수 있나요?

Adobe XD 디자인을 WordPress로 전환하려면 HTML 및 CSS로 내보내거나 플러그인을 사용할 수 있습니다.

HTML 및 CSS로 내보내려면 해당 XD 디자인을 열고 내보낼 아트보드를 선택하시면 됩니다. 그런 다음에 파일>내보내기로 이동하고 형식 드롭다운 메뉴에서 HTML을 선택하세요. 이제 ‘내보내기’를 클릭하여 HTML 및 CSS 파일을 생성하세요. 그러면 파일을 WordPress 웹사이트로 업로드할 수 있습니다.

플러그인을 사용하는 방법을 통해 Adobe XD 디자인을 WordPress로 전환하려면 XD-WordPress 또는 XD-Xporter와 같은 플러그인을 설치하고 활성화하세요. 그러고 나서 플러그인 설정 페이지를 열고 변환할 XD 파일을 선택하세요. 변환을 클릭하여 새 WordPress 페이지를 생성하거나 해당 디자인과 함께 게시하세요.

공유 및 지원

WizCase는 독자들의 지원으로 운영되므로 웹사이트에 있는 링크를 통해 구매하면 커미션을 받을 수도 있습니다. 저희 사이트에서 구매하는 무엇을 구매하시든지 추가 요금을 낼 일은 없습니다. 저희 커미션은 제품 소유자가 제공하는 커미션입니다. 일부 업체의 경우 모기업에 의해 소유된 경우가 있습니다. 더 알아보기Wizcase는 VPN 서비스를 리뷰하고 개인정보 보호와 관련된 이야기를 다루는 독립적인 사이트로 2018년에 설립되었습니다. 오늘날 수백 명의 사이버 보안 연구원, 작가, 에디터로 구성된 저희 팀은 웹사이트 내 순위에 오르고 리뷰될 수 있는 ExpressVPN, CyberGhost, Intego 및 Private Internet Access를 소유한 Kape Technologies PLC와 협력하여 독자들의 온라인 자유를 돕고 있습니다. Wizcase에서 소개되는 리뷰는 게시된 날짜 기준으로 정확한 것으로 간주되며, 사용자를 위한 상업적 가치와 함께 제품의 기술적 능력과 품질을 고려한 리뷰어의 독립적이고 전문적이며 솔직한 리뷰를 우선으로 하는 꼼꼼한 리뷰 기준에 따라 작성되었습니다. 또한 저희가 게시하는 순위와 리뷰는 위에서 언급한 공통 소유권과 웹사이트의 링크를 통해 구매 시 얻는 제휴 수수료를 고려할 수 있습니다. 저희는 모든 VPN 제공업체를 리뷰하지 않으며 정보는 각 글의 게시 날짜 기준으로 정확하다고 간주됩니다.

추천 수수료는 제품 및 서비스 공급자가 WizCase에 직접 지급하며, 사용자는 구매한 제품이나 서비스에 대해 추가 요금을 지불할 필요가 없습니다.