본문 바로가기

스케치

[sketch/앱디자인] 그랩 클론앱 2페이지 Grab Clone App 그랩 클론 만들기 프로젝트 시작 스케치의 메인화면 이중 상단 templates를 누르면 디바이스별 템플릿들을 볼 수 있다. Material Design을 확인한다. 사용할 템플릿을 확인 후 왼쪽 pages에 페이지(포토샵에서는 아트보드와 같은개념)를 추가해준다. 디폴트테마에서 dark theme를 복사한 후 새로만든 페이지로 가져온다. element들을 삭제한 후 배경을 흰색으로 바꾸어주자 로딩화면 적당한 크기로 로고를 배치해주자. 부제목 아까와 동일한 화면을 하나 더 만들어준 후 다시 안드로이드 메뉴로 돌아가 헴버거 메뉴를 복사해준다. 기존 back icon을 삭제해 준후 햄버거 메뉴를 붙여넣은 후 색상을 흰색으로 바꾸어주자.색상표: 다크그린: 008d31 메인그린: 00b0.. 더보기
[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단축키를 눌러 텍스트를 입력해 .. 더보기