-
7. 실전 예제 1. 스플래시 화면 디자인해보기Figma 2023. 11. 5. 02:51
1. 예제 샘플을 나의 드래프트로 가져오는 법
-> 예제 파일을 다운받은 뒤, [Duplicate to your drafts] 버튼을 눌러 내 드래프트로 복사한다.
-> 그럼 내 드래프트에서 확인할 수 있다.
=> 이제 이 파일에서 예제를 따라만들어보자!
2. 스플래시 UI화면 디자인하기
이미 존재하는 앱을 따라 만드는 이유 ?
-> 이미 존재하는(검증된) 앱은 많은 테스트를 거쳐 만들어진 디자인이다.
-> 즉, 잘 만들어진 디자인이며 사용자들이 많이 사용중인 디자인이다.
=> 따라 만들어보며 감을 끌어올리는데 도움이 될 수 있다.
=> 좌 : 예제 화면 / 우 : 내가 만든 화면
#폰트는 굳이 동일하게 할 필요가 없어, 동일하게 하지 않았다.
-> 버튼의 텍스트가 대문자로 유지되게 하는 법
=> Text / Type settings / Case 에서 대문자를 선택
#그 외의 아이콘, 텍스트 등은 예제 화면을 보고 위치, 색상을 똑같이 따라하면 된다.
'Figma' 카테고리의 다른 글
9. 피그마로 아이콘 만들기 A to Z (0) 2023.11.06 8. 실전 예제 2. 와이어프레임 만들기 (0) 2023.11.05 6. 생산성을 높여주는 플러그인과 템플릿 (0) 2023.10.29 5. 피그마 기초 기능 익히기 (0) 2023.10.28 4. 피그마 작업 환경 이해 (0) 2023.10.28