홈페이지 운영팁

인천을 대표하는 IT 기업으로써 고객만족과 기업가치의 극대화를 실현합니다.

홈페이지 상담 문의하기
1566-8667

간편 로그인 디자인

2022-07-21

간편 로그인 디자인

 

 

[간편 로그인 디자인]


요즘 대세는 간편 로그인입니다.
로그인 시 겪는 불편함을 해소하고, 고객 관리의 편의성을 높일 수 있습니다.
그런데 홈페이지를 살펴보면 각기 디자인이 달라 보이는데요.


오늘은 '간편 로그인 디자인'에 대해 이야기해 보겠습니다.


- 구글
기본적으로 구글에서 제공하는 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
·로고 : 기본 말풍선 모양, 형태·비율·색상이 달라지면 안 됨, 카카오톡 심볼은 불가


감사합니다.

주소
인천 남동구 선수촌공원로 5, C동 912호
(구월동, 구월테크노밸리)
대표번호
1566-8667
운영시간
평일 오전 9:30 ~ 오후 6:30

사이트 하단 정보

카카오톡 카카오스토리 블로그 인스타그램 페이스북
  • 상호 : 에이디커뮤니케이션
  • 대표 : 우세진
  • 사업자등록번호 : 130-39-21061
  • 고객센터번호 : 1566-8667
  • 팩스 : 02--6924-8414

  • 소프트웨어 사업자 : B11-43345
  • 이메일 : master@ad-com.kr
  • 주소 : 인천 남동구 선수촌공원로 5, C동 912호(구월동, 구월테크노밸리)