사용자 인터페이스 키트 구축

프로젝트 전체에서 바닥글, 클릭 유도 문구, 버튼과 같은 요소를 복사/붙여넣을 수 있는 공통 구성 요소가 포함된 사용자 인터페이스(UI) 키트를 만듭니다.

동일한 배열, 구성 요소 및 섹션을 지속적으로 복제하는 경우 UI 키트를 개발하여 작업 흐름을 간소화하세요. 사용자 인터페이스 키트는 새로운 프로젝트에서 활용할 수 있는 바닥글 및 클릭 유도 문구(CTA)와 같은 표준 페이지 요소가 포함된 콘텐츠 저장소입니다. 여기에는 스타일 가이드 템플릿과 블로그 템플릿이 포함됩니다. 

이번 교육 세션에서 다루는 주요 내용은 다음과 같습니다.

  1. 사용자 인터페이스 키트 설정
  2. 바닥글 복제 및 붙여넣기
  3. CTA 복제 및 붙여넣기
  4. 버튼 복제 및 붙여넣기
  5. 모델 사용자 인터페이스 키트 복제

프로젝트 간 콘텐츠 복제 및 붙여넣기에 대해 자세히 알아보세요.

사용자 인터페이스 키트 구축

개인화된 사용자 인터페이스 키트를 제작하려면:

  1. 프로젝트 시작(또는 프로젝트의 새 페이지) 
  2. 재활용하려는 공통 요소 또는 모듈을 디자인하십시오.
  3. 재사용하려는 요소를 다른 프로젝트에 복제하여 붙여넣으세요. 

사용자 인터페이스 키트를 다른 프로젝트에 붙여넣으면 새 프로젝트에서 사용할 준비가 된 클래스가 구성됩니다. 

바닥글 복제 및 붙여넣기

사용자 인터페이스 키트에 바닥글을 추가하려면:

  1. 이전에 제작된 바닥글 복제
  2. 사용자 인터페이스 키트 역할을 할 새 프로젝트(또는 페이지)에 액세스하세요.
  3. 새 프로젝트에 바닥글 붙여넣기

바닥글이 대상 프로젝트에 혼합되면 필요에 따라 프로젝트 미적 특성에 맞게 스타일을 지정할 수 있습니다.

CTA 복제 및 붙여넣기

CTA를 사용자 인터페이스 키트에 통합하려면:

  1. 이전에 생성한 CTA를 식별합니다(예: CTA 역할을 하는 양식).
  2. 양식을 복제하세요.
  3. 대상 프로젝트에 액세스
  4. 양식 붙여넣기

메모: 디자이너의 모든 양식 구성이 새 프로젝트에 복사되더라도 프로젝트 설정을 조정해야 합니다.

  1. 프로젝트에 액세스하세요 설정 당신의 계기반 
  2. 다음을 탭하세요. 양식
  3. 완료 양식 통지 양식 제출 세부 사항을 정리하는 섹션

버튼 복제 및 붙여넣기

사용자 인터페이스 키트에 버튼을 추가하려면:

  1. 기존 버튼 복제
  2. 대상 프로젝트를 엽니다.
  3. 버튼을 붙여넣으세요

거기 있어요! 자주 사용하는 요소를 사용자 인터페이스 키트에 복제하여 붙여넣어 향후 시간을 절약할 수 있다는 점을 기억하십시오. 귀하의 디자인 프로세스를 가속화하는 방법은 다음과 같습니다!

우리의 모범적인 사용자 인터페이스 키트에 보답하세요

신속한 디자인을 주제로 — 우리는 소형 샘플 사용자 인터페이스 키트 이 튜토리얼에서는 필요에 따라 복제하고 용도를 변경할 수 있습니다. 사용자 인터페이스 키트 프로젝트를 귀하의 계정에 복제한 다음 모든 새 프로젝트에 요소를 복제하고 붙여넣어 세련된 스타일 가이드로 다음 웹사이트를 시작하세요.

이완 막
Ewan Mak의 최신 게시물 (모두 보기)