디자인툴 검색 결과
5 개의 검색 결과가 있습니다.
디자인/adobe XD

adobe xd 맨땅에 헤딩하기 05. 디자인 - 최종 수정 (스크롤, 스크롤 위치고정)

adobe xd 맨땅에 헤딩하기 05. 디자인 - 최종 수정(스크롤, 스크롤 위치고정) 좌충우돌 xd 적응기 다섯 번째 시간. 최종 수정이라는 번역보다는 영어 그대로 final touches가 좀 더 직관적이네요. 마지막 보정작업.. 같은 뉘앙스인 것 같은데 마지막 한 끗 차이가 프로와 아마를 결정짓는거라고 하잖아요? 이번 내용에서는 1. 스크롤되지 않게 고정하기 , 2. 스크롤 그룹 만들기 에 대해 알아보겠습니다. 스크롤되지 않게 고정하기 우리가 사용하는 앱을 보면 제일 상단의 메뉴는 스크롤에도 계속 나타나있습니다. 이를 '스크롤 고정'이라고 하는데요. 앱을 만들 때는 App Bar라고해서 기본적으로 스크롤 고정이 되지만 xd에서는 따로 지정을 해줘야합니다. 왼쪽에 레이어 탭을 켜주고 아트보드 상단에서..

2022. 8. 5. 02:40
디자인/adobe XD

adobe xd 맨땅에 헤딩하기 04. 디자인 - 색상 및 문자 스타일 재사용

adobe xd 맨땅에 헤딩하기 04. 디자인 - 색상 및 문자 스타일 재사용 좌충우돌 xd 적응기 그 네 번째 시간. 이번에 다룰 내용은 '재사용' 이라는 키워드가 눈에 띄는데요. 작업효율이 굉장히 올라갈 것 같은 뉘앙스인데 얼른 한 번 보도록 할까요? 라이브러리 xd 화면의 좌측 하단 중 가장 상단의 라이브러리 버튼을 클릭하여 문서 에셋을 열 수 있다. 라이브러리의 주요 기능은 에셋의 재사용 및 공유입니다. 처음 라이브러리에 들어가면 아무것도 없습니다. 왜냐면 우리가 등록을 하지 않았기 때문입니다. 아트보드를 클릭하면 현재 아트보드에 있는 내용들을 라이브러리에 추가할 수 있도록 '+' 버튼이 활성화됩니다. +버튼을 누르면 현재 아트보드의 내용들이 카테고리(색상, 텍스트스타일 등) 에 맞춰 에셋에 등록..

2022. 8. 5. 00:37
디자인/adobe XD

adobe xd 맨땅에 헤딩하기 03. 디자인 - 인터랙티브 정의

adobe xd 맨땅에 헤딩하기 03. 디자인 - 인터랙티브 정의 좌충우돌 xd 적응기 세 번째 시간. 슬슬 모르는 단어가 나오기 시작했습니다. 인터랙티브란 뭘까요? 인터랙티브는 xd의 가장 중요한 기능 중 하나로 xd의 사용 목적이라고 해도 과언이 아닌 기능입니다. 이러한 인터랙티브 기능을 통해 나의 앱의 프로토타입을 손쉽게 만들 수 있습니다. 쉽게 말하자면.. 실제 앱이 기동하는 것처럼 XD를 통해 보여주는 것입니다. 아래 내용을 보면서 보면 좀 더 이해가 쉬울거에요! 스크롤 우리가 사용하는 앱에서 스크롤은 굉장히 흔합니다. 완성된 앱을 있는 그대로 표현할 수 있도록 Xd에서는 스크롤 기능도 제공하고 있습니다. 스크롤을 세로로 설정하고, 뷰포트 높이를 사용하는 핸드폰 높이로 지정하면 아트보드에 파란색..

2022. 7. 31. 20:31
디자인/adobe XD

adobe xd 맨땅에 헤딩하기 02. 디자인 - Repeat Grid

adobe xd 맨땅에 헤딩하기 02. 디자인 - Repeat Grid xd 맨땅에 헤딩하기 두 번째 시간. Repeat Grid에 대해서 배워보는 시간을 갖도록 하겠슴니다. 자유롭게 움직이기 spacebar를 눌러 캔버스를 자연스럽게 이동할 수 있습니다. (매일매일매일 쓰게 될 기능) spacebar + 마우스 드래그 : 자유로운 화면 움직임 가능. command + 마우스 휠 : 편리한 줌 인/아웃 Repeat Grid xd의 강력한 기능 중 하나로, 간단하게 리스트를 생성할 수 있게 해줍니다. 레이어 : 내 문서의 모든 아트보드, 오브젝트 및 그룹을 조회할 수 있습니다. 보드의 현황을 한 눈에 파악하기 좋습니다. 의자 모양을 클릭하면 파란색 테두리가 쳐집니다. 우측의 패널에서 반복 그리드를 선택합니..

2022. 7. 31. 19:02
디자인/adobe XD

adobe xd 맨땅에 헤딩하기 01. 디자인 - 아트보드 만들기

adobe xd 맨땅에 헤딩하기 01. 디자인 - 아트보드 만들기 플러터로 앱을 개발하기 위해 어플리케이션 탬플릿을 만들기 위해 xd로 화면기획서를 만들기위해 xd를 공부하게 되었습니다. 참.. 복잡도하죠? 예전에 한 번 다뤄본적은 있었는데 솔직히 아직도 xd를 다루려면 막막해서 이참에 다시 처음부터 공부를 하기로 맘먹었습니다! 유튜브 등에도 다양한 학습자료들이 많지만 이번에는 어도비 공식 홈페이지에서 제공하는 안내서를 참고해볼게요. 오늘 공부할 내용은 가장 기본이 되는 디자인 단계 중 가장 첫 번째인 아트보드 만들기 입니다. 안내서 링크는 아래! https://www.adobe.com/kr/products/xd/learn/get-started.html 자료 자료는 고맙게도 다 제공을 해줍니다. xd파일..

2022. 7. 31. 17:43