[간편 로그인 디자인]
요즘 대세는 간편 로그인입니다.
로그인 시 겪는 불편함을 해소하고, 고객 관리의 편의성을 높일 수 있습니다.
그런데 홈페이지를 살펴보면 각기 디자인이 달라 보이는데요.
오늘은 '간편 로그인 디자인'에 대해 이야기해 보겠습니다.
- 구글
기본적으로 구글에서 제공하는 UI가 있습니다.
구글 사이트에서 로그인 브랜드 가이드라인을 다운로드할 수 있습니다.
Sketch, SVG, EPS 파일이 포함돼 있어 텍스트 번역이 가능합니다.
단, 사용 글꼴을 제한하고 있기 때문에 추가로 Roboto 글꼴이 있어야 합니다.
구글 고유 색상/레이블/로고/여백 및 크기/금지 규정 등을 반드시 확인해야 합니다.
·색상 : #FFFFFF(흰색), #4285F4, #FEE500
기타 색상을 사용할 경우, 흰색 타일에 표준 색상의 Google ‘G’ 로고를 포함해야 함
·레이블 : Google 계정으로 로그인, Google 계정으로 가입
·로고 : G 모양의 심볼(형태, 비율, 색상 변경 금지)
- 네이버
네이버가 기본적으로 제공하는 디자인에는 완성형, 축약형 및 아이콘형의 로그인과 로그아웃이 있습니다.
한글과 영문형 ai 파일을 제공하기 때문에 기본 디자인을 사용할 경우 직접 가이드에 따라 제작하지 않고 다운로드해 사용할 수 있습니다.
다크 모드에 호환되는 디자인 가이드 예제도 제공하고 있습니다.
·색상 : 권장 #FFFFFF(흰색), 다크 모드에서 텍스트 컬러 #A5A5A7
·레이블 : 메시지는 한글, 영문 상관없이 변경 가능, 버튼은 유연하게 변경 가능
- 카카오
카카오 로그인 활용 가이드를 살펴보면 '서비스 UI·UX에 맞춰 카카오 로그인 버튼의 수정이 필요할 경우, 버튼을 유동적으로 재구성할 수 있으며, 카카오 고유 이미지를 해치지 않는 범위 내에서 아래 버튼 디자인 규정을 따라 제작합니다'라고 명시되어 있습니다.
즉. 카카오 역시 고유 이미지를 해치지 않는 범위 내 수정할 수 있습니다.
제한 사항을 잘 확인해야겠죠.
·색상 : #FEE500(바탕색), #000000(심볼), #000000(85%, 레이블)
버튼 컬러 미적용으로 인해 타사 로그인 버튼 강조 불가
·레이블 : 로그인 / Login, 카카오 로그인 / Login with Kakao
·로고 : 기본 말풍선 모양, 형태·비율·색상이 달라지면 안 됨, 카카오톡 심볼은 불가
감사합니다.