강의 내용 (2) 썸네일형 리스트형 [내일배움캠프] UXUI_4기 본캠프 : 3주차 강의 내용 [3-2~3-3] 📖 3-2 디스플레이와 픽셀, 배수- 디스플레이 : 모든 디지털 화면- 픽셀 : 디스플레이의 작은 칸- 해상도 : 디스플레이의 선명한 정도- 1배수 디자인 : 디자인 할 때 기준이 되는 사이즈. 1배(100%), 원본사이즈- 디바이스별 픽셀배율, 해상도 확인하는 사이트 : 🔗 https://yesviz.com/viewport/- 1배수 권장 사이즈 : 아이폰 375*812 / 안드로이드 360*800" 1배수 디자인이 스마트폰에서 구현되는 과정 "1. 1배수 사이즈를 디자인, 개발2. 기기는 코드를 읽고 디자인으로 바꾼다음, 자기 배율만큼 확대, 축소3. 기기 실제 해상도에 맞게 비세하게 조정 한 후 화면에 출력 📖 3-3 분기점과 그리드- 분기점 : 해상도에 따라 각각 다른 화면을 보여주기 위한.. [내일배움캠프] UXUI_4기 본캠프 : 2주차 강의 내용 📖 2-2 프레임과 그룹프레임과 그룹의 차이점 : 프레임은 fill, stroke에 영향을 받지 않고, 그룹은 영향을 받는다 📖 2-4 오토레이아웃 1. 코드 블록의 구조- 패딩 : 내부 여백- 보더 : 가장자리 테두리 - 마진 : 코드 블록 사이의 간격* 우리가 만드는 UI의 크기는 개체의 크기 + 패딩이다.* 오토레이아웃은 컨테이너를 간격에 맞게 규칙적으로 정렬해주는 기능도 수행한다.* 오토레이아웃, 레이아웃을 자동으로 만들어주는 기능* 콘텐츠를 패딩으로 감싸 컨테이너를 만들어준다. 2. 오토레이아웃 생성 📖 2-5 컨스트레인트컨스트레인트 란? : 제약, 제한, 오토레이아웃 안에 있는 개체들의 움직이는 모양을 제한리사이징- 프레임은 기본적으로 크기가 고정. Fixed- 프레임을 오토레이아웃으로 .. 이전 1 다음