02-1 불필요한 요소는 최소하하다! - 플랫 디자인
플랫 디자인: 평평하고 납작한 디자인, 웹 요소에서 입체감을 주는 효과를 제거하고 단순하게 표현하는 기법
02-2 플랫 디자인, 이렇게 만들어야 한다.
- 플랫 디자인에서 '직관성'이 제일 중요하다.
- 일반적으로 6~8가지 색상을 메인 색상으로 사용함.
- 타이포그래피도 중요한 역할을 함.
02-3 구글의 디자인 철학 - 머터리얼 디자인
구글 서비스나 안드로이드에서 일관되게 사용하고 있는 디자인
'플랫 디자인'이라는 경향을 받아들이면서 또 다른 구글의 디자인 철학이 더해진 구체적인 디자인 방법
02-4 콘텐츠에 집중하다! - 카드형 디자인
페이스북이나 핀터레스트 등 한꺼번에 많은 양의 정보를 표시해야 하는 사이트에서 내용을 카테고리별로 묶어 일부 내용만 표시, 필요할 때 전체 내용을 펼쳐 보도록 디자인 함
장점 1. 콘텐츠 중심의 박스 형ㅌ애로 시선 사로잡기
장점 2. 레이아웃을 자유자재로 바꿀 수 있음
장점 3. 지나친 스크롤을 줄일 수 있음
단점1. 계속 비슷한 레이아웃을 보게 됨
단점 2. 카드를 2열이나 3열로 배치하면 한 번에 훑어보기가 쉽지 않음
'스터디노트 > Do it! 프런트엔드 웹 디자인 입문' 카테고리의 다른 글
[#6] 웹의 기본은 텍스트 - 타이포그래피 (0) | 2021.02.22 |
---|---|
[#5] 풀 스크린 배경과 캐러샐 (0) | 2021.02.22 |
[#4] 클릭에서 스크롤로! - 원 페이지 사이트 (0) | 2021.02.22 |
[#3] 반응형 웹에 어울리는 그리드 레이아웃 디자인 (0) | 2021.02.22 |
[#1] 다양한 화면 크기에 최적화하다! - 반응형 웹 (0) | 2021.02.22 |