본문 바로가기

adobeXD

[Adobe XD] "Creative Cloud Libraries 초기화 중 문제가 발생했습니다." 오류 해결 방법 Adobe XD를 주로 사용하곤 하는데, 가끔 이런 문구를 볼 때가 있어요. "Creative Cloud Libraries 초기화 중 문제가 발생했습니다." 요새 정신없이 바쁜와중에 임시저장한 글과, 비공개처리한 글들이 너무 많은데, 추후 포스팅할 주제와도 매우 관계가 있는 관계로, 새치기를 해서 올려봅니다. (오늘 발생했거든요. 전에도 있었지만, 까먹었던 관계로, 남겨둡니다.) Photoshop이나 Illustrator들과 다르게, XD와 Fresco에서는 조금 다른 방법으로 수정을 해야 합니다. 조금 복잡... 해요. 9단계입니다. 원문링크는 아래와 같습니다. helpx.adobe.com/kr/creative-cloud/kb/creative-cloud-libraries-panel-doesn-t-loa.. 더보기
[Adobe Xd] 기초_쉬어가는 페이지 1 뭐 딱히 한건 없는것 같다 싶어도, 사실 이제 뭐든 그리실 수 있으실거에요. 우리는 도형을 그릴 수 있고, 글자를 쓸 수 있고, 그려놓은 것들을 패스로 변환하는 방법도, 불투명도를 이용하는 방법도, 기본적으로 주어지는 에셋을 이용해서 와이어프레임을 구성하는 것도 해보았습니다. 이제 딱히 할게 없어졌는데, 오늘은 xd를 이용해서 서비스 화면을 바꾸는걸 살짝 선보여드리려고 해요. 먼저 대상화면을 녹화해서 사진을 추출하는데, 그건 넘어가고요. 화면의 해상도만한 아트보드를 만들어줍니다. 일단 상용서비스를 보여드릴 수는 없으니, 잠시 작업을 할게요.:) 이 서비스에서 제공하고 있는 중점적인 기능, 서비스에서 제공하고 싶은 중심기능은 하단에 포진되어 있어요. 사용자입장에서 화면에 접근해서 해당 중심기능을 활용하는데.. 더보기
1. HTML 데스크탑 모양 만들어보기 이번에는 데스크탑과 모바일 화면모양을 Adobe 와 Windows에서 기본제공하고 있는 에셋을 이용해서 간단히 작성해보겠습니다. (실은 너무 쉽기도 하면서 어렵기도 해요.) 대강 이렇게, 이렇게 생긴거, 하면서 그림만 그리면, 은근히 쉬운것도 같지만, 데스크탑웹, 모바일웹도 모바일 앱과 마찬가지로 각자의 이름을 가지고 있습니다. 그 이름을 다 기억하기에는 조금 어려울 수 있는데, xd에서 제공하고 있는 에셋을 활용해서 어느정도 부족한 점도 채워줄 수 있어요. 그럼 바로 시작해보겠습니다. 준비물은 Adobe XD에서 제공해주고 있는 Microsoft Windows kit 같은거.. 편하게 쓰시면 됩니다. 이번에 강조드리고 싶은건 사실 그림이 아니거든요. 먼저 아트보드 하나를 만들어줍니다. 아트보드 단축키 .. 더보기
[Adobe XD 활용] 플러그인 1.Zeplin XD를 이용한 이미지파일의 추출이나 다른 포맷으로의 내보내기가 굉장히 다양한 편이고, 최근에는 flutter 파일로도 나가기도 하지만, 기본적인 구성 및 프로토타입 또는 작업 진행하는데 기준을 잡고 작업, 변경적용하는데에는 제플린이라는 플러그인이 굉장히 유용합니다. 기본적으로 한개 프로젝트를 생성하는데에는 무료고, 세가지 이상 생성하기 위해서는 비용을 지불해야 하지만, |자세한 설명은 생략합니다.| 제플린으로 내보내기를 하게되면 생기게되는 장점으로는 1. 이미지 작업에 있어 굉장히 수월하다 - 이미지 작업을 해놓고, 수정을 필요로 하는 경우 해당 이미지에 대한 수정 후 다시 내보내기를 하면, 이미지가 변경됩니다. 2. 개발자와의 작업에서 굳이 메일을 보내줄 필요가 줄어든다. - 프로젝트의 설정에 따라 D.. 더보기
Adobe XD 활용. 패스 만들기 간단한 도형그리기에 이어서 이번엔 조금 어려운걸 보여드리려고 합니다. 정말 생소한 경우에는 접근하는 것보다 편집이 조금 어려운 벡터기반 요소 만들어서 편집하기. 우선, xd로 작업한 도형들 R(사각형), E(동그라미), Y(다각형; 왼쪽에 각 개수를 정할 수 있습니다.) 를 비롯해서 입력하는 폰트도 적용이 가능합니다. 도형인경우에는 벡터로 변환이 상당히 쉬운 편입니다. 도형 누르고 엔터 각 꼭지점에 (원인경우에는 위, 아래, 좌, 우) 선택할 수 있는 점이 나타나고, 그걸 누르시면 원하시는대로 편집이 가능해집니다. 사실 전환하는데 제일 효과를 많이 보는건 폰트같은데, 글자를 입력하고, control + 8 을 누르시면 변환됩니다. (패스로 변환) 전환 이후에는 다른 도형처럼 사용도 가능하고, 문자를 다른.. 더보기
Adobe XD 설치, 초기화면 둘러보기 이제 xd에서 작업한걸 바로 올릴 수 있다니.. 좋다.. https://creativecloud.adobe.com/apps/ux-web Adobe Creative Cloud creativecloud.adobe.com AdobeXD는 Adobe의 많은 앱 중에서 UI, UX 범주에 속하는 서비스. 처음 설치하고 사용하는데에는 무료였고, 공유하는데 어느정도 제한이 있었지만, 지금은 어떨지 모르겠다. (이미 구독을 해버리고 말았고, 그게 아까워서 다른것들도 배우고 있다는거. ) 처음 들어왔을때 인터페이스는 아래와 같다. 1920으로 선택했으니까, 1920 너비의 화면 하나크기의 '아트보드'라는 게 있고, 왼쪽 끝에는 몇가지 아이콘들이 있다. 제일위의 hamburger를 누르면 다른 메뉴들이 나타나고, 주로 파.. 더보기
[Adobe XD 기초] Adobe XD 시작하기 Adobe XD를 사용하게 된 이유는 Powerpoint 보다 있어보이고, Mac에서만 지원되는 sketch보다 windows에서 된다고 하고, 아무래도 adobe 의 다른 서비스들과 연동도 잘되고, 처음 만드는 프로젝트가 무료라서. 사용하면서 사용층이 늘어나는걸 보아왔고, 왠만한 guideline은 다 잡혀있어서 만약 powerpoint를 가지고 작업하는데에서 그냥 있어보이고 싶다라면 xd를 추천한다. 물론 처음엔 '그게 뭔데.' 라든가, 공유를 해줘도 굳이 그 링크를 클릭해서 보기보다 powerpoint를 열어서 보는게 곧 죽어도 좋다는 사람들의 반대도 있기는 하지만, 제플린까지 연동해서 뽑아냈을 때 각 개발자들의 문의에 제플린의 스크린을 보여주면 일단락되는 업무의 초 편안함이 있달까. 포토샵이나 일.. 더보기

티스토리툴바