UI 클론디자인 iOS 앱, 타이틀 바 만들기, Sketch 앱 사용법 기초 - 패스트캠퍼스 챌린지 13일차

 

타이틀 바 만들기

클론 디자인 실습으로 한글 버전이 아닌 영문 버전 앱스토어를 하는 이유는 iOS에서는 영문은 San Francisco, 한글은 산돌고딕(Apple SD Neo Gothic) 폰트를 사용하는데 한글에 숫자, 영문, 특수문자에 들어가면 실제 앱에서는 자동으로 그 부분만 San Francisco 체로 바뀌어 구현되기 때문이다. 그래서 디자인과 실제가 달라지는 현상이 발생하므로, 영문으로 클론 디자인 실습을 진행한다.

 

---

강의 수강화면

오늘은 Sketch 앱을 통해서 클론 디자인을 처음으로 작업했고 위 이미지가 첫 결과물이다. 앱스토어 페이지 화면 중에서 타이틀 바만 만들었는데 1시간 넘는 시간이 훌쩍 지났다. 따라서 만드는 동안 계속 강의 화면을 일시정지하고 만들고 나서 다시 재생하기를 반복하다보니 강의 시간보다 수강시간이 더 길어진다. 비록 1시간 넘는 작업의 성과 치고 눈에 보이는 것은 굉장히 작은(?) 결과물이지만, 실제로는 아주 많은 것을 배울 수 있었다.

* 오늘 배운 내용 :

• 앱 상단 바에 있는 바로가기 아이콘 맞춤설정 하는 방법
• 엘리먼트를 정확하게 정렬하고 크기를 조절하는 방법
• 도형을 넣는 방법과 단축키(r,o,u,l), Symbol의 개념 이해와 활용법
• 새로운 캔버스와 페이지를 만들고 이름 변경, 위치를 이동하는 방법
• Text Styles를 통해 애플에서 제공하는 스타일을 불러 오는 방법
• 투명도의 농도를 단축키로 쉽게 조절하는 방법(키보드로 숫자 5를 누르면 50%, 0을 누르면 불투명, 2자리수를 빠르게 누르면 nn%),
• 새로운 도형을 그릴 때 default style 변경하는 방법
• 도형의 색상을 변경하는 방법과 이미지로 채우는 방법 등

UI디자인 툴의 기본 작동 원리와 설정방법, 단축키를 동시에 다 배우는 중인데, 포토샵과 일러스트레이터처럼 손에 익숙해지기까지 시간이 오래 걸리지 않았으면 좋겠다. 

 

 

 

 

 

 

---

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

https://bit.ly/3FVdhDa