발표 할 때 통합자는 디스플레이 지침을 따르는 것이 좋습니다. ORCID 그들의 시스템 내에서.
를 사용하여 ORCID iD 아이콘, 버튼 및 스타일은 일관성 있는 빌드를 만드는 데 도움이 됩니다. ORCID 다양한 통합에 걸친 사용자 경험.
도입 ORCID
사용자가 익숙하지 않을 수 있습니다. ORCID 그리고 우리가 제공하는 서비스. 에 대한 짧은 소개 제공 ORCID 및 웹 사이트 링크 (ORCID.ORG) 얼음을 깨는 데 도움이 될 수 있습니다.
예 ORCID 소개
ORCID 영구 식별자를 제공합니다. ORCID iD – 이는 귀하를 다른 연구원과 구별하고 귀하의 연구 결과 및 활동을 귀하의 iD에 연결하는 메커니즘입니다.
에서 자세한 내용보기 ORCID.ORG
ORCID 영구 식별자를 제공하는 독립적 인 비영리 조직입니다. ORCID iD – 이는 귀하를 다른 연구원과 구별하고 귀하의 연구 결과 및 활동을 귀하의 iD에 연결하는 메커니즘입니다. ORCID 출판사, 자금 제공자, 기관 및 기타 연구 관련 서비스에서 사용하는 많은 시스템에 통합됩니다.
에서 자세한 내용보기 ORCID.ORG
표시 ORCID iD
일반적인 통합 자 요구 사항은 ORCID iD 텍스트 단락, 서비스 목록의 핵심 항목 또는 프로필 페이지의 회원 링크로.
ORCID 3가지 다른 제공 iD 사이트 또는 응용 프로그램과 통합할 때 유연성을 극대화하기 위해 형식을 표시합니다.
ORCID iD 표시 형식
- 가득 찬 ORCID iD
- 콤팩트 ORCID iD
- 인라인 ORCID iD
An ORCID iD 두 가지 요소로 구성됩니다.
- ORCID iD 아이콘
- ORCID iD 본문
노트
- 승인 된 내용에 대한 참조는 허용되지 않습니다. ORCID iD 없이 an ORCID iD 아이콘
- An ORCID iD (아이콘 및 텍스트)는 항상 하나에만 연결되어야 합니다. ORCID 레코드 URL
- 만 사용 ORCID iD 인증 아이콘 ORCID iD
가득 찬 ORCID iD
전체 ORCID iD 표시합니다 iD 아이콘 전에 전체 ORCID 레코드 URL. 다음 링크에 선호되는 형식입니다. ORCID 기록.

전체를 사용하는 이유 ORCID 신분증?
- 전체 표시 ORCID iD URL은 검색 엔진 로봇과 크롤러가 인식하는 데 도움이 됩니다. iD 확인 가능한 URL로.
- 전체 URL은 사람들이 URL을 복사, 참조 또는 링크하고 다른 사람들과 공유 할 수 있도록 간단합니다.
- 익숙한 URL 패턴을 사용하면 ORCID iD는 영구 링크이자 영구 식별자입니다.
- https 프로토콜은 보안 및 개인 정보 보호에 대한 신뢰를 구축합니다. ORCID iD.
전체를 사용하는 경우 ORCID iD 체재
- 전에, ORCID iD 자체적으로 또는 링크 목록에 표시됩니다.
- 전체를 표시하기에 충분한 공간이 있습니다. ORCID iD
HTML 예
<a href="https://orcid.org/0000-0001-5727-2427">
<img alt="ORCID logo" src="https://info.orcid.org/wp-content/uploads/2019/11/orcid_16x16.png" width="16" height="16" />
https://orcid.org/0000-0001-2345-6789
</a>
콤팩트 ORCID iD
의 단축 버전 ORCID iD 그 iD 16자리 앞의 아이콘 ORCID 식별자.

컴팩트를 사용하는 경우 ORCID 체재
- 당신은 특정 ORCID 녹음하지만 더 짧거나 더 작은 형식이 필요합니다.
- 공간이 제한되어 있습니다. ORCID iD 링크
HTML 예
<img alt="ORCID logo" src="https://info.orcid.org/wp-content/uploads/2019/11/orcid_16x16.png" width="16" height="16" />
0000-0001-2345-6789
</a>
인라인 ORCID iD
링크를 표시하는 가장 간단한 형식 ORCID 기록. 그만큼 ORCID iD 아이콘이 표시됩니다 시간 내에 기록 보유자의 이름, 짧은 문구 또는 문장 조각.

