오즈코딩스쿨 베이스캠프(디자이너 ) #12 레이아웃 및 디자인 원리

1. 레이아웃 구성 원리

 그리드 시스템

- 정의 및 필요성 : 레이아웃의 균형과 정렬, 간격을 체계적으로 관리하기 위한 기본 틀

- 설정 방법:컬럼, 행, 간격(마진, 가터)을 설정하여 일관된 디장니 유지

 

정렬 및 간격

- 정렬 원칙: 좌우, 상하 정렬을 통해 시각적 안정성 확보.

- 간격 조정: 마진, 패딩을 사용하여 콘텐츠 간의 여백을 설정

 

반응형 디자인

- 원칙 및 적용: 다양한 디바이스(데스크탑, 태블릭, 모바일) 환경에서 디자인이 올바르게 표시되도록 구성.

 

2.타이포 그래피와 색상 이론

타이포 그래피

- 기본요소: 폰트 종류, 크기, 굵기, 행간, 자간 등을 이해.

- 계층 구조: 제목, 본문, 캡션 등의 텍스트 요소 간 차이를 두어 정보 계층을 명확하게 함.

- 가족성: 텍스트 배치와 간격 조절로 읽기 쉬운 디자인 만듦

 

색상 이론

- 색상 조합 원리: 보색, 유사실, 트라이어드 색상 등 다양한 조합 기법

- 심리적 효과: 색상이 주는 느낌과 분위기를 고려하여 팔레트 구성

- 사용자 경험: 색상 대비를 통한 시각적 명확성과 접근성 개선

 

 

<실습>

이렇게 하는게 맞나여...? 크기 1440x1024인데 타이포 그래피 24크기? 로 하라고 해서 그 전에 뭔가 잘못된 느낌 ㅋㅋㅋㅋ 뭐 어쨌든 하긴 했으니꽌....