UI 클론디자인 iOS 앱, 카드 만들기 (계속), Sketch 앱 사용법 기초 - 패스트캠퍼스 챌린지 16일차

---

강의 수강화면

4일 연속으로 오늘도 계속 이어서 앱스토어 페이지 클론 디자인 작업을 실습하고 있다. 강사님의 가이드를 따라서 하나 하나 그대로 실습을 하고 있는데 기능이 제대로 작동하지 않는 경우가 발생했다. 당황스러웠지만 뭔가 강사님의 프로그램과 내 프로그램의 설정값이 달라서일것으로 생각하고 일단은 넘어갔다. 한 부분을 만드는데 기대 이상으로 시간이 너무 오래 걸린다 ㅠㅠ 특히 Sketch의 단축키가 어도비의 그래픽 프로그램들과 달라서 무의식적으로 계속 다른 키를 누르게 된다. 원하는 것을 만들어 낼 수 있기까지 숙달하려면 연습 시간이 아주 많이 필요할 것 같다. 

 

오늘 배운 내용 :

• 레이어를 임시로 보이지 않게 / 다시 보이게 하기 (눈 아이콘 on/off)
• 레이어 순서 변경 단축키 : cmd + [ or ]
• 셀 사이의 구분선(divider)은 셀 안에 함께 넣는 것이 좋다
• Fix Size 기능 - 그룹핑을 한 뒤 위아래를 고정하면 상하공간이 작아져도 엘리먼트 크기는 고정되어 함께 크기가 변경되지 않는다.
• 여러 요소를 선택하고 tidy기능을 이용해서 간격값을 입력하면 균등하게 정렬이 가능하다
• 텍스트가 한 줄일 때와 여러 줄일때 하단부 요소들이 추가된 줄만큼 밀려나 위치하도록 하는 방법 : Symbols 화면에서 텍스트 요소들을 그룹핑 후 Layout > Vertical > 위에서 아래로 향한 이미지 버튼 클릭
• 마지막 셀에서 하단 구분선을 없애는 방법 : 구분선을 심볼로 바꾼다. 페이지 설정패널에서 Overrides > 해당심볼명 > no symbol로 변경한다.
• 심볼의 아트보트 내에서 위아래 간격을 고정시키는 방법 : 설정패널에서 Resizing > Pin to Edge 버튼 클릭
• SF Symbols 아이콘을 넣는 방법 : Mac의 Launchpad > SF Symbols > 원하는 아이콘명 검색 > Cmd + c > Sketch App > Cmd v
  *이렇게 가져온 아이콘의 크기를 변경하려면 우측 패널에서 Text > size 를 변경한다.
• 일러스트레이터만큼은 아니지만 Sketch에서도 도형 기능들을 이용해서 아이콘을 직접 만들 수 있다.
• 상하로 위치한 서로 다른 심볼의 수평가운데정렬을 하고 싶다면 심볼 수정 화면에서 두 심볼의 엘리먼츠를 선택하고 가운데정렬한다.
• 폴더 내 이미지를 랜덤으로 표시하도록 하는 기능 : Sketch > Preferences > Data > Add Data... > 해당 이미지 폴더 선택 > 이미지 적용할 심볼 클릭 > 패널에서 Overrides > Choose Image... > 랜덤 이미지 선택

 

 

---

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

https://bit.ly/3FVdhDa