본문 바로가기

XD

(2)
Adobe XD 공부기록 3. 디자인 요소 세팅하기, 그리드 설정, 디자인 스타일 템플릿 공유, 만들기 tip. 디자인 탭에서 색상요소 설정하기 사각형을 만든 후 선택한 상태에서 좌측 색상탭의 + 버튼을 누르면 선택한 컬러가 색상요소로 세팅이 된다. 디자인 탭에서 문자 스타일 요소 설정하기 마찬가지로 텍스트도 필요한 설정을 한 후 선택한 상태에서 문자스타일 탭에서 + 버튼을 누르면 스타일이 저장이 되고 디자인을 진행할 때 클릭을 통해 일관되고 편리하게 텍스트 요소를 설정할 수 있다. 스타일 템플릿을 별도로 만들어서 UI디자인에 활용하기 헤드라인, 서브헤드라인, 본문, 컬러, 버튼 스타일 등등을 미리 별도의 파일로 만들어 둔다. 템플릿 처럼 활용해서 디자인을 일관적이고 편리하게 진행할 수있따. 아트보드 추가 a를 눌러서 아트보드를 선택한 상태로 비어있는 바닥 클릭 좌측 툴바에 아트보드 버튼이 파랗게 선택되어있는지 확..
Adobe XD 공부기록 1 구성요소, 이미지넣기, 횡스크롤, 패딩옵션 구성요소 (component) 객체를 모두 선택하고 ctrl+k cmd를 눌러 그룹의 구성요소를 개별로 선택할 수 있다. 구성요소를 아트보드로 드래그하면 복사할 수 있다. 패딩(padding)을 통해 텍스트 길이에 따라 늘어나는 사각형 만들기 텍스트와 사각형을 cmd+g로 그룹을 만든 후 우측 메뉴의 패딩을 클릭해준다. 객체 잠그기 cmd+l 혹은 마우스 우클릭하면 각종 기본 어레인지 메뉴가 있다. (앞으로 보내가 뒤로보내기....자르기,,복사,,) 이미지 넣기와 수정 구성요소(component)된 상태에서 대지로 드래그해도 구성요소가 복사된다. 이미지를 이미지 박스 (사각형으로 만들면 됨)에 드래그 하면 같은 구성요소를 복사한 이유로 동일하게 이미지가 복사된다. 다른 이미지를 선택해서 드래그 하면 수정..