ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko nb ko fr ko ko km ko ko ko ko zh ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
UI 디자인을 효율적으로 하기 위한 필수 기능! 에셋 컴포넌트 - 어도비 XD 강좌 | 디자인베이스
홈 XD #4 UI 디자인을 효율적으로 하기 위한 필수 기능! 에셋 컴포넌트 – 어도비 XD 강좌
어도비 XD 네 번째 강좌입니다. 이번 강좌에서는 어도비 XD에서 가장 중요한 에셋 컴포넌트에 대해 알아보도록 할게요! 스케치 툴의 심볼과 비슷한 기능입니다. 자주 사용하는 엘리먼트(버튼, 아이콘, 로고, 인풋창 등)나 컴포넌트(네비게이션바, 탭바, 카드 UI 등)을 등록하고 사용하는 기능입니다. 반복되는 UI 디자인을 할 때 사용하면 좋습니다. 전에 두 번째 강좌에서 배웠던 반복 그리드와는 다른 개념입니다. 다른 아트보드에 사용하더라도 해당 컴포넌트의 디자인을 수정하면 동시에 변합니다. 스케치의 Overrides 처럼 에셋에 있는 컴포넌트를 활용해서 텍스트나 이미지를 쉽게 바꿀 수 있습니다~!
추가로, 다음 강좌에서 배워볼 컴포넌트의 상태도 같이 배우면 아주 좋습니다 : )
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
XD 에셋 탭에서 색상, 문자스타일, 구성 요소를 등록 및 삭제 할 수 있습니다.
스케치에서의 심볼 기능을 XD에서는 에셋 컴포넌트(구성요소)로 지원합니다. 반복되는 UI를 컴포넌트로 등록하고 여러 페이지에 넣을 수 있습니다. 마스터 컴포넌트를 수정하면 나머지도 동시에 수정이 가능합니다.
#9 스케치 60 핵심 업데이트 컴포넌트 패널과 팝오버 살펴보기 – 스케치 강좌
#31 완성된 코드 웹 서버에 올리기 – 웹 코딩 강좌
#11 함수 개념 이해하고 글자수 세기 프로토타이핑하기 – 프로토파이 강좌
클릭 한 번으로 웹사이트 화면 캡쳐뜨는 방법(크롬 확장 프로그램)
디자인 입문자가 꼭 참고해야 할 사이트
인공지능이 채색을 대신 해준다?!
브랜딩 서식류 목업 세트
롤업 스탠딩 배너 목업
10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.