본문 바로가기

Design/sketch

[sketch] 채팅앱 디자인 #1 - 로그인페이지


완성예시

로그인화면 만들기


새 프로젝트를 만든 후 a버튼을 눌러 iphone7을 선택합니다.


배경을 주황색으로

왼쪽 insert -> shape -> rectangle후

사각형을 만들어 준 후 radius 25, height 50으로 설정하여줍니다.


border를 제거 후 배경을 흰색


shadow를 넣어준 후


placeholder용도의 text


텍스트를 채워 준 후 두개를 동시선택


가운대로 맞추어주자.

소셜미디어버튼

흰색선을 두개 만들어줍니다.


input용


그리드정리


로고부분용 텍스트와 데코내용


Oval 선택


왼쪽 두개 원 선택 후


union 버튼

cmd + g로 그룹화 한 후

상단 2개를 선택해 준 후 union을 눌러주자

border를 없애준 후 opacity를 0.5로 수정

t단축키를 눌러 텍스트를 입력해 준 후

소셜 로그인버튼을 만들자