스터디노트/Do it! 프런트엔드 웹 디자인 입문

[#2] 입체에서 평면으로! - 플랫 디자인

MinSHxxx 2021. 2. 22. 18:37

02-1 불필요한 요소는 최소하하다! - 플랫 디자인

플랫 디자인: 평평하고 납작한 디자인, 웹 요소에서 입체감을 주는 효과를 제거하고 단순하게 표현하는 기법

 

02-2 플랫 디자인, 이렇게 만들어야 한다.

- 플랫 디자인에서 '직관성'이 제일 중요하다.

- 일반적으로 6~8가지 색상을 메인 색상으로 사용함.

- 타이포그래피도 중요한 역할을 함.

 

02-3 구글의 디자인 철학 - 머터리얼 디자인

구글 서비스나 안드로이드에서 일관되게 사용하고 있는 디자인

'플랫 디자인'이라는 경향을 받아들이면서 또 다른 구글의 디자인 철학이 더해진 구체적인 디자인 방법

 

02-4 콘텐츠에 집중하다! - 카드형 디자인

페이스북이나 핀터레스트 등 한꺼번에 많은 양의 정보를 표시해야 하는 사이트에서 내용을 카테고리별로 묶어 일부 내용만 표시, 필요할 때 전체 내용을 펼쳐 보도록 디자인 함

장점 1. 콘텐츠 중심의 박스 형ㅌ애로 시선 사로잡기

장점 2. 레이아웃을 자유자재로 바꿀 수 있음

장점 3. 지나친 스크롤을 줄일 수 있음

단점1. 계속 비슷한 레이아웃을 보게 됨

단점 2. 카드를 2열이나 3열로 배치하면 한 번에 훑어보기가 쉽지 않음