ORCID iD 아이콘은 관련 콘텐츠의 전체 URL에 연결되어야 합니다. ORCID 기록. 선택적으로 앞의 텍스트를 동일한 레코드에 연결할 수 있습니다.
인라인을 사용하는 경우 ORCID iD 체재
- 녹음 링크가 문장 또는 단락의 일부인 경우 (“… Susan Gerhard의 최근 업데이트 된 정보 ORCID 기록 (신분증)")
HTML 예
… recently updated works on <a href="https://orcid.org/xxxx-xxxx-xxxx-xxxx">Susan Gerhard's ORCID record <img alt="ORCID logo" src="https://info.orcid.org/wp-content/uploads/2019/11/orcid_16x16.png" width="16" height="16" /></a>
노트
- ORCID iD 아이콘은 주변 텍스트의 줄 높이와 일치하도록 크기를 조정할 수 있습니다.
- ORCID iD 아이콘은 16x16px보다 작게 표시되어서는 안 됩니다.
ORCID iD 아이콘

ORCID iD 아이콘은 다음에서 다운로드할 수 있습니다. ORCID 브랜드 라이브러리.
크기
- 16 x 16px
- 24 x 24px
- 32 x 32px
- 64 x 64px
- 128 x 128px
색상
- ORCID 녹색
- 검정
- 백
형식
- PNG
- SVG
노트
- 가능하면 확장 가능한 SVG 아이콘을 사용하십시오.
- 최적의 크기 ORCID iD 아이콘은 24 x 24픽셀입니다. 공간이 있으면 더 큰 버전을 사용하십시오.
- 가장 작은 크기 (16 x 16px)는 공간이 매우 제한적인 경우에만 사용해야합니다.
연결 버튼 또는 링크 ORCID OAuth를 통해
버튼과 링크를 사용하여 사용자가 쉽게 로그인 할 수 있도록합니다. ORCID OAuth를 통해. OAuth를 사용하면 올바른 ORCID iD는 사용자가 직접 입력 할 때 발생할 수있는 오류를 방지합니다. ORCID 식별자.
버튼 또는 링크에 포함 된 URL은 사용자를 ORCID 로그인하라는 메시지가 표시됩니다. ORCID OAuth를 통해 계정. 로그인하면 애플리케이션에 액세스 권한이 부여됩니다. ORCID 기록.
버튼 및 링크 스타일
연결되는 버튼 및 링크 ORCID 사용해야합니다 ORCID iD 상. 버튼/링크 텍스트는 클릭하거나 선택했을 때 어떤 일이 일어날지 명확하게 설명해야 합니다.
버튼 예

링크 예

ORCID OAuth 로그인 화면
ORCID OAuth 로그인 화면은 다양한 방법으로 표시 될 수 있습니다.
- 고정 된 크기의 팝업 창
- 고정 크기의 모달 창
- 페이지 내의 고정 너비 패널
포함 된 OAuth 양식 또는 iFrame에 포함 된 양식은 지원하지 않습니다.
고정 크기 팝업 창
팝업 창에 OAuth 로그인을 표시하는 경우 팝업 차단 문제를 방지하기 위해 사용자 작업별로 이벤트를 트리거해야합니다. 이 작업을 수행하는 가장 간단한 방법은 JavaScript onclick()
트리거하는 이벤트 window.open()
방법.
항상 팝업 창 주소 표시 줄에 전체 페이지 URL을 표시합니다. 읽을 수있는 URL은 창이나 페이지가 진짜이고 예상 한 위치에 있다는 것을 사용자에게 안심시키는 데 도움이됩니다.
[리디렉션 URI 호출] (문서 링크)도이 팝업 창에 표시됩니다. 콘텐츠와 서식이 적절한 스타일과 크기인지 확인하십시오.
OAuth 차원
- 최소 치수 – 500px x 600px
- 최적의 치수 – 540px x 700px
OAuth 콘텐츠의 높이가 다를 수 있으므로 고정 크기 팝업 또는 모달 창에는 항상 세로 스크롤 막대를 포함합니다.
OAuth 로그인 프로세스 완료
사용자가 OAuth 로그인 프로세스를 완료하면 다음 중 하나를 수행해야합니다.
- OAuth 창을 자동으로 닫습니다.
- OAuth 창을 수동으로 닫는 지우기 버튼을 제공합니다.
기록이 연결되었다는 피드백 제공
OAuth 인증 후 사용자를 사이트로 다시 보내려면 고유 한 리디렉션 페이지를 만들어야합니다.
페이지는 그들의 ORCID 레코드가 성공적으로 연결되었으며 이제 자동으로 제출 서비스로 다시 리디렉션됩니다.
리디렉션 예
