DESIGN (4) 썸네일형 리스트형 [Sketch] Export 설정 Export 상세 설정 Size Scale Factor 로 정의하기 스크린 Resolution이 160ppi 대비 몇 배 증가한 것인지 2x, 3x,... 로 정의하는 방법 Scale Factor Android Screen Resolution iPhone Screen Resolution 1x mdpi Non-Reetina 1.5x hdpi - 2x xhdpi Retina (iPhone 4 이상) 3x xxhdpi - 4x xxxdpi iPhone 6+ 이상 폭 또는 높이로 정의하기 Export할 폭이나 높이를 직접 입력하는 방법 포이나 높이 중 하나만 입력하면 나머지 값은 현재 이미지와 동일한 비율로 적용 폭은 수치 끝에 w를, 높이로 정의할 때는 h를 붙임 (예: 150w) Format PNG : 고화.. [Sketch] 디자인 공유 방법 Design Deliverables 디자인 가이드 (Design Guide) *UI 각 화면에 사용되는 컴포넌트의 색상, 폰트, 컴포넌트 사이 간격 등을 정의한 것으로 개발자들이 직접 적용할때 참조하는 가이드 에셋 (Assets) *UI 개발에 사용될 이미지 파일 개발자들이 프로그래밍 언어로 만드는 것이 아닌 화면 안에 이미지를 바로 삽입할 때 쓰는 파일 와이어프레임 (Wireframes) *UX 각 화면의 레이아웃과 각 컴포넌트의 기능, 화면과 화면 간의 유기적인 관계와 인터랙션 등을 정의하는 문서 심미적인 디자인 문서가 아니므로 그레이스케일로 표현될 수도 있고 각 기능간의 구조를 표현하기 위해 화살표와 플로우차트 등을 활용함 프로토타입 (Protorypes) *UX/UX 화면 안에 있는 컴포넌트를 선.. [디지털 드로잉] 포토샵(Photoshop) /브러쉬(Brush) 설정하기 디지털 드로잉을 위한 포토샵 환경 설정 (태블릿 사용) 자주쓰는 패널만 셋팅하기 - Color - Swatches - Layers - Brushes - Brush Settings 아트보드 설정하기 Width 200 Height 200 Resolution 300 브러쉬 설정하기 - Opacity : 100 - Flowing : 100 - Smoothing : 15 *Smoothing(보정) 은 선을 자연스럽게 만들어 주지만 과도하게 설정하면 리소스를 많이 차지하기 때문에 20 아래로 설정하는 것이 좋음 단축키 F 화면 모드 변경 Z 화면 비율 조절 (펜을 왼쪽으로 움직이면 축소 오른쪽으로 움직이면 확대) X foreground 와 background의 color 변경 L 올가미 툴 (shift 누르고 사용.. 포트폴리오를 만들자 1. 포트폴리오에 담을 프로젝트 선정하기 2. 포트폴리오를 만들 작업 툴 고르기 *포트폴리오는 포토샵으로 작업하는 것이 좋을까? 일러스트레이터가 좋을까? (아직까지도 뭐가 좋은지 모르겠다 ...ㅠ) 3. 포트폴리오 전체 컨셉 정하기 4. 레이아웃 구성하기 - 카테고리 정하기 - 이미지, 텍스트 배치하기 - 고정 요소 배치하기 5. 피드백 받기 - notefolio, behance... 이전 1 다음
