? -> keyboard shortcuts
단축키/기능
사이즈 변경
- 비율 고정 사이즈 변경 :
shift+코너 드래그 - 비율 고정 & 가운데 중심으로 사이즈 변경 :
shift+Alt+코너 드래그
이동
- 1px 단위 :
키보드 상하좌우 키 - 10px 단위 :
shift+키보드 상하좌우 키
도형 사이즈 변경
- 1px 단위 :
command+키보드 상하좌우 키 - 10px 단위 :
command+shift+키보드 상하좌우 키
간격 확인⭐️
하나의 오브젝트 선택 후 Alt 누른 상태에서 다른 오브젝트 위에 커서
컬러 피커
i + 커서
이미지 마스크
레이어에서 도형이 이미지 뒤에 가도록 -> 이미지 우클릭 -> Use as Mask
와이어프레임
- 핵심 요소 : 텍스트 + 도형
- 최대한 단색 사용
- 여러 색 사용 <<< 명도 대비로 차이 드러내기
- 시각적인 퀄리티 배제
- 워크플로우(화면 간의 이동) 표시
기초 작업
- 정보 설계 : 사이트맵
- 로우파이 스케치
워크플로우
Arrow Auto 플러그인 사용
완성된 와이어프레임 포함하는 하나의 Frame 만들기 -> 하나의 png 파일로 Export 가능